情報学概論1　　第13回（7/8)

(Introduction to Informatics 1)

はじめに

当科目の意義

• 我々の置かれている状況：

  • PCとブラウザがあってURLを入れたり画面をクリックしたり、それで生活がまわっていく。
  • 中で何が起きているのかはあまり認識していない （ブラックボックスとして認識）。

• 大学の学問は：

  • このシステムを前提にどう活用していくのかを考える領域（右下図の上半分）
  • このシステムの内容や課題を認識する領域（下半分）

  の両方をバランスよく位置付けていくのが望ましい。

  • 本科目は下半分に狙いを絞ったもの。

試験に向けて

• 基本的には、これまでにやったことを復習しておいて下さい。
• 自分の考えを書くような問題も出る予定です。これまでの授業内容について、随所で「なぜ？」という疑問を持って考察したり調査したりすることは重要かもしれません。

実践的ICT生活のために（2）

（実習編）

• 我々を取り巻くちぐはぐな情報技術（大文字小文字の区別に関する状況など）について（別ページ参照）。

• また、この世界は流れが早いので「deprecated」な技術というのも存在する （前回の中級課題で言及した marquee タグもその１つ）。

  =>　たとえば「html deprecated」でググってみて下さい。

  • CSS を使うのが今のやり方。（今日はサンプルを１つだけ示す）

前回課題について

• HTMLと、そこから引用される画像ファイルは、 一緒に伝えないと複合文書が正しく表示されない。
  • 右図のように、表示するために画像ファイルを探しに行って、見つからない、という状況になる。
  • これを克服する方法：定番の方法はない（以下に候補を挙げるが）。
• なお、今回の考察/実習のためには、誰かが作った借り物の画像（著作権的に問題があるケースが多いという理由もある）を使わず、 手元（PC上）にある画像ファイルを使うことにしておこう。
  • 自分がクラウド上に保持しているものや、フリー素材などの場合も、一旦自分のPC（HTMLファイルと同じフォルダ）に置いてからのHTMLへの貼り付けを行うこと。

1. アーカイブファイルとしてまとめる

   • 多くの場合、アーカイブの際に同時に圧縮も行うので「圧縮ファイル」とも呼ばれる

   • zip が最もポピュラー（Windowsに組み込まれているので）。

   • クラウド経由でもメール経由でも受け渡しができる。

   • ただし、受け取った側は「解凍」の作業を必要とする （ので、この方法は濫用しないほうがいいだろう。たかだか３，４個のファイルなら個別にメールに添付すればいいし、現代の画像ファイルは圧縮してもさほどご利益はないことが多いので。）

   

2. メールで送る
   • 上記のアーカイブの形で添付してもいいし、
   • 個別に添付しても大丈夫。
     • メールソフトで読むにせよ、ブラウザ上で（Gmailサイト等）読むにせよ、添付ファイルとして示されたものを、PC内の一定の場所にダウンロードまたは展開してから表示させる（右図）ので、 同じ場所に置かれた状態が受信側のPC内で形成されるため。
   • ただし、画像が置かれた場所が、引用元HTMLファイルとは別のフォルダ/ディレクトリ（下図では imgサブフォルダの下）に置かれているような構成の時はうまくいかない。
     
3. WebサーバにアップロードしてそのURLを伝える。
   • これが一番スマート。
   • ただし、使えるサーバは（今は）さほど豊かではない。
   • 学生向けコンテンツ空間を使ってみよう
     • 上記のページでは、ファイル転送ソフトの使い方を紹介している。
     *** このサーバ wwws について、ユーザ登録の準備が未完だと連絡があったので、 実施は来週行います ***
   • それ以外に、atomエディタで編集してそのままアップロードする（設定は大変だが 頻繁にアップロードを行うなら便利な）方法などもあるが、ここでは詳細は省略する （関心のある人は右図のようなワードで検索してみて下さい）。
4. クラウドサービスを使う
   • クラウドサービスはHTMLコンテンツを特殊な表示で扱うことが多く、
   • 現在は使えるサイトは殆どないようだ
5. 画像（などの補助的コンテンツ）だけをクラウドやブログに置く
   • imgタグのsrc属性には、その画像の URLを書くことになる。
   • たとえばこの画像のように->
   • 永続的にそのURLが有効であるかどうかは保証されないことが多い

オープンなデータ形式を使い回す

• 今日はこのページに沿って、Markdown についても学びましょう。
• このページも参照下さい。=> ここは来週あらためて

課題

• テキストエディタをMarkdownモードにした状態で、

  Markdown言語で、Markdownの重要な文法要素をひととおり使った文書を作ってみる。

  • 内容は特に問わないが、せっかくなのでこういう新しい言語（たぶん）と出会ってみての感想や苦労したことなども、文書の中に盛り込んでみてください。

  • 見出し、段落分け、箇条書き、数字つきの箇条書き、は最低限試しておきましょう。

  • プレビュー（おそらくどのエディタにもあるだろう）も使ってみて、それなりの表示が得られることを確認する。

  • 今回は作った .md ファイルを（そのままでいいので）提出ください。

    • オンラインエディタ等で試してみて、保存の方法がわからない人は、 代わりに、どういう方法で作ったか、などの、経過報告を添えてください。

  • htmlへの変換ができるかどうか、（解説はあまりしていませんが）も、ためしてみて下さい。変換ができたら（自分のブラウザで表示を確認した上で）それも添えて提出ください。