今 日 のお 話 ブログを 始 めよう ー 自 分 のホームページを 作 ろう- 良 いホームページ ブログの 利 点 電 子 情 報 通 信 学 会 小 中 学 生 の 科 学 教 室 2011 年 5 月 7 日 高 知 工 科 大 学 長 岡 技 術 科 学 大 学 教 授 工 学 博 士 山 崎 克 之 http://snowman.nagaokaut.ac.jp/ ブログを 作 ってみよう: 作 成 から 初 級 ブログを 作 ってみよう: 上 級 K.YAMAZAKI -2- 良 いホームページの 見 本 http://www.akr-sky.com/ 定 番 的 情 報 ( 料 金 交 通 アクセス など)だけのホームページが 多 い ブログだけで 両 方 をやってしまう http://blog.goo.ne.jp/awashima_nut 最 新 の 記 事 が 表 示 される 毎 日 の 情 報 情 報 の 更 新 が 重 要 こまめにリアルな 情 報 を 更 新 ( 今 年 の 桜 今 日 の 紅 葉 ) 送 り 手 の 顔 が 見 えるように ( 受 け 手 が 信 頼 する) なるべくローカルな 情 報 (うちはここが 違 う これがこだわり ) 定 番 的 情 報 は 記 事 を 書 いた 後 で ブックマークに 登 録 する ブログだけで 定 番 情 報 と 最 新 情 報 の 両 方 を 提 供 他 へのリンクもできる K.YAMAZAKI -3- K.YAMAZAKI -4-
ブログは 双 方 向 で 使 える 今 日 のお 話 K.YAMAZAKI -5- ブログの コメント 欄 を 使 う ビジネス(つまり 商 売 ) 売 り 手 と 買 い 手 のコミュニティを 作 る 一 度 お 客 になった 人 を 逃 がさない 趣 味 友 達 作 り 同 じ 趣 味 の 人 たちと ネットで 茶 飲 話 をする 同 じ 話 題 でもり 上 がる 学 校 の 朝 顔 日 記 めだか 日 記 ネコ 日 記 K.YAMAZAKI -6- 良 いホームページ ブログの 利 点 ブログを 作 ってみよう: 作 成 から 初 級 ブログを 作 ってみよう: 上 級 gooブログで 無 料 ブログから 始 めよう gooブログ : NTTレゾナントが 運 営 している http://blog.goo.ne.jp/ ブログ 新 規 作 成 gooのidを 申 請 取 得 一 般 的 な 名 前 は( 既 に 誰 かが) 取 得 済 なので _00 _xx -2011 -XX などにする gooidとパスワードを 控 えておく こと パスワードは 英 文 字 だけでなく 数 字 記 号 をまぜること *のところを 入 力 ロボットからの 入 力 防 止 用 です 次 のページ 英 字 の 大 文 字 小 文 字 に 注 意 K.YAMAZAKI -7- K.YAMAZAKI -8-
goo IDでログインし テンプレートを 作 成 自 分 のブログへアクセス 最 初 はシンプルなテンプレート を 選 ぶ( 後 で 変 更 できる) http://blog.goo.ne.jp/xxxx_xx/ XXXX_XX は 自 分 のgoo ID K.YAMAZAKI -9- タイトルと 概 要 を 書 く( 後 で 変 更 できる) 利 用 規 約 に 同 意 する 一 旦 ブラウザを 修 了 する 公 開 画 面 つまり 他 人 が 見 れる 画 面 です このアドレ スを 友 達 に 教 えてあげる お 気 に 入 りに 登 録 する ( 次 回 から 楽 ) 左 のメニューから 編 集 画 面 にログイン K.YAMAZAKI -10- タイトルと 概 要 左 に メニュー 記 事 は 右 側 に ブログの 編 集 メニュー 自 分 のブログの 確 認 新 規 投 稿 記 事 一 覧 下 書 きした 記 事 を 再 編 集 する 時 記 事 を 削 除 するとき 他 の 人 からのコメントの 管 理 画 像 のアップと 確 認 テンプレートの 選 択 と 編 集 記 事 のカテゴリーを 作 成 ブログ 画 面 の 変 更 自 分 のプロファイルの 変 更 ブログの 作 成 -カテゴリーを 作 る 編 集 画 面 >カテゴリー カテゴリーを 追 加 カテゴリーの 例 粟 島 の 四 季 日 記 民 宿 日 記 釣 り 情 報 日 記 キャンプ 場 日 記 カエル 観 察 日 記 毎 日 ちょこっと 書 き 込 めるタイトル(XX 日 記 とか)がいいです K.YAMAZAKI -11- K.YAMAZAKI -12-
ブログの 作 成 - 記 事 を 書 く ブログの 作 成 - 書 いた 記 事 を 確 認 編 集 画 面 > 新 規 投 稿 ブログを 見 てみよう 記 事 のタイトル タイトル を 書 く カテゴリー を 選 ぶ カテゴリ はここに 表 示 記 事 の 本 文 枠 の 中 に 文 章 を 書 く ( 下 にプレビューが 表 示 される) 投 稿 下 書 き( 公 開 しない)の 時 はこっち K.YAMAZAKI -13- K.YAMAZAKI -14- ブログの 作 成 - 記 事 に 装 飾 する ブログの 作 成 - 画 像 ファイルをアップ 編 集 画 面 に 戻 って > 記 事 一 覧 修 正 したい 記 事 をクリック B:ボールド( 太 字 ) I:イタリック( 斜 体 ) U:アンダーライン( 下 線 ) リンク( 他 のページなどへの) 使 い 方 は 絵 文 字 (カーソルのとこ ろに 挿 入 ) 編 集 画 面 > 画 像 フォルダ 個 別 アップロードを 選 択 320x240ピクセルを 指 定 ( 自 動 的 にこのサイズになる) 参 照 >アップするファイルを 指 定 ブログ 用 デジカメ 画 像 フォルダ (を 作 っとくと 便 利 )の 中 のファイルを 指 定 タイトル( 画 像 の 名 前 )を 入 力 K.YAMAZAKI -15- K.YAMAZAKI -16-
ブログの 作 成 -ブログに 画 像 表 示 画 像 を 入 れたい 場 所 にカーソルを 画 像 をクリックする 画 像 が 挿 入 される プレビューで 確 認 する ブログ 用 の 画 像 の 処 理 (1) デジカメ 画 像 は そのままでは とっても 大 きい 写 真 プリントではきれいだが ブログに 貼 るには 大 きすぎる ペイント というソフトを 使 う スタート>プログラム>アクセサリ 変 形 > 伸 縮 と 傾 き を 選 ぶ 水 平 垂 直 を50%とか30%とかにして OKをクリック ファイル> 名 前 を 付 けて 保 存 ファイル 名 = 日 付 から 始 めると 良 い 一 覧 になったときに 見 やすい ファイルの 種 類 =JPEG K.YAMAZAKI -17- K.YAMAZAKI -18- ブログ 用 の 画 像 の 処 理 (2) ブックマークで 定 番 ページ(1) ブログ 用 に 切 り 取 って 使 う ペイント の 選 択 ツール 四 角 い 枠 で 選 択 する 編 集 >コピー ファイル> 新 規 を 選 ぶ 変 形 >キャンパスの 色 とサイズ 幅 =10 高 さ=10 OK 編 集 > 貼 り 付 け ファイル> 名 前 を 付 けて 保 存 K.YAMAZAKI -19- 定 番 的 な 情 報 というのがありますね 民 宿 の 案 内 料 金 予 約 方 法 釣 船 の 案 内 料 金 予 約 方 法 食 堂 のメニュー 料 金 先 ず ブログで 記 事 を 書 く その 記 事 を 左 メニューのブックマーク に 登 録 する ブログにアクセスすると 最 新 の 記 事 が 表 示 される ブックマークに 定 番 的 な 情 報 を 載 せて おくと 簡 単 にアクセスできる むろん 参 考 にしてもらいたいwebなどを ブックマークすることもできる K.YAMAZAKI -20- 定 番 の 記 事 を 書 いたら ここを 右 クリックし リンクのURLをコピー
ブックマークで 定 番 ページ(2) 編 集 画 面 >ブックマーク ブックマークの 名 前 を 入 力 コピーしたURLを 貼 付 け 新 規 追 加 表 示 したい 順 番 に 番 号 を つける 表 示 順 位 を 並 び 替 える 左 メニューを 整 理 編 集 画 面 >テンプレート 編 集 マウスで 左 プッシュ>そのまま 上 下 右 へ(ドラッグ) 表 示 順 位 を 変 える これは 非 表 示 にできない 表 示 しないものは 右 へ 変 更 を 保 存 する 変 更 を 保 存 し ブログ 画 面 で 確 認 K.YAMAZAKI -21- K.YAMAZAKI -22- ブログを 安 全 に 使 うために 今 日 のお 話 ブログ 設 定 メニューから ネットに 慣 れてない 人 は コメントを 事 前 承 認 にする > コメント 管 理 で 表 示 削 除 を 行 う トラックバックを 許 可 しない にする(トラックバックは 使 わなくていい) 慣 れてる 人 は コメントを 許 可 する こまめにブログをみて 迷 惑 なコメントは コメント 管 理 で 削 除 する コメントを 使 って お 互 いにチャットすると 楽 しい> 上 級 編 プライバシーと 著 作 権 に 注 意 しよう 画 像 は 映 っている 人 の 許 可 を 貰 ってから 使 う 他 のwebやブログの 画 像 を 勝 手 に 使 わない 良 いホームページ ブログの 利 点 ブログを 作 ってみよう: 作 成 から 初 級 ブログを 作 ってみよう: 上 級 K.YAMAZAKI -23- 他 の 人 のwebやブログへの 非 難 は 記 事 にしない 他 の 人 のブログへコメントするときも 同 様 に K.YAMAZAKI -24-
上 級 編 - 画 像 を 並 べる 横 に 文 を 入 れる 上 級 編 - 画 像 処 理 ソフトを 使 う(1) <TABLE> <TD> 画 像 を 横 に 並 べる <img src="http://blogimg.goo.ne.jp/user_image/7a/be/75147abdc3351f974ed81e951d9b9544.jpg"> </TD> <TD> <img src="http://blogimg.goo.ne.jp/user_image/78/3d/ce3a63df1463636ba05e61f5975dac53.jpg"> </TD> </TABLE> <TABLE> <TD> 画 像 の 横 に 文 章 を 入 れる <img src="http://blogimg.goo.ne.jp/user_image/5e/28/5167df53f51c50205d0f3b11c3d58ea1.png"> </TD> <TD> 粟 島 は 新 潟 県 の 北 にあります 周 囲 23km 自 転 車 で 一 周 できる 小 さな 島 です 島 には 自 然 体 験 のポイントがたくさんあります たとえば 釣 り キャンプ 海 水 浴 サイクリング 夏 にはたくさんの 子 供 たちが 訪 れます たくさんの 自 然 と 触 れ 合 って たくましくなって 帰 ってゆきます </TD> </TABLE> K.YAMAZAKI -25- デジカメなどの 画 像 を 処 理 するソフト IrfanView(アーファン ヴュー)を 使 う ( 個 人 利 用 はフリーです) IrfanView 日 本 語 で 検 索 し 窓 の 杜 (フリーソフトなどのライブラリ) からダウンロード ダウンロードしたらインストール ブログ 用 の 画 像 フォルダを 作 る (デスクトップの 上 などでいい) デジカメ 画 像 をフォルダに 入 れる K.YAMAZAKI -26- 上 級 編 - 画 像 処 理 ソフトを 使 う(2) 上 級 編 - コメントで 友 達 を 増 やす 左 下 にサイズが 表 示 される IrfanViewでできること: 画 像 メニュー 回 転 ( 右 左 ) 反 転 ( 上 下 左 右 ) 赤 目 補 正 フィルタ(ぼかし もざいく) IrfanViewでできること: 編 集 メニュー 切 り 取 り テキスト 挿 入 K.YAMAZAKI -27- ブログ 設 定 メニューから コメントを 許 可 する にする こまめに 自 分 のブログを チェックする 迷 惑 なコメントがあったら ログインし コメント 管 理 で 削 除 する K.YAMAZAKI -28- ブログのコメント 欄 は ビジネスに 有 効 民 宿 のブログに 泊 まった 人 がコメントを 残 す 民 宿 の 経 営 者 がコメントにフォローして お 礼 と 次 のネタなど を 書 く 民 宿 の 信 用 度 があがる 宿 泊 者 へのサービスが 評 価 される
上 級 編 - ケータイから 作 成 (モブログ)(1) 編 集 画 面 >ユーザ 設 定 あなたのケータイの メールアドレス ブログを 送 る メールアドレス 忙 しい 時 ちょっとだけ 記 事 にしたい 時 ケータイから 写 真 を1 枚 +ちょっとコメント モバイル ブログ=モブログ 上 級 編 - ケータイから 作 成 (モブログ)(2) メールの 件 名 > 記 事 タイトル 本 文 > 記 事 本 文 となります 写 真 や 動 画 を 添 付 することも 可 能 です 写 真 は 640x480くらいの 大 きさにしておきましょう ジャンルは 日 記 (モブログ) に 自 動 的 に 設 定 されます ( 後 でPCから 変 更 可 能 です) 写 真 や 動 画 は 複 数 添 付 することができますが メール1 件 (1 記 事 )につき1 枚 のみ 掲 載 されます 未 掲 載 分 は 画 像 フォルダに 保 存 されます メール 投 稿 での 絵 文 字 は auのみ 可 能 となっています K.YAMAZAKI -29- K.YAMAZAKI -30- ブログの 見 本 (ブログ 教 室 の 受 講 生 ) 新 潟 県 粟 島 の 民 宿 のブログ 松 太 屋 : http://blog.goo.ne.jp/matsutaya 与 平 : ( 奥 さん) http://blog.goo.ne.jp/yu3honbo (ご 主 人 ) http://blog.goo.ne.jp/junhoubo0502 市 左 エ 門 : http://blog.goo.ne.jp/itizaemon-oncha (ブログ 教 室 の 受 講 生 ) 長 野 県 野 沢 温 泉 村 の 民 宿 のブログ まるじ : http://blog.goo.ne.jp/maruji_10 ますや 旅 館 : http://blog.goo.ne.jp/masuya-ryokan (ブログ 教 室 の 受 講 生 ) 長 野 県 青 木 村 の 村 民 のブログ スローライフ : http://blog.goo.ne.jp/hisuehiro 我 が 郷 土 青 木 村 : http://blog.goo.ne.jp/ikoa2012 お 勧 め 伊 豆 恋 人 岬 の 店 長 ラブにゃん : http://blog.livedoor.jp/koibitomisaki/ 子 供 のためのインターネット 入 門 http://www.ieice.org/jpn/kagaku/inet/kodomo/ 電 子 情 報 通 信 学 会 小 中 学 生 の 科 学 教 室 科 学 に 対 して 興 味 をもつ 子 供 の 育 成 を 図 ることを 目 的 に 活 動 しています K.YAMAZAKI -31- K.YAMAZAKI -32-