初 めての 自 治 会 町 内 会 HP 作 成 講 座 平 成 23 年 03 月 17 日 ( 土 )13:30~16:30 平 成 23 年 03 月 24 日 ( 土 )13:30~16:30 講 師 :つづきパソピア http://pasopia.velvet.jp/ pasopia-it@freeml.com 主 催 : 横 浜 市 都 筑 区 役 所 地 域 振 興 課 協 力 : 東 京 都 市 大 学 環 境 情 報 学 部 ( 横 浜 キャンパス) 1
スケジュール ホームページとは ホームページの 種 類 今 回 作 成 するホームページ ブログとは ブログの 種 類 gooidの 取 得 ( 事 前 に 準 備 ) (( 実 習 )) gooブログの 作 成 ブログの 設 定 デザイン 使 い 方 ( 実 習 ) 記 事 の 投 稿 写 真 の 投 稿 他 写 真 の 加 工 ( 縮 小 回 転 ) 著 作 権 について 参 考 資 料 2
ホームページとは 何 でしょうか? ホームページとは 例 えば 大 日 本 百 科 全 集 の 定 義 はこんな 感 じです インターネットで 使 われるWWW(ワールド ワイド ウェブworld wide web)システムに 提 示 する 画 面 をいう 通 常 あるWWWサイトに 入 るときの 最 初 のページになっていて それをそのサイトの ホームページとよび これからさらにリンクされた 別 のページへたどることができるよう になっている ユーザーがWWWのブラウザー( 閲 覧 ソフトウェア)で あるホームページのアドレスを 指 定 すると そのアドレスはサーバーとその 上 にあるファイルを 指 定 することになり そ のファイルがユーザーの 使 用 している クライアントパソコンにダウンロードされ(ネット ワーク 経 由 で 送 られ) 表 示 されるのがホームページとよばれるものである ( 大 日 本 百 科 全 書 ) 何 のことかよく 分 かりませんね 3
ホームページの 種 類 静 的 なホームページ html css gif jpg 等 のファイルをサーバーに 置 いたもの 動 的 なホームページ 掲 示 板 スケジュール ブログ SNS CMS 等 サーバーの プログラムを 起 動 するもの 最 近 はこちらが 主 流 に 4
ホームページの 仕 組 み htmlを 要 求 htmlを 送 信 ブラウザ 静 的 なホームページ WWWサーバー cgi Common Gateway Interface cgiへデータを 送 信 結 果 をhtmlで 送 信 プログラム を 実 行 ブラウザ 動 的 なホームページ WWWサーバー 5
ブログとは? ブログとは ウェブログ(WebLog) の 略 称 で ホームページの 一 形 態 です 日 本 で ブログ が 話 題 になり 始 めたのは 2002 年 の 春 頃 ですが 2003 年 の12 月 に @niftyが 会 員 向 けブログサービスの 提 供 を 始 めてから 一 気 にブレイクしました ブログの 定 義 ( 意 味 )としては 巷 で 色 々と 言 われていますが IT 用 語 辞 典 によると 下 記 の 通 りです 個 人 運 営 で 日 々 更 新 される 日 記 的 な Webサイトの 総 称 一 般 的 には 単 な る 日 記 サイト( 著 者 の 行 動 記 録 )ではなく ネットで 見 つけた 面 白 いニュース 記 事 や Webサイトへのリンクを 張 り そこに 自 分 の 評 論 を 書 き 加 えた 記 事 が 時 系 列 に 配 置 されているWebサイトのこととされているが 厳 密 な 定 義 は ありません (IT 用 語 辞 典 e Words http://e words.jp) 6
ブログ は ホームページ の 一 形 態 ブログ はあくまでも ホームページ の 一 形 態 です そして どんなホームページかというと コンテンツ 自 動 作 成 機 能 がついた 日 記 型 ホームページ ブログが 流 行 った 理 由 の 一 つとして それなりにお 洒 落 なホームページを 誰 でも 簡 単 に 作 れる ことが 上 げられます (=コンテンツ 自 動 作 成 機 能 ) ほとんどホームページの 技 術 知 識 がない 人 でも ボタンをクリックするだけ で 簡 単 に お 洒 落 なホームページを 作 ることができます 極 端 な 話 メー ルの 送 受 信 しかできない 人 でもでも 簡 単 に 自 分 でホームページ(ブログ) が 更 新 できるのです またコンテンツは 日 付 順 に 並 びます そのため ほとんどのブログが 日 記 的 な 利 用 のされかたをします (= 日 記 型 ホームページ) カテゴリ 順 に 使 うことで 自 治 会 町 内 会 HPにチャ レンジしてみよう 7
自 治 会 町 内 会 のHPをブログで 役 員 の 任 期 が 短 い(1 2 年 ) HP 作 成 技 術 を 習 得 には 時 間 が 掛 かる 静 的 なHPはHP 管 理 者 が 負 荷 が 重 い 掲 示 板 に 書 き 込 む 程 度 の 経 験 ホームページ 作 成 経 験 者 でなくてもHPが 作 れる gooのブログサー ビスを 使 用 する ブログを 活 用 する 8
ブログの 例 (gooのブログ) 非 公 式 みずきが 丘 自 治 会 http://blog.goo.ne.jp/pasopia2009 9
ここからは 講 座 で 実 習 します gooidを 使 用 してブログの 作 成 ブログのデザインの 変 更 (テンプレートの 選 択 ) 記 事 の 投 稿 写 真 の 投 稿 その 他 10
ブログの 作 成 (1) gooへ 接 続 する ブログ 新 規 作 成 をクリック ブログを クリック goo http://www.goo.ne.jp/ 11
ブログの 作 成 (2) gooidでログインして ブログを 作 成 をクリック gooidとパスワード を 入 力 する ログイン をクリックする 12
ブログの 作 成 (3) 画 像 の 数 字 を 入 力 する ここをクリックする 13
ブログの 作 成 (4) あなたのブログのURLを 登 録 します 14
ブログの 設 定 (1) 15
ブログの 設 定 (2) 16
デザイン(テンプレートの 選 択 ) 17
記 事 の 投 稿 18
写 真 の 加 工 Sumo Paint Online Image Editor http://www.sumopaint.com/home/ オンラインの 画 像 処 理 サイトSumoPaintです 19
写 真 の 縮 小 SumoPaintを 起 動 したところ 20
写 真 の 読 み 込 み 自 分 のパソコンにある 写 真 を 読 み 込 みます File Open from MyComputerをクリックする 21
写 真 の 読 み 込 み 自 分 のパソコンの 写 真 を 選 択 して 開 く をクリックする 22
写 真 の 読 み 込 み 写 真 を 読 み 込 んだところ 写 真 サイズ が 大 きいので 一 部 しか 表 示 されていな い これを 縮 小 してHPに 使 う 23
写 真 の 縮 小 Image image Sizeをクリックする 24
写 真 の 縮 小 Widthに 数 値 を 入 れる( 例 800) 比 率 を 一 緒 にするためチェック OKをクリックする 25
写 真 の 縮 小 縮 小 された 写 真 です 26
加 工 した 写 真 の 保 存 Save My Computerをクリックします 27
加 工 した 写 真 の 保 存 ファイル 名 と 種 別 (jpg 等 )を 入 れます Saveをクリックします 28
加 工 した 写 真 の 保 存 自 分 のパソコンの 保 存 する 位 置 を 指 定 して 保 存 をクリックする 29
Sumo Paintで 出 来 ること Adobe PhotoShopと 同 様 の 事 が 出 来 ます サイズの 変 更 画 像 の 回 転 30
Sumo Paintで 出 来 ること Filtersを 使 うと 面 白 い 加 工 が 出 来 ます 3D Effecttsを 使 ってみましょう 31
Sumo Paintで 出 来 ること 3D 画 像 が 出 来 ました 32
ブログの 書 き 方 のポイント ブログの 書 き 方 のポイント 1. シンプルな 言 葉 を 使 う 2. あなた を 使 う 3. ハウツーものを 書 く 4. 詳 しい 記 事 を 書 く 5. 読 者 をとりこにする 6. 会 話 を 作 り 出 す 7. 自 分 の 意 見 を 証 明 する 8. 自 信 を 示 す 9. 読 者 を 気 遣 う 投 稿 のテクニック 1. 話 題 が 全 て 2. 定 期 的 に 書 く 3. タイミングよく 投 稿 する 4. ソーシャルメディアで 宣 伝 する 時 間 を 決 める 5. ブログでメールアドレスを 集 めて 適 切 な 時 間 に 配 信 する 33
HPと 著 作 権 (1) ホームページをグループ 仲 間 等 複 数 の 人 と 関 わりながら 作 成 する 場 合 ホームページ 作 成 者 に 帰 属 する 著 作 権 を, 団 体 名 ( 例 えばXXX 自 治 会 つづ きパソピア 等 )に 譲 渡 する ということ 覚 え 書 き( 契 約 書 )に 明 記 しておくこと それから 覚 え 書 きに, 著 作 物 の 翻 訳 権 翻 案 権 や, 二 次 的 著 作 物 の 利 用 に 関 する 原 著 作 者 の 権 利 を 譲 渡 する,と 明 記 しておくこと また 譲 渡 が 出 来 ない 著 作 人 格 権 については 著 作 者 人 格 権 の 行 使 をしない という 条 項 を 設 けること クライアントに 著 作 権 を 譲 渡 する 場 合 が 多 いのでその 旨 もクライアントの 間 で 取 り 決 めておくこと 34
HPと 著 作 権 (2) 著 作 者 人 格 権 には 三 つの 権 利 があります 公 表 権 氏 名 表 示 件 同 一 性 保 持 権 公 表 権 は,まだ 公 表 されていない 著 作 物 を 公 衆 に 提 供 または 提 示 する 権 利 氏 名 表 示 権 は 著 作 者 が 著 作 者 名 を 著 作 物 に 表 示 する 権 利 替 え 歌 などは 同 一 性 保 持 権 を 侵 害 することになります これらをホームページ 作 成 に 関 わるメンバー 間 で 合 意 しておくことによって 他 の 人 が 作 成 したホームページの 手 直 し 修 正 変 更 をすることが 出 来 る (これらは 常 識 といば 常 識 なのですが いろいろな 人 がいるので 念 のため) 35
著 作 権 って 何 ですか? 著 作 権 は 知 的 財 産 法 に 包 括 される 権 利 の 一 つです 知 的 財 産 法 は 下 記 のもの があります 知 的 財 産 法 に 包 摂 される 諸 法 知 的 財 産 法 --- 権 利 付 与 構 成 を 取 るもの--- 特 許 法 ( 発 明 ) --- 実 用 新 案 法 ( 考 案 ) --- 意 匠 法 ( 意 匠 ) --- 商 標 法 ( 商 標 ) --- 半 導 体 集 積 回 の 回 路 配 置 に 関 する 法 律 ( 半 導 体 のレイアウト) --- 種 苗 法 ( 植 物 の 新 品 種 ) --- 著 作 権 法 ( 著 作 物 ) --- 行 為 規 制 の 構 成 を 取 るもの-- 不 正 競 争 防 止 法 ( 標 識 営 業 秘 密 商 品 形 態 ) 36
著 作 権 の 構 成 著 作 者 の 権 利 --- 著 作 権 ----- 複 製 権 (21 条 ) ( 財 産 権 ) 上 演 権 演 奏 権 (22 条 ) 放 送 権 有 線 送 信 権 等 (23 条 ) 口 述 権 (24 条 ) 展 示 権 (25 条 ) 上 映 権 領 布 権 (26 条 ) 貸 与 権 (26 条 の2) 翻 訳 権 翻 案 権 等 (27 条 ) 二 次 的 著 作 物 の 利 用 に 関 する 原 著 作 者 の 権 利 (28 条 ) --- 著 作 者 人 格 権 -- 公 表 権 (18 条 ) 氏 名 表 示 権 (19 条 ) 同 一 性 保 持 権 (20 条 ) 著 作 者 の 権 利 としては 上 記 のように 譲 渡 又 は 売 買 の 出 来 る 著 作 権 ( 財 産 権 ) その 人 についていて 譲 渡 又 は 売 買 が 出 来 ない 著 作 人 格 権 で 構 成 されています 37
著 作 物 とは? 著 作 権 法 によって 保 護 される 対 象 を 著 作 物 という 著 作 物 とは 人 の 思 想 や 感 情 を 創 作 的 に 表 現 したものであって 文 芸 学 術 美 術 音 楽 の 範 囲 に 属 するものをいう (2 条 1 項 1 号 ) また 著 作 物 あるいは 単 なるデータ( 著 作 権 が 発 生 しない 事 実 データ 等 )の 編 集 物 で その 素 材 の 選 択 や 配 列 に 創 作 性 のあるものは 編 集 著 作 物 とされている(12 条 ) 例 : 百 科 事 典 など 編 者 に 編 集 著 作 権 が 発 生 する 第 三 者 が 無 断 でその 百 科 事 典 を 複 製 すると 個 々の 項 目 の 著 作 者 の 著 作 権 侵 害 となると 同 時 に 編 者 の 編 集 著 作 権 の 侵 害 となる 著 作 権 は 著 作 物 の 創 作 と 同 時 に 権 利 が 発 生 し 官 庁 による 事 前 審 査 登 録 というも のはない (これはベルヌ 条 約 上 の 義 務 である) 38
著 作 権 侵 害 著 作 権 侵 害 の 罰 則 は 酔 っぱらい 運 転 より 厳 しい! 著 作 権 とは 所 有 権 のような 単 一 の 権 利 ではなく 上 図 のように 複 製 権 等 の 支 分 権 の 束 として 構 成 されている 著 作 者 はその 支 分 権 の1つあるいは 複 数 につき 譲 渡 し たり ライセンスしたり 担 保 権 を 設 定 したりすることが 出 来 る 著 作 権 侵 害 は 一 部 を 除 き 親 告 罪 である 特 許 法 は 非 親 告 罪 の 違 いがある 親 告 罪 であるから 告 訴 されなければ 何 をやっても 良 いということではなく 著 作 権 を 尊 重 しなければなりません 替 え 歌 の 場 合 著 作 人 格 権 の 同 一 性 保 持 権 侵 害 になります コピープロテクトをはずして 複 製 した 場 合 は 私 用 他 者 への 配 布 に 関 わらず 非 親 告 罪 で 罰 せられることになります 39
写 真 の 著 作 権 と 肖 像 権 について 写 真 の 著 作 権 は 撮 影 者 にあります ではその 中 に 写 っている 人 ( 被 写 体 )にはどんな 権 利 があるでしょう まず 人 物 の 場 合 その 人 人 たちの 了 解 が 取 れているか?( 一 般 的 に 肖 像 権 と 言 われている= 法 律 用 語 として 肖 像 権 という 言 葉 はありません) 肖 像 権 というのは 当 人 の 承 諾 なしに 容 貌 (ようぼう) 姿 態 (したい) をみだりに 撮 影 されない 権 利 や 当 人 の 承 諾 なしに 顔 写 真 や 肖 像 画 を 公 開 されない 権 利 のことを 言 います 肖 像 権 は 明 文 規 定 がありませんので 憲 法 14 条 の すべて 国 民 は 個 人 として 尊 重 される 自 由 及 び 幸 福 追 求 に 対 する 国 民 の 権 利 については 公 共 の 福 祉 に 反 しな い 限 り 立 法 その 他 の 国 政 の 上 で 最 大 の 尊 重 を 必 要 とする から 導 かれると 考 えら れています 人 格 的 権 利 となりますね それらをホームページなどに 掲 載 する 場 合 には 被 写 体 である 本 人 の 許 諾 が 必 要 だ と 考 えられます 40
HPに 写 真 を 掲 載 する 場 合 ホームページに 写 真 を 掲 載 する 場 合 基 本 的 には 撮 影 すること ホームページ に 掲 載 する 旨 を 話 して 承 諾 して 貰 っておくことが 基 本 です しかし すべての 人 に 承 諾 して 貰 えない 場 合 は 明 らかに 本 人 と 判 るような 表 現 は 避 けて 撮 影 する 掲 載 するということになると 思 います 掲 載 後 本 人 から 掲 載 をやめて 欲 しい 等 の 申 し 出 があった 場 合 は 速 やかに 対 応 することで 良 いのではないかと 考 えます 肖 像 権 の 問 題 はホームページを 作 る 上 で 非 常 に 重 要 な 問 題 です また 四 角 四 面 に 考 えているとホームページは 作 ることが 出 来 ませんので それなりのグレー ゾーンがあるということを 認 識 しておきましょう 本 人 がいくら 基 本 的 人 権 の 侵 害 と 言 っても 第 三 者 の 判 断 ( 裁 判 所 )に 任 せることになります 大 抵 の 場 合 風 景 の 一 部 として 有 名 人 でもない 個 人 が 写 っている 程 度 ではまず 人 権 侵 害 等 の 判 断 はされていません 敗 訴 ですね ただ 法 的 云 々の 前 に 本 人 の 意 志 を 尊 重 するというのが 基 本 だと 思 います また 写 真 の 提 供 者 ホームページ 作 者 の 表 現 の 自 由 もまた 権 利 として 存 在 し ていますので その 辺 バランスをとっていくことになると 思 います 41
インターネット 上 に 存 在 する 主 な 著 作 権 著 作 権 の 存 在 するもの 像 権 (タレントや 芸 能 人 の 写 真 やTVのキャプチャ 画 像 ) JASRACが 管 理 している 音 楽 データ ホームページに 掲 載 している 文 章 ( 引 用 を 除 く)など 著 作 権 として 認 められないもの WEBサイト 全 体 のデザイン HTMLソース プログラムのソースコード リンクについて リンクは 自 由 に 貼 っても 良 い 該 当 HPの 管 理 者 に 禁 止 する 権 利 はありません (ただし 事 前 事 後 連 絡 を 取 った 方 が 良 い) 42
ネット 社 会 と 車 社 会 1 ネットは 車 とよく 似 ている 使 わなくても 生 きていける 行 動 範 囲 が 広 がる 行 動 の 速 度 が 速 くなる 大 きな 荷 物 も 運 べる 多 くの 人 と 知 り 合 える 気 をつけないと 被 害 者 にも 加 害 者 にもなる 2 ネットと 車 の 大 きな 違 い ネットの 知 識 がある 大 人 が 少 ない ネットにはルールがない ネット 安 全 教 育 があまり 行 われていない 安 全 にかける 国 の 予 算 が 違 う 自 分 の 身 は 自 分 で 守 るしかない 43
(( 参 考 )) Webメールの 受 信 下 記 URLに 接 続 する メールアドレスとパスワード 入 力 してログイン をクリックする さくらのレンタルサーバ さくらのメールボックス https://secure.sakura.ad.jp/rscontrol/?webmail=1 44
(( 参 考 )) Webメールの 受 信 Webメールに 接 続 したところです 45
(( 参 考 ))お 奨 めのフリーソフト お 奨 めのフリーソフト http://pasopia.velvet.jp/sub/soft/ TeraPad :フリーのテキストエディター http://pasopia.velvet.jp/sub/soft/terapad/index.html 縮 小 専 用 AIR: 画 像 縮 小 ソフトの 定 番 縮 小 専 用 のAdobe AIR 版 http://pasopia.velvet.jp/sub/soft/syukusenair/index.html 縮 小 専 用 : 複 数 画 像 をドラッグ&ドロップの 簡 単 操 作 で 綺 麗 に 縮 小 できるリサイズソフト http://pasopia.velvet.jp/sub/soft/syukusen/index.html JTrim:デジカメ 画 像 などを 簡 単 な 操 作 で 加 工 修 正 できるレタッチソフト http://pasopia.velvet.jp/sub/soft/jtrim/index.html ViX:エクスプローラ 風 の 画 像 ビューワー http://pasopia.velvet.jp/sub/soft/vix/index.html 46
活 動 概 要 つづきパソピアは 横 浜 市 都 筑 区 を 中 心 に 初 心 者 ICT 支 援 を 目 的 に 設 立 されたグループです 初 心 者 向 けパソコ ン 講 座 の 企 画 運 営 相 談 講 師 ホームページ 作 成 ホームページ 作 成 支 援 などを 行 っているボランティアグ ループです 年 1~2 回 程 度 のパソコン 講 座 の 開 催 ( 東 京 都 市 大 学 のご 協 力 でパソコン 教 室 をお 借 りしています) 月 1 回 の コーヒーサロン( 懇 親 懇 談 会 ) 月 1 回 (IT 技 術 スキップ アップ)の 開 催 しています メーリングリストでのほうれん そう( 報 告 連 絡 相 談 )と 雑 談 でグループの 親 睦 を 図 って います 自 分 が 出 来 ることを 出 来 る 範 囲 でやることをモットーに 入 会 退 会 も 自 由 来 るものは 拒 まず 去 る 者 は 追 わず で 楽 しい 場 の 提 供 をしています 設 立 年 月 1997 年 6 月 活 動 地 域 場 所 横 浜 市 都 筑 区 都 筑 区 役 所 1F 都 筑 区 民 活 動 センター 東 京 都 市 大 学 環 境 情 報 学 部 ( 横 浜 キャンパス) みずきが 丘 集 会 所 その 他 活 動 日 時 コーヒーサロン( 第 一 土 曜 日 10:00~12;00) 電 縁 サロン( 第 三 日 曜 日 13:00~17:30) 不 定 期 でパソコン 講 座 ( 年 1~2 回 ) 年 会 費 入 会 金 会 費 共 になし 規 則 なし 連 絡 先 つづきパソピアpasopia it@freeml.com メンバー 紹 介 スタッフメンバーとして20 名 メーリングリストメンバーとして150 名 会 員 募 集 いつでも 参 加 OKです 活 動 実 績 1997 年 より 約 20 回 ( 初 心 者 向 けパソコン 講 座 の 開 催 ) 2005 年 5 月 より 約 80 回 ( 電 縁 サロンの 開 催 ) 1997 年 6 月 より 約 170 回 (コーヒーサロン) 市 民 活 動 グループのホームページの 作 成 個 人 のホームページ 作 成 都 筑 区 駅 伝 ロードレース 大 会 の 記 録 処 理 (5 年 ほど) 横 浜 市 主 催 行 事 への 参 加 区 役 所 主 催 行 事 への 参 加 その 他 講 師 派 遣 依 頼 対 応 47
コーヒーサロン 会 員 メンバーのコミュニケーションを 密 に とるため パソコン 世 間 話 話 題 は 自 由 にコーヒーを 飲 みながら 親 睦 を 図 る 講 座 のアフタフォロー 支 援 など 電 縁 サロン ICTの 相 談 質 問 講 座 のアフタフォロー 講 座 のためのスタッフの 勉 強 会 講 師 の 事 前 演 習 などを 実 機 のパソコンを 操 作 しながら 実 演 習 熟 の 機 会 を 設 けている パソコン 講 座 つづきパソピア http://pasopia.velvet.jp/ 電 縁 サロン(Kamiwiki) http://yokohama.fau.jp/wiki/kami/ 48