見た目を書く言語が進化して、見た目を書かない言語になった【マークアップ言語5】#41

Поделиться
HTML-код
  • Опубликовано: 25 июл 2024
  • マークアップ言語シリーズ第5回です。「マークアップ言語は見た目を書くためのものだった」「しかし、思わぬ方向に進化してしまった」「マークアップ言語はパンダの親指」など、マークアップ言語がたどった悲劇の歴史を話しました。
    【目次】
    00:00 編集者はマークアップ言語を書いている
    02:43 「マークアップ言語」の始まり
    08:12 HTMLも最初は「誰かの思いつき」
    15:01 歴史的にみちょぱは建築していた
    21:01 マークアップ言語はパンダの親指
    28:41 まとめ「技術は修繕の歴史」
    【参考文献】
    ○『ビジネス書ベストセラーを100冊読んで分かった成功の黄金律』
    →amzn.to/3CR1bM5
    堀元の著書第二弾。謎の記号がついて原稿が送られてきたヤツ
    ○『ヴェニスの商人の資本論』
    →amzn.to/3EmObih
    パンダの親指の話はここから。
    ○『ENIACからXMLへ: 元XMLユーザーグループ会長が語るマークアップ言語とメタ言語の歴史』
    amzn.to/3Ljogtq
    →マークアップ言語の歴史について書かれた本。出版社から出た本ではないので散逸的なブログっぽい内容。
    ○『作りながら学ぶ HTML/CSSデザインの教科書』
    amzn.to/3LecDDZ
    →定番のHTML/CSS入門書。初めてちゃんとHTML/CSSを学ぶ人にオススメ。堀元も昔やりました。
    ○『イラスト図解式 この一冊で全部わかるWeb技術の基本』
    amzn.to/3d3nQul
    →ブラウザの基本的な仕組みについて知りたい人はこちらをどうぞ。
    【サポーターコミュニティ加入はこちらから】
    yurugengo.com/support
    【親チャンネル:ゆる言語学ラジオ】
    / @yurugengo
    【フランチャイズプロジェクト:ゆる学徒ハウス】
    / @yurugakuto
    【おたよりフォーム】
    forms.gle/BLEZpLcdEPmoZTH4A
    ※皆様からの楽しいおたよりをお待ちしています!
    【お仕事依頼はこちら!】
    yurugengo@gmail.com
    【堀元見プロフィール】
    慶應義塾大学理工学部卒。専門は情報工学。WEBにコンテンツを作り散らかすことで生計を立てている。現在の主な収入源は「アカデミックに人の悪口を書くnote有料マガジン」。
    Twitter→ / kenhori2
    noteマガジン→note.com/kenhori2/m/m125fc452...
    個人RUclips→ / @kenhorimoto
    【水野太貴プロフィール】
    名古屋大学文学部卒。専門は言語学。
    某大手出版社で編集者として勤務。言語学の知識が本業に活きてるかと思いきや、そうでもない。
    #マークアップ言語 #ゆるコンピュータ科学ラジオ

Комментарии • 158

  • @yurucom
    @yurucom  Год назад +1

    【参考文献】
    ○『ビジネス書ベストセラーを100冊読んで分かった成功の黄金律』
    →amzn.to/3CR1bM5
    堀元の著書第二弾。謎の記号がついて原稿が送られてきたヤツ
    ○『ヴェニスの商人の資本論』
    →amzn.to/3EmObih
    パンダの親指の話はここから。
    ○『ENIACからXMLへ: 元XMLユーザーグループ会長が語るマークアップ言語とメタ言語の歴史』
    amzn.to/3Ljogtq
    →マークアップ言語の歴史について書かれた本。出版社から出た本ではないので散逸的なブログっぽい内容。
    ○『作りながら学ぶ HTML/CSSデザインの教科書』
    amzn.to/3LecDDZ
    →定番のHTML/CSS入門書。初めてちゃんとHTML/CSSを学ぶ人にオススメ。堀元も昔やりました。
    ○『イラスト図解式 この一冊で全部わかるWeb技術の基本』
    amzn.to/3d3nQul
    →ブラウザの基本的な仕組みについて知りたい人はこちらをどうぞ。
    【おたよりフォーム】
    forms.gle/BLEZpLcdEPmoZTH4A
    ※皆様からの楽しいおたよりをお待ちしています!

  • @user-tz8eb8jt3r
    @user-tz8eb8jt3r Год назад +84

    堀元さんが分かりにくい例えをするのと、水野さんが漢字の説明にみんなが分かりにくい用例を出してくるのは、伝統芸能の域に近づきつつある。

  • @machinego1983
    @machinego1983 Год назад +219

    聞き手の時はちょうどいい例えをポンポン出してくれるのに、しゃべる側になった途端プリンばかり生成してくる系ユーチューバー

    • @Ottag
      @Ottag Год назад +19

      だめだプリンばかりしてしまう…

    • @AMIWsement
      @AMIWsement Год назад +10

      @@Ottag 芝刈りじゃないですか

    • @user-qc1eh4eh7s
      @user-qc1eh4eh7s Год назад +9

      カラメルがツイテルツイテル
      🙏🍮🙏🍮🙏🍮🙏 🍮
      カラメルがツイテルツイテル🙏🍮🙏🍮🙏🍮🙏🍮

    • @user-qc1eh4eh7s
      @user-qc1eh4eh7s Год назад +2

      編集したのに改行されてなかった🥺

    • @rivieramente
      @rivieramente Год назад +16

      @@user-qc1eh4eh7s インデントできてないので"死"

  • @ironblue11650
    @ironblue11650 Год назад +32

    幼稚園の授業参観で後ろから飛んでくるヒントが「さっき話してたやつだよ」とかじゃなくて「勘が悪い」なの何のヒントにもなってなくて面白い

  • @kiyotakainaba48
    @kiyotakainaba48 Год назад +27

    コメント遅いけど...
    多くの人がすでに、「SGML を入れてないから歴史経緯がおかしくなってる」と書かれてますので (この部分は私も同意)、そこは省いてその前の話をちょっと追加しておきます。
    実は、SGML のもとになったものは IBM で作られていて、その時は GML ("S" がない) と呼ばれていました。これを開発したのが Goldfarb, Mosher, Lorie の三人で、この頭文字を取って (当時の IBM はなんでもかんでも三文字略語にするのが好きだったから) GML と呼ばれました。この ML に "Markup Language" というあてはめ (タグ付けて markup 指示するのは、それ以前のソフトウェアからあったが、"Markup Language" と呼ばれたのはこれが最初だったはず) が起きたのは、後の商品化くらいのタイミングだったとされます。
    で、これの (半) 成功に味をしめて、国際標準化が図られ、1986 年に「規格として」世に出たのが、SGML でした。(国際標準になる前から、SGML は実際には使われている)
    GML は「見た目を書く言語」という性格が強く残っていましたが、SGML は「見た目を外に分離する」言語になりました。この理由は、SGML は単なる「お清書」器というより、「複数の業務でのテキスト文書の共有」 (たとえば複数の文書を一挙になめて、各文書の章立てを抜き出す、とか) が、大きな目的になったことにあります。この為には、見た目の記述は外に出して、論理構造だけを残す事が必須になりました。
    ただ、SGML は仕様が大きすぎたので、「見た目の記述までまぜこぜにして、簡単に動かせる」言語としての HTML が 1990 に CERN で作られました。その後、バージョンアップごとに「見た目の分離 (その分、仕様は大きくなるし、処理は面倒になる)」が進んだ、というのが HTML の流れです。
    この流れって、「ゆる言」で以前に取り上げられた、「ピジン (最初の HTML) は時制が欠落する (SGML からの単純化) が、クレオール (最近の HTML) になると結局時制が戻ってくる (ユースケースからの複雑化)」と同じような流れなんですよね。

  • @user-gx7ht8bl6j
    @user-gx7ht8bl6j Год назад +90

    「堀元にたとえをさせる」を定着させてほしい

    • @早川眠人
      @早川眠人 Год назад +23

      わかり易く説明しようとして返って分かりにくく喋る事

    • @machinego1983
      @machinego1983 Год назад +18

      それと対を成す『水野の訓読み』

  • @SF-ds9nl
    @SF-ds9nl Год назад +60

    「前車の轍(てつ)を踏む」を 前の車〜と訓読みで読んだので、それに合わせて轍(わだち)を踏むと読んだのですね(深読み)

  • @noda515
    @noda515 Год назад +31

    HTML の最初の開発動機は、Hyper Text 、つまり、link で相互参照することを記述することだったと思います。
    なので、それを示すタグが という、一番短い記述になっている。

  • @user-vd2tz1cf3v
    @user-vd2tz1cf3v Год назад +29

    堀元さんが水野さんに厳し過ぎると文句を言っていた冷蔵庫の件、私も堀元さんの言い方は絶対容認できません!その場にいたらめっちゃ突っ込んでます。

  • @user-nc9xb4gx8p
    @user-nc9xb4gx8p Год назад +43

    Windowsのバージョンの例にWindows95を挙げちゃう水野さん、狙ってるのかってくらい例外を当ててくるの面白すぎる😂

  • @yakyou
    @yakyou Год назад +18

    最初のHTMLは「見出」「データリスト(タイトル)(データ内容)」「リンク」くらいしかない、むしろデータ構造しか書けない言語でしたよね。

  • @user-iy4me9op3z
    @user-iy4me9op3z Год назад +7

    パンダの例を出した時、レッサーパンダの話をするのかと思ってました。
    元々はレッサーパンダの方の名前が「パンダ」
    でもあとから出てきた今のパンダがパンダと呼ばれるようになったせいで、元々パンダだった「パンダ」は「劣ったパンダ」として「レッサーパンダ」と名前が変えられた。
    ぽっと出のHTMLに「マークアップ言語」を奪われ、あまつさえ元の方にまで侵食して来られた「マークアップ言語」との対応として。

  • @ZooM200805
    @ZooM200805 Год назад +33

    HTMLも昔のバージョンでは (太字指定)とか、(斜体指定)とかのタグがありましたね
    そういう意味では (強制改行)は見た目指定タグの数少ない生き残りですね

    • @webisuvip
      @webisuvip Год назад +5

      他にもfontだったり、ブラウザ限定タグとしてはblinkとかmarqueeとかみたいな謎タグもありましたね。
      完全に見た目を設計するための言語だったなあ…

    • @FoxInFlame
      @FoxInFlame Год назад +8

      と は、今は と にそれぞれ踏襲されており、これらは現役です!むしろCSSよりも推奨されてます。目の不自由な方が使うスクリーンリーダーなどではCSSは無視されるけど、どこを強調するのかは伝わらなきゃいけないからです。やっぱりでもHTMLは確かにデータ構造的ですね笑

    • @nanaki1006
      @nanaki1006 Год назад

      今ないんだ。
      90年代はそれがメインだったのに

  • @mozhigengo9479
    @mozhigengo9479 Год назад +18

    子育て世代になるとコンピュータ言語の知識をアップデートする時間はなかなか取れないが、パンダの指やらパンダの生まれたての赤ちゃんの毛色だとかパンダのうんちに関する知識は異常に詳しくなっていく…🐼

  • @picklesueda
    @picklesueda Год назад +18

    起きてすぐゆるコンピューター科学ラジオの新作が聴ける幸せ、ありがとうございます

  • @aa-iz9eu
    @aa-iz9eu Год назад +16

    HTMLの元々の役割としては研究者が研究成果を共有するための書式だったから、見た目のための言語というよりは「見た目を大して意識していない」もしくは「見た目と構造が一致している」文章を表すためのものだったのだと思う
    Mosaicが出るまでは文章と画像を同じページで表示することもできなかったみたいな話もあるし

  • @user-xe3ir9qm9g
    @user-xe3ir9qm9g Год назад +18

    「冷蔵庫を冷やすな」は「冷やす」の意味を、
    「中のものを冷やすために、電源を入れて冷蔵庫内の冷蔵室を冷やす」とすれば、ヲ格もとれると思った。

  • @tatake8932
    @tatake8932 Год назад +5

    28:04 しれっと水野さんが使った「いなたい」、聴き逃しませんでしたぞ〜!

  • @shindy_jp
    @shindy_jp Год назад +22

    10:05 細かいですが、現在では HTML の明確なバージョニングは廃止され、"HTML Living Standard" というものになっています

  • @riob.8071
    @riob.8071 Год назад +16

    書名を言われると装丁が思い浮かんで版元が出てくるというメカニズムならわかる

  • @Kawasaki_Fumitaka
    @Kawasaki_Fumitaka Год назад +4

    ポルノグラフィティのリビドーという曲の歌詞に「鼓膜の中に残るあなたの耳ざわりのいい言葉なんてナンセンスな日常だ躁鬱」というのがあるのを思い出しました。これも割とポジティブな意味合いで使っている気がします。

  • @EEquals2718281828
    @EEquals2718281828 Год назад +15

    TeXとか「数式が綺麗」とかばっかり取り上げられるけど、本当は「電子組版ソフトウェア」ですからね。時代が降って、TeXが「なんでも組版できる」ソフトウェアすぎて不便だったので、TeXの上にLaTeXというものができて、「論理を書いて美しい見た目が得られる」をウリにするようになった。(それが実現できているかは別として…)

  • @torukayama8064
    @torukayama8064 Год назад +6

    みちょぱがエゴサして、このチャンネルにたどり着いたらおもろいな

  • @tamarind_kingdom
    @tamarind_kingdom Год назад +5

    IT素人でしたがこのラジオに触発されて応用情報技術者試験を受けました!

  • @vzg03566
    @vzg03566 Год назад +5

    いろんなレンダリングデバイスがありますから、ある特定デバイスにおける見た目を直接的に指定するのではなく、様々なデバイスで最適に描くために「文章の論理構造をマークアップしましょう」というのがHTMLの根底にある思想だと理解しています(少なくともHTML4.0以降では)。例えば、強調したい語句を「太字にしてね」と指示するのではなく「強調してね」と指示するのです。視覚障害を持つ人にとっては、強調するべき語句を、太字で表示されても意味がありません。替わりに読み上げソフトが大きな声で読み上げて強調するかもしれません。コンピュータ技術における「マークアップ言語」に「見た目を記述するべきではない」との定義はなく、それはあくまでもHTMLにおいて定義されているものであると理解していますよ。

  • @plattojp
    @plattojp Год назад +8

    初期のHTMLは、ページデザイン性能よりも いかに多くのメディアタイプを扱えるかということが重要視されていたとおもいます。tableタグを駆使してレイアウトを頑張った思い出・・・涙。実験で得られた画像・動画・テキスト・音声などのマルチメディア(タヒ語)データを、”誌面”に”組版”するかのようにして研究者同士がオンラインでいかに情報交換しやすくするか、CERNの研究者らが中心となってHTMLを考案した、というような話を当時なにかの雑誌で読んだような。ハイパーテキスト・ハイパーメディア・マルチメディア時代の幕開け、インターネットの商利用お断りみたいな時代背景でした。

  • @user-xh8ql4qn9p
    @user-xh8ql4qn9p Год назад +2

    堀本さんの着ているTシャツのN=1の上にある上矢印がイギリス軍の官有物であることを示すブロードアローみたいだなと思いました。
    現代の洋服が軍服などから出発していることを考えると、このTシャツはファッションの源流に思いを馳せることができるデザインを用いていると思いました。
    最後まで見る前にコメント入れたら、最後に水野さんが衣服の歴史について触れてビックリしました笑
    堀本さんはここまで見越してN=1 Tシャツを着てきた訳ですね。堀本さんが良く言われる「神は細部に宿る」を言行一致させる姿勢に感服しました。

  • @user-tomato831
    @user-tomato831 Год назад +6

    他の人も書いてますけど、HTMLってSGML(Standard Generalized Markup Language)を元に作られたものじゃないですか?
    さらにSGMLはGML(Generalized Markup Language)を元に標準化されたもの。
    印刷とはあまり関係ないものだったと思います。
    また、SGMLのころからスタイルシート(CSSと別物)があり、論理構造と見た目の分離という概念はそのころからあったようです。
    XML(Extensible Markup Language)もSGMLを元に作られた言語のようです。

  • @user-cp5wn2iu7z
    @user-cp5wn2iu7z Год назад +6

    歴史的に行き当たりばったりに見えるのは、その場の局所的な最適化を繰り返した結果なのでしょうね

  • @mudaso-heavy-user
    @mudaso-heavy-user Год назад +5

    楽しみに待ってました

  • @ST-tb2fk
    @ST-tb2fk Год назад +3

    個人的な考えとしては、h1タグとかh2タグとかが印刷所に対しての「見た目の指示」であることは変わらなくて、ただ、それを印刷所が解釈して見た目を具体化したのを、その印刷所の解釈に当たるところをcssで書くようになったから、出稿側で見た目指示と見た目の解釈を一緒に書くようになったということじゃなかろうか、と話を聞いてて思った。
    と、ふと下を見るといろんな意見、解釈が書いてあってこれ見てるだけでも面白いなぁ。

  • @daisuke1761
    @daisuke1761 Год назад +5

    夏目漱石の「耳障り」は「耳障りの度合い?」のような意味合いで使われているのかなあ。例えるなら「痛み」が「痛みの度合い」を表して、「痛みは酷くない。」のような感じ。

  • @xcapman8055
    @xcapman8055 Год назад +3

    俗に「インターネットミーム」と呼ばれる単なる流行語よりも、いきあたりばったりの生き残りのマークアップ言語こそ「ミーム」ですね。

  • @lacolmena1973
    @lacolmena1973 Год назад +7

    前回からもやもやしていたのですが、TeXは組版用のシステムではありますが、plain TeXでもLaTeXでも書き手はここはタイトルだとか見出しだとか論理構造を指定するのであって、基本的には見た目を指定するのではありません。logの例でも見た目を指定しているわけではなくて、ここはlogだと書き手が指定すると、システム側がlogは立体、底は下に小さい字、引数はイタリックなど見た目をいい感じにしてくれるので、書き手が指定しているのはあくまで論理構造です。

  • @tamarind_kingdom
    @tamarind_kingdom Год назад +1

    当方門外漢ですが、
    ●組版
    マークアップ:(文)+(文の論理構造)+(見た目の論理構造)
    職人:(見た目の詳細の設定)+(見た目の生成)

    ●html
    htmlデータ:(文)+(文の論理構造)
    htmlのエンコード規則:(文構造から見た目の構造を生成する規則)
    CSS:(見た目の詳細の設定)
    ブラウザ:(見た目の生成)
    というように、役割分担が進んだと言えるのではないかと思いました
    「見た目の構造はデータの構造によって定められるべき」という思想が推し進められたわけですね
    ところで、機能の分担を最適化する過程が生物の進化に似ているという話から、内臓組織の役割分担が進化の過程で変わるというゆる組織解剖学ラジオの話を思い出しました。見た目の構造の記述はランゲルハンス島。

  • @julian-m967
    @julian-m967 Год назад +6

    パンダの親指の元ネタはてっきりこちらだと思ってました。
    スティーヴン・ジェイ グールド
    『パンダの親指 進化論再考』 (ハヤカワ文庫NF)

  • @user-tz8eb8jt3r
    @user-tz8eb8jt3r Год назад +3

    「パンダの親指」の例えが「プリン🍮」や「みちょぱ」とレベルが違うのには、明確な理由がありましたね。

  • @RyuseiYamaguchi
    @RyuseiYamaguchi Год назад +1

    違法建築の伏線が改修もとい回収されていったくだりは感動しました。
    ところで、HTMLは今はLiving Standardと称していて、公的なバージョン番号は消滅したんですよね。
    Windows 95のくだりも笑いましたが、考えると、バージョン番号が収束するTeXとか、USB4 Version 2.0とか、世の中には面白い/めちゃくちゃなバージョン番号がたくさんあります。
    セマンティック・バージョニングなども交えて、バージョン番号の話で1回ぜひやって欲しいです。

  • @user-bp7fy2qp9m
    @user-bp7fy2qp9m Год назад +6

    HTMLの直系の先祖はSGMLではないでしょうか。電算処理を前提としたガチ系の言語で、見た目の分離も前提として組み入れられています。
    見た目重視の処理系として有名なのは roff 系列。

  • @umbt002
    @umbt002 4 месяца назад

    堀元さんがことあるごとにみちょ建ロンダリングを試みるのがウケる

  • @takucub3127
    @takucub3127 Год назад +7

    元来の組版は指定した印刷所と対になるので見た目が重要視されていて旧来の環境ではCUI上という印刷に近い環境だったけど
    GUI環境の無数のアウトプットが約束事を容易に破壊してしまうために見た目の分離が図られたんですかね

  • @TheSimontea
    @TheSimontea Год назад

    なんてドラマチックな話なんだ。マークアップ言語が乗っ取られたーという部分など、堀本さんの話術でグッと来ました。

  • @gutsnosada
    @gutsnosada Год назад +21

    阿部寛さんのサイトは公式ではなく、めちゃくちゃ更新が早くてマメなだけの公認ファンサイトです(これも割とクリシェ豆知識の範囲ですが)

  • @kbshakidame923
    @kbshakidame923 Год назад

    冷蔵庫で冷やすながスッキリしていていいですね

  • @user-dv5ik1wn2e
    @user-dv5ik1wn2e Год назад +20

    HTMLの前にはSGMLがあるから直接印刷関係の書き方から来てるわけではないかと
    あと最初のブラウザってlynxみたいにテキストベースをまず作るんじゃないかな、すると一番大切なのはAタグ(リンクを作るタグ)だから、やっぱり見た目より機能なんじゃないかな

    • @RIAFeed
      @RIAFeed Год назад +6

      というか見た目を書くなというか構造とレイアウトは分けろ的な話はHTMLの元のSGMLどころか更にその元のGMLの頃から提唱されてたからなぁ

    • @gutsnosada
      @gutsnosada Год назад +1

      思想としてはあったけど、データ構造と見た目の結合度が高めのタグ(tableとか)が実装されるうちにfontとかcenterとかもあっていいだろ、って流れになったんですかね?

  • @Ottag
    @Ottag Год назад +3

    11:43
    イマジナリー水野「幼稚園じゃなくて小学生の方がしっくりくるんじゃ無いですかねー」

  • @mozhigengo9479
    @mozhigengo9479 Год назад +2

    「マークアップ」は印刷業界用語だったというのは面白かった。「クリシェ」も印刷業界用語だ。
    "クリシェ"うんちく
    仏語の Cliché あるいは 英語の Stereotype とは もともと印刷用語。鉛版(ステロ版)のこと。鉛版印刷物のように(ハンコをついたように)繰り返し同じものが出て来る、という意味。鉛版と相対するものは「活版」。鉛版は1枚ものでそれ以上変化が加えられない(stereo=固定、type=文字)のに対し、活版(moveable type)は組み換えができる(moveable=可変、type=文字)。鉛版は、活字から紙型を形成し、それに鉛を流し込むことで作られていた。
    現代では「版」を使わない、レーザープリントのオンデマンド印刷が主流になっているが、「版」はフレキソ印刷やオフセット印刷で引き続き使われている。多くの場合アルミ製の板で、輪転機などでは、ロール状になっているので「版胴」とも呼ばれる。その「版」(あるいは 刷版や版胴とも言う)のことをヨーロッパの印刷業界では今でも「Cliche」と呼んでいる。
    ちなみに Cliché は 英語の Click と同語源だが、金属製の印刷用具が音を立てることから、印刷(コピー)することという意味が派生したらしい。
    「クリシェ」といえば、あの強烈なミーム「テキトウ民間語源説教クリシェ」はいつまた聞けるのだろう。

  • @yu100nabeyan
    @yu100nabeyan Год назад +15

    ゆるコンピューター科学ラジオで例え成功したことあるんか???

    • @yu100nabeyan
      @yu100nabeyan Год назад +1

      マークアップ言語をみちょぱに例えて言語に例えて生物進化に例えてマークアップ言語に戻ってやっと生物の話だけわかった

    • @reI_512_
      @reI_512_ Год назад +2

      プリン…w

  • @user-fk5gy6ey6e
    @user-fk5gy6ey6e Год назад +1

    2000年頃のhtmlはfontタグで文字サイズ指定したり、数少ない動きでmarqueeタグとかあったので、バリバリ表示内容に関する言語でしたね。

  • @yuichiro20121110
    @yuichiro20121110 Год назад +3

    みちょぱは建築家じゃなかったのかぁ(白目)

  • @ucchaso
    @ucchaso Год назад +4

    以前だとBootstrap、最近だとTailwindなんかは、原点回帰でHTMLにデザイン要素を追加できるようにしてますよね。
    逆にBEMを使うのは、論理とデザインを分けたい人なイメージかも。

  • @nagatarock31
    @nagatarock31 Год назад +5

    耳障りのくだり、ビジネス書100冊ライブの時に(たしか1%の努力かな?)堀元さんは、「耳障りのいい言葉」と書いたライターをボロクソに貶してましたね。
    水野さんはそれを聞いたときからずっと指摘したかったのかなぁ、と思ってしまいました。

  • @FuRyu001
    @FuRyu001 Год назад +13

    更に面白いのは、HTMLに見た目を基準する言語であるCSSも
    ブラウザが提示する見た目が気に食わないと言う理由で
    一旦CSS Resetなどで全部見た目情報をCSSで全て消し去り、それをHTMLに記述して、
    一からデザインし直すって言うやり方が基本になっている事。

  • @aaaw1105
    @aaaw1105 Год назад

    いっちゃん最後が当たり前すぎるwwww

  • @kamikami2941
    @kamikami2941 Год назад +2

    21:34
    自分は弁証法哲学っぽいなと思った。
    今のHTMLの到達点も一つの過程でしかないんでしょう。

  • @zgok0721
    @zgok0721 8 месяцев назад

    みちょぱがゲシュタルト崩壊しましたw

  • @littlehugeuma
    @littlehugeuma Год назад +3

    古のHTMLでいうと、丸角の枠組を組む時にはセルが9個あるを作ってborder=0とcellpadding=0を設定し、四隅に円を四つ切りにしたを配置して……というテクニックがありました。今はborder-radius指定するだけでいいので楽に(?)なりましたねぇ。

  • @sbtk1123
    @sbtk1123 Год назад +1

    芸能やファッション関係の人が語ってるわけでもないのに「みちょぱ」という単語がこんなに飛び交うことある?

  • @boo121314
    @boo121314 Год назад +2

    クリシェですが・・技術上の歴史的悲劇にキーボードのQWERTY配列があります。諸説ありますが、初期のタイプライタにありがちなハンマー同士の絡まりを防ぐためにあえて打ちにくくした、つまり不合理な配列です。Dvorak配列という打ちやすく合理的な配列もありますが、主流にはなりませんでした。日本語のOASIS配列もなあ・・

  • @mhe01361
    @mhe01361 Год назад +1

    いつも楽しく拝見しています。自分は印刷業界にいたので少しだけ…
    「入稿時に印刷所への指示を書いた文書」がマークアップの起源というお話でしたが、
    日本語ですがこちらのリンクで見られることだと思います。
    題名や本文の文字の大きさ、段組みの指定などが見られます。
    「牛込鶴巻町」原稿
    www.wul.waseda.ac.jp/collect/wa/he14-8086.html
    題名:2号活字
    著者名:3号活字
    本文:8ポイント
    字詰め:1行30字
    1段行数:25行
    2段組、天地に表罫を引く
    ※そのほかの細かいところは編集者と印刷所の阿吽の呼吸でしょう
    近代文学の名作 作家の手稿Ⅰ
    ameblo.jp/artony/image-11558383931-12584900471.html
    実践のお宝紹介 吉屋信子の「下田歌子」伝記小説 | 実践女子大学/実践女子大学短期大学部
    www.jissen.ac.jp/about/library_mate/201912/63_02.html
    ----
    おまけ1
    「SGMLを基にした応用技術の一つが、HTMLである。」と言われています。
    ja.wikipedia.org/wiki/Standard_Generalized_Markup_Language
    ----
    おまけ2
    「見た目と論理を分割」傾向のきっかけはティム・バーナーズ=リーによって提唱されたセマンティック・ウェブのせいだと思われます。
    セマンティック・ウェブ
    ja.wikipedia.org/wiki/%E3%82%BB%E3%83%9E%E3%83%B3%E3%83%86%E3%82%A3%E3%83%83%E3%82%AF%E3%83%BB%E3%82%A6%E3%82%A7%E3%83%96

  • @yukisiro_white
    @yukisiro_white Год назад

    いきなり天地創造デザイン部が出てきて笑った。

  • @zudah228
    @zudah228 Год назад +1

    なんなら、見た目を JS に書かせる Tailwind も生まれてるもんな

  • @keisukesugi5085
    @keisukesugi5085 Год назад +13

    看板下ろせなくなったHTMLは、言語学の看板を掲げて下ろせなくなったけど気にせず関係ないおもしろトークを繰り広げてるゆる言語学ラジオと一緒か。

  • @MatchanPenguin
    @MatchanPenguin Год назад +2

    マークアップ言語の(Unix的)原点は、run off (nroff) なんだけどな。。。man はroff でできているし。

  • @Syuririn
    @Syuririn 2 месяца назад

    20:36 もし「全然美味しい」を指摘されるようなことがあったら「芥川も使ってるけどね」って言い返してやろう

  • @syun2439
    @syun2439 Год назад +4

    確か衒学チャンネルでなんかのタネ本の「耳障り」いじってたんで、ミチョパカウンター喰らっちゃいましたね(´ω`)

  • @fggh3272
    @fggh3272 Год назад

    文豪も使ってた表現って言われても、文豪も間違える時は間違えるんだなぁってなって腑に落ちんかった。

  • @user-co2ql3dp3e
    @user-co2ql3dp3e Год назад +3

    サムネの水野さんの画像が、直前の本家のやつと同じだ!!!

  • @user-rk1ko1xw9v
    @user-rk1ko1xw9v Год назад +1

    数百年後の衒学者「これ例え失敗してると思うんだよなあ」

  • @extukusu
    @extukusu Год назад

    WindowsMEと2000が遥か未来のOSみたいで笑ってしまった

  • @user-sg2st4nl6h
    @user-sg2st4nl6h Год назад

    7:33 水野さんが沖縄でよく聞く「クーラーが逃げる」を観測したらものすごく怒りそう(笑
    未来が見えないのでどうしても進化は行き当たりばったりにならざるえない。人間だって数千年後には「元々精神体なのに産まれる時は一度肉体を纏わないといけない。結局すぐに肉体を捨てるのに生物は行き当たりばったりな進化をしてた」とか言ってるかも

  • @dollbacky
    @dollbacky Год назад

    ブリコラージュの積み重ねによる創発、それはいわばフラクタルな宇宙定理なのである、的な大好物なやつ。

  • @tktk5656
    @tktk5656 Год назад +1

    一瞬でAIに代替される人生は草

  • @xcapman8055
    @xcapman8055 Год назад +1

    みちょぱは建築家ではなく修繕屋である

  • @tktk5656
    @tktk5656 Год назад

    建築家ではないってフレーズが出た瞬間にオチをぶち壊してほしかったなー。たぶん悟って自重したんでしょうけどw

  • @Gadona143
    @Gadona143 Год назад

    「冷蔵庫を冷やす」が問題ならば「盃を飲み干す」はいかがですか?
    冷蔵庫も盃も(ついでに丼も)中身も含めて指してることもあるように思います。なら冷蔵庫を冷やすもギリギリありかなぁと。(実は聞いた瞬間は変だと思ったんですがねw)
    「冷蔵庫が冷えてる」って言った場合は庫内が冷えてる(だから放熱部分はむしろ温まってる)と感じるか、コンセントに繋がってなくて放熱部分が温まってない(庫内の温度は不問)と感じるのか、、、

  • @shinonome-seijuro
    @shinonome-seijuro Год назад +2

    汚名挽回も汚名を挽回してどうすんだよ返上だろとか言われるけど、昔の史料に複数回汚名挽回と言う単語が出ているらしく、汚名挽回でも問題ないらしい

  • @user-tn4tw7qr4d
    @user-tn4tw7qr4d Год назад

    耳障りの話は、一旦マイナスの意味にだけ使われるようになったのち、最近になって肌触りとかの意味に引っ張られてまた触り心地的な意味に帰ってきてるような気がする

  • @youheikawasima9358
    @youheikawasima9358 Год назад

    こういう、時間を経た結果元来の意味や用途から乖離して、違う又は逆の意味になってしまう現象に名前や慣用句がないのかとモヤモヤしている

  • @術中hack
    @術中hack Месяц назад

    パンダの6本目の指は、false thumb とか extra thumb とか言うらしい(動物解説サイト(英語)より)

  • @8yazaki
    @8yazaki 2 месяца назад

    HTMLは元々論文の標題、タイトル、段落をコンピュータが理解できるようにしようというものが始まりだったと学んだ記憶があります。文字列にどこからどこまでがどういう文書構造なのかをしていするものだったはずです。 そのため、デザイン的な内容をHTML内に書くのは良くない→CSSで記述という流れになって現在に至っています。
    GoogleのSEO対策としてもこの考えが使われてる事が多く、文書構造(標題やタイトル、段落)を正しく表記していた方がいいという考えが一般的になっています。
    過去動画から順番に見ているため以降の動画で訂正等されていたらすみません。

  • @早川眠人
    @早川眠人 Год назад +1

    親指側と小指側の根本に突起が有るのでパンダの手は実は7本指

  • @saki0426
    @saki0426 Год назад +8

    これはlogですも、ここはタイトルですと同じで、何を書くか言っているだけだから、見た目じゃなくて論理では?
    フォントは何でサイズは何で色は何で、といった具体的な指定をせず、logをどう表示するかはおまかせ、なら、見た目の指定はしてないということになるのでは?
    表示をするための指示書である以上、何だって見た目の指定と言えてしまうわけだから、ここはタイトルです、も見た目の指定と言えてしまうわけで・・・
    このへんが曖昧になっているから破綻しているように見えてしまっているだけのような気がする

    • @malo2793
      @malo2793 Год назад +1

      そう思います。
      logをどう書くかなんて人類が勝手に今の形に決めているだけであって、本来そう書かなきゃいけないわけではないですからね。

    • @saki0426
      @saki0426 Год назад

      @@malo2793
      それはちょっと意味合いが違う気が・・・
      log_2と書いたら2を底とする対数を書いてね、という意味だとした場合、文字としてのlogに対して2をどのぐらい小さくするかとか、logを斜体にするとかしないとかまでは言ってないわけだから、見た目については言及してない、とも言えるよね、って話でね
      その場でそんな細かいことまでを指定するのではく、表示ソフト任せにするなり、外部で定義するなりしていれば、分離しているといえるんじゃないの、ってことで
      この指定の場合、これは対数だ、とわかるところが重要で、だから教授もそっちでかけってことなんだろうしね
      あれ?、そうなると、対数だとわかる表記がほかにもあれば、べつにlog表記じゃなくてもいいということになって、あなたの言っていることもあながち間違いでもないのかw

    • @malo2793
      @malo2793 Год назад

      @@saki0426 そうです!まさにそういう意味でTeXの記法が表しているのは論理だと思ってます

  • @JackieMatthews610318
    @JackieMatthews610318 Год назад

    "Mark-up"を日本語にすると「割付(わりつけ)」がいちばん近い?
    冷蔵庫の件は水野さんが正しい。「を格」だもん。「冷蔵庫『に』冷えるなと言うようなもの」が適切。
    「Windows95」は「1未満」だと思っています。
    進化生物学の喩え、とても的を得ていると思います!

  • @Bass_pn
    @Bass_pn Год назад

    7:34 いつものお前だよ😂

  • @----___----___----___----___--

    ブラウザによって”見た目”が変わるのが嫌でFlash使ってた

  • @SCHU_GEE
    @SCHU_GEE Год назад

    みちょぱさん結婚おめでとうございます!

  • @user-qu7mv8xx7z
    @user-qu7mv8xx7z Год назад +1

    CSSが枝分かれしたような印象だけれど、本当は逆で論理部分が枝分かれして独立したんじゃないでしょうか。その論理構造のほうに何か新しい名前をつければ悲劇は避けられたかもしれない。

  • @assamoccam1278
    @assamoccam1278 Год назад +1

    そういえば堀元さん、ビジネス書読む企画で「耳障りが良い」を使う人めっちゃ馬鹿にしてたw

  • @tktk5656
    @tktk5656 Год назад

    HTML5聞いたことないかーまじかー

  • @kk9538
    @kk9538 Год назад +11

    うーん、生物やってる人間からすると進化の例えがしっくりこない・・・

    • @user-lc9td3nu5b
      @user-lc9td3nu5b Год назад +2

      生物の進化になぞらえるのであれば「見た目と分離したほうが良くね?」みたいな発想ドリブンではなくて
      「たまたま見た目と分離してて使いやすかったから生き残った」という考え方だからですか?

  • @mizutansan594
    @mizutansan594 Год назад

    美術解説系RUclipsチャンネルを書籍化したらこんな経過を辿ったという動画がこちら。
    山田五郎 オトナの教養講座
    ruclips.net/video/datTCnpjhnQ/видео.html
    マークアップ特有の記号とかは見えませんが、ライターさん全否定の様子はうかがえます。五郎さんも編集者だったので業界に詳しいですね。

  • @extukusu
    @extukusu Год назад

    熊は雑食なので、竹食ってるのはそこまでおかしいことでも…やっぱ竹はおかしいな…

  • @applejack0094
    @applejack0094 Год назад +1

    技術は修繕家であり建築家ではない、ってそれっぽいけど、「建築家」の捉え方がちょっと違う気がする。建築家も、それまでの経歴や既往の事例とかからドラフトしながら変遷してきた経緯があって、そういった右往左往の一つの帰結として「建築」があるんじゃないかな。って思った。

  • @TK-dm3fx
    @TK-dm3fx Год назад +1

    冷蔵庫を冷やす でも別に良くない?という人は
    電子レンジを温める
    カッターを切る
    コップを飲む
    みたいな言い回しでも特に不自然さは感じないのかな?

  • @Gadona143
    @Gadona143 Год назад

    全然+肯定系の話ですが植木等主演の映画のどれか(1960年代)のホステスさんのセリフで「全然いかしてるわ!」ってのがありました。この頃は普通だったのかコメディ映画だから笑える言い回しにしたのかこのホステスさんがちょっと日本語がおかしいキャラってことなのか、いまだに謎として心に抱えてます

  • @hiroyukippp7380
    @hiroyukippp7380 Год назад

    100年後のゆるコンピュータ科学ラジオ
    HTMLのMは、元々はみちょぱではなく、マークアップって意味だったんですよ。

  • @chinya7811
    @chinya7811 Год назад

    水野氏の服が体操服に見える…

  • @user-vd2tz1cf3v
    @user-vd2tz1cf3v Год назад +1

    28:05 「ダサい」の前に水野さんなんて言ったかな?「なたい」?尾張出身なのに水野さんの言葉が全くわからないなんて…!

    • @kk9538
      @kk9538 Год назад +3

      「いなたい(田舎臭い)」じゃないですかね

    • @user-vd2tz1cf3v
      @user-vd2tz1cf3v Год назад

      @@kk9538 「いなたい」って初耳ですね…!標準語なのか方言なのかすら見当もつかないレベルでわからない言葉だ。

  • @moqbara01
    @moqbara01 Год назад +8

    鳥は元々天敵から逃れるために飛ぶようになったけど、ペンギンの祖先が南極に飛んで行ったら天敵がいなかったので、結果飛ぶ必要がなくなって魚を獲るために水に潜るのに適した形に戻ったとされています。 この進化は割と理論的じゃないでしょうか

    • @user-lr1pp9rl1g
      @user-lr1pp9rl1g Год назад +6

      理論的だと思いますが、将来を見据えての生物設計であるならば、南極に住む大型魚に進化していった方が効率が良かったかも知れませんね。

    • @moqbara01
      @moqbara01 Год назад +1

      @@user-lr1pp9rl1g たしかに… 密集して寒さを凌いでいる姿とか見ていると、他にいい進化の道はなかったのか、とは思いますね