jQuery_004_012_mkj(02).indd

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "jQuery_004_012_mkj(02).indd"

Transcription

1 はじめに Flash Flash JavaScript jquery JavaScript jquery Web プログラム 経 験 の 少 ないデザイナーでも 容 易 に 理 解 できる 構 成 jquery jquery jquery 1 Web jquery Web SB

2 Contents コードの 解 説 39 サンプルコードを 書 き 替 えてみよう! 40 Column 数 値 と 文 字 列 の 違 いに 注 意 する 42 Contents jquery の 最 も 基 本 的 な 構 文 の 解 説 42 HTML の 準 備 が 整 うのを 待 つ 仕 組 み 46 ここまでのまとめ 48 本 書 のサンプルデータ 2 jquery の 基 礎 知 識 と 本 書 の 特 徴 13 - jquery の 基 礎 知 識 14 jquery とは 14 jquery の 特 徴 と 広 く 利 用 されている 理 由 17 Column ライブラリ プラグイン 関 数 拡 張 ライブラリの 違 い 22 - 本 書 の 目 的 と 構 成 23 本 書 の 目 的 と 特 徴 的 な 解 説 方 法 23 本 書 の 構 成 24 Column css() メソッドに 関 する 追 加 説 明 STEP 2 タイミングをコントロールしてみよう 51 コードの 解 説 52 サンプルコードを 書 き 替 えてみよう! 54 メソッドチェーンとは 57 ここまでのまとめ 58 - STEP 3 アニメーションさせてみよう 59 コードの 解 説 59 サンプルコードを 書 き 替 えてみよう! 61 その 他 の 主 な 引 数 62 Column さまざまなイージング 64 animate() メソッドの 仕 様 に 関 する 注 意 点 66 ここまでのまとめ jquery の 実 行 環 境 の 準 備 28 サンプルファイルのダウンロード 28 jquery のダウンロード 30 - デバッグ 方 法 32 Chrome を 使 用 したデバッグ 32 Safari を 使 用 したデバッグ jquery の 基 本 的 な 書 き 方 データを 格 納 するさまざまな 入 れ 物 70 オブジェクトとは 70 変 数 とは 71 3ステップではじめるかんたんjQuery 入 門 35 - 体 験 することからはじめよう! 36 サンプルファイルについて 36 本 書 の 解 説 の 流 れ 38 Column JavaScript の 記 述 場 所 38 - STEP 1 CSS のスタイルを 変 更 してみよう 39 配 列 とは 75 特 殊 な 入 れ 物 this 特 定 の 機 能 をまとめる 関 数 82 関 数 とは 82 用 意 されている 関 数 とオリジナルの 関 数 83 関 数 の 作 り 方 83 関 数 の 呼 び 出 し 方 84 無 名 関 数 85 Column 無 名 関 数 を 変 数 に 格 納 する

3 Contents スコープと 命 名 規 則 87 スコープ 87 変 数 名 と 関 数 名 の 命 名 規 則 88 Column 変 数 や 関 数 (メソッド)の 返 り 値 を 確 認 する 方 法 演 算 子 90 算 術 演 算 子 90 代 入 演 算 子 90 比 較 演 算 子 91 論 理 演 算 子 主 な 制 御 文 93 条 件 分 岐 _ if 文 93 条 件 分 岐 _ switch 文 95 繰 り 返 し 処 理 _ for 文 96 - 見 え 隠 れするサイドバー 123 サイドバーの HTML 123 サイドバーの CSS 124 サイドバーの JavaScript(jQuery) 125 button 要 素 がクリックされた 際 に 最 初 に 実 行 される 処 理 126 if 文 による 分 岐 処 理 126 Column toggleclass() addclass() removeclass() メソッド タイポグラフィの 表 現 129 タイポグラフィ 表 現 の HTML 129 タイポグラフィ 表 現 の CSS 130 タイポグラフィ 表 現 の JavaScript(jQuery) 130 プラグインの 使 い 方 131 Column プラグイン jquery.typoshadow.js の 処 理 内 容 132 確 かな 基 礎 力 を 養 う jquery の 基 本 テクニック 99 活 用 の 幅 を 広 げる jquery の 必 修 テクニック さまざまなホバーエフェクトで 学 ぶ 動 きのある 表 現 の 基 本 100 ホバーエフェクトの HTML 100 ホバーエフェクトの CSS 1 1 行 目 のボタンの JavaScript(jQuery) 1 2 行 目 のボタンの JavaScript(jQuery) 1 3 行 目 のボタンの JavaScript(jQuery) 1 - 画 像 とキャプションの 表 現 109 キャプション 表 現 の HTML 109 キャプション 表 現 の CSS( 共 通 部 分 ) つめの 画 像 のキャプション 表 現 111 Column filter() メソッドと find() メソッドの 違 い つめの 画 像 のキャプション 表 現 つめの 画 像 のキャプション 表 現 丸 いボタンのレイアウト 118 丸 いボタンの HTML 118 丸 いボタンの CSS Basic 滑 らかな 動 きのスライドショー 135 スライドショーの 概 要 135 スライドショーの 処 理 の 流 れ 135 スライドショーの HTML と CSS 136 スライドショーの JavaScript(jQuery) 137 変 数 の 準 備 138 スライドショーの 実 行 140 Column JavaScript が 無 効 になっている 場 合 を 考 慮 する Advanced 多 機 能 なスライドショー 144 スライドショーの 概 要 144 スライドショーの HTML 145 スライドショーの 構 造 146 スライドショーの CSS 147 スライドショーの JavaScript(jQuery) 150 変 数 の 準 備 153 スライドの 配 置 と インジケーターの 生 成 挿 入 154 スライドショーを 動 かす 各 機 能 の 概 要 156 丸 いボタンの JavaScript(jQuery)

4 Contents 任 意 のスライドを 表 示 する 関 数 _ gotoslide() 関 数 156 ナビゲーションとインジケーターの 状 態 を 更 新 する 関 数 _ updatenav() 関 数 158 クリックイベントに 処 理 を 登 録 する 160 タイマーの 開 始 と 一 時 停 止 _ starttimer() 関 数 と stoptimer() 関 数 162 スライドショーの 開 始 163 Column タイマーの 仕 組 み Basic スティッキーヘッダー 165 スティッキーヘッダーの 概 要 165 処 理 の 流 れ 166 スティッキーヘッダーの HTML と CSS 166 スティッキーヘッダーの JavaScript(jQuery) 168 変 数 の 準 備 169 jquery UI Tabs の 基 本 的 な 使 い 方 193 ハイライトの 位 置 を 調 整 する 関 数 _ movehighlight() 関 数 Basic スムーズスクロール 196 スムーズスクロールの 仕 組 み 196 スムーズスクロールの HTML と CSS 197 スムーズスクロールの JavaScript(jQuery) 197 クリックイベントへの 処 理 の 登 録 198 scrolltop プロパティを 利 用 できる 要 素 の 検 出 Advanced 拡 張 性 のあるスムーズスクロール 200 スムーズスクロールの 仕 組 み 200 スムーズスクロールの HTML と CSS 2 スムーズスクロールの JavaScript(jQuery) 2 Column 任 意 のページ 内 リンクでスムーズスクロールを 有 効 にする 方 法 2 ウィンドウのスクロールイベントを 監 視 する 処 理 170 ウィンドウのスクロールイベントを 発 生 させる 処 理 Advanced デザインが 変 化 するスティッキーヘッダー 173 スティッキーヘッダーの 概 要 高 機 能 なギャラリーページを 作 ってみよう! 203 スティッキーヘッダーの 仕 組 み 174 スティッキーヘッダーの HTML と CSS 174 スティッキーヘッダーの JavaScript(jQuery) 176 変 数 の 準 備 177 HTML 要 素 の 挿 入 179 ウィンドウがスクロールされた 際 の 処 理 Basic 画 面 領 域 を 有 効 活 用 できるタブ 181 タブの 仕 組 み 181 タブの HTML 182 タブの CSS 183 タブの JavaScript(jQuery) 184 変 数 の 準 備 185 タブがクリックされたときの 処 理 Advanced 高 機 能 で 拡 張 しやすいタブ 188 タブの 仕 組 み 188 jquery UI とは 189 タブの HTML 190 タブの CSS 191 タブの JavaScript(jQuery) 192 変 数 の 準 備 ギャラリーページの 全 体 像 2 ギャラリーページの 主 な 機 能 2 本 章 の 解 説 の 流 れ Basic シンプルなギャラリーページの 作 成 206 動 作 確 認 に 関 する 注 意 点 つの JavaScript ライブラリ 206 ギャラリーページの HTML と CSS 208 ギャラリーページの 元 データの 構 造 209 ギャラリーページの JavaScript(jQuery) 211 このサンプルの 処 理 対 象 となる HTML 要 素 212 Masonry の 準 備 212 $.getjson() メソッドによる JSON データの 取 得 213 $.each() メソッドによるループ 処 理 213 HTML 文 字 列 の 生 成 215 Masonry による 各 要 素 のレイアウト 217 Column JavaScript による 文 字 列 の 記 述 方 法 Advanced フィルタリング 機 能 を 持 つ ギャラリーページの 作 成

5 Contents 今 回 追 加 する 機 能 の 概 要 220 関 数 の 分 離 221 Basic 版 との 主 な 違 い 222 ギャラリーサイトの HTML 223 ギャラリーサイトの CSS 224 ギャラリーサイトの JSON 225 ギャラリーを 初 期 化 する 関 数 _ initgallery() 関 数 226 アイテム 群 を 生 成 し ドキュメントに 挿 入 する 関 数 _ additems() 関 数 228 Column 正 規 表 現 の 基 本 231 フィルタリング 機 能 の 仕 組 み 233 アイテムのフィルタリング 機 能 _ filteritems() 関 数 234 ラジオボタンのカスタマイズ Advanced 選 択 画 像 の 拡 大 機 能 とキャプションの 追 加 237 今 回 追 加 する 機 能 の 概 要 237 Colorbox のダウンロードと 読 み 込 み 238 Colorbox の 実 行 Advanced マウスの 移 動 方 向 による ホバーエフェクト 機 能 の 追 加 240 今 回 追 加 する 機 能 の 概 要 240 ホバーエフェクトの HTML 241 ホバーエフェクトの CSS 242 ホバーエフェクトの JavaScript(jQuery) 242 オーバーレイのアニメーション_ hoverdirection() 関 数 243 Column 通 常 の 関 数 と 即 時 関 数 の 違 い 246 マウスの 方 向 を 検 出 する_ getmousedirection() 関 数 247 画 像 の 読 み 込 み 状 況 の 監 視 とプログレス 表 示 への 反 映 255 画 像 の 読 み 込 み 状 況 をプログレス 表 示 に 反 映 する_ updateprogress() 関 数 256 プログレス 表 示 の 終 了 処 理 画 像 シーケンスのアニメーション 260 画 像 シーケンスのアニメーションの 概 要 260 アニメーションの 仕 組 み 261 画 像 シーケンスのアニメーションの HTML 261 画 像 シーケンスのアニメーションの CSS 262 画 像 シーケンスのアニメーションの JavaScript(jQuery) 262 使 用 する 変 数 の 準 備 265 マウスホイールイベントの 取 得 265 アニメーションの 開 始 _ startanimation() 関 数 266 アニメーションの 内 容 _ animatesequence() 関 数 267 アニメーションの 終 了 _ stopanimation() 関 数 269 全 画 面 表 示 回 転 のアニメーションによる インフォグラフィック 272 インフォグラフィックとは 272 今 回 のサンプルのポイント 273 パイチャートの 仕 組 み 273 インフォグラフィックの HTML 274 インフォグラフィックの CSS 275 transform プロパティのアニメーション 277 インフォグラフィックの JavaScript(jQuery) 278 各 チャートの 処 理 - 準 備 jquery を 活 用 したさまざまな 表 現 画 像 の 読 み 込 みのプログレス 表 示 機 能 251 プログレス 表 示 機 能 の 概 要 251 プログレス 表 示 に 必 要 な 処 理 252 プログレス 表 示 の HTML と CSS 252 プログレス 表 示 の JavaScript(jQuery) 253 表 示 に 必 要 な 要 素 を jquery オブジェクト 化 254 各 チャートの 処 理 - 角 度 の 操 作 マスクのアニメーション 284 今 回 のサンプルの 仕 組 み 284 マスクのアニメーションの HTML 285 マスクのアニメーションの CSS 286 animate() メソッドで CSS の clip プロパティを 操 作 する 方 法 287 マスクのアニメーションの JavaScript(jQuery) 287 マスクのアニメーション

6 Appendix jquery リファレンス 291 Core -コア 292 Selectors -セレクタ 293 Traversing - 検 索 296 Attributes/CSS - 属 性 と CSS 298 Manipulation - 操 作 300 Events -イベント 303 Effects -エフェクト 3 Ajax 3 Utilities -ユーティリティ 306 本 書 で 使 用 している 外 部 ファイル 307 Normalize.css 307 Modernizr 308 HTML5 Shiv 309 索 引

7 3 ステップではじめるかんたん jquery 入 門 体 験 することからはじめよう! - 体 験 することからはじめよう! index.html html サンプルファイルの HTML index.html jquery JavaScript Web jquery 適 切 な 順 番 で jquery の 機 能 や 使 用 方 法 を 学 んでいくことが 必 要 3 jquery JavaScript STEP 1 CSS のスタイルを 変 更 してみよう <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>creative jquery</title> <link rel="stylesheet" href="./css/normalize.css"> <link rel="stylesheet" href="./css/main.css"> <script src="./js/vendor/jquery min.js"></script> <script src="./js/vendor/jquery-ui custom.min.js"></script> <script src="./js/main.js"></script> </head> <body> ❶ ❷ STEP 2 タイミングをコントロールしてみよう STEP 3 アニメーションさせてみよう 3 jquery 見 た 目 の 表 現 サンプルファイルについて [] index.html <header class="page-header" role="banner"> <h1>creative jquery Sample</h1> </header> <div class="page-main" role="main"> <div id="typo"> <div class="inner">creative jquery</div> </div> </div> <footer class="page-footer" role="contentinfo"> <small class="copyright">copyright <a href=" target="_blank"> SHIFTBRAIN Inc.</a> </small> </footer> </body> </html> Appendix Fig index.html head CSS ❶ normalize.css P JavaScript ❷ main.js * 1 main.js *1 main.js よりも 先 に( 上 部 で) 読 み 込 んでいる 2 つのファイルは jquery のファイルと jquery の 拡 張 ライブラリである jquery UI です jquery UI については これを 使 用 するタイミングで 別 途 説 明 します 36 37

8 3 ステップではじめるかんたん jquery 入 門 本 章 の 解 説 の 流 れ STEP 1 - CSS のスタイルを 変 更 してみよう CSS のスタイルを 変 更 してみよう (1)main.js をエディタで 編 集 する (2) 編 集 後 にブラウザで 開 き 動 作 確 認 を 行 う main.js jquery CSS のスタイル main.js JavaScript CSS のスタイルの 変 更 (#typo の 要 素 の 変 更 ) main.js $(function(){ $('#typo').css('color', '#ebc000'); }); Point! Column JavaScript の 記 述 場 所 JavaScript は HTML 内 に 直 接 記 述 する 方 法 と 外 部 ファイルに 記 述 して 読 み 込 む 方 法 があります が 本 書 では 外 部 ファイル(main.js)に 記 述 して 読 み 込 む 方 法 を 採 用 しています HTML に 記 述 する 方 法 は 手 軽 ではあるのですが HTML と JavaScript が 1 つのファイル にまとまってしまうため Web サイトが 複 雑 になればなるほど 管 理 性 や 更 新 性 が 損 なわれ てしまいます 現 在 では 外 部 ファイルに 記 述 して 読 み 込 む 方 法 が 一 般 的 に 採 用 されています なお 外 部 ファイルに 記 述 して 読 み 込 む 方 法 の 場 合 は js ファイルの 読 み 込 む 順 番 に 注 意 が 必 要 です 上 記 では jquery の js ファイルを 先 に 読 み 込 んでから main.js を 読 み 込 んで いるのがわかると 思 います このように 先 に jquery を 読 み 込 んでおかないと main.js のプログラムから jquery を 使 用 することはできません(エラーになります) main.js #typo * 1 Fig CreativejQuery と 書 かれた 箇 所 の 変 更 コードの 解 説 2 JavaScript 1 つめのパート main.js $(function(){ //2つめのパートが 記 述 されている }); Appendix *1 #typo の 要 素 が 変 化 しない 場 合 は 記 述 ミスをしている 可 能 性 があります ブラウザの 開 発 者 ツールを 起 動 してコンソールを 確 認 してみましょう(P.32) 38 39

9 3 ステップではじめるかんたん jquery 入 門 - CSS のスタイルを 変 更 してみよう JavaScript 2 つめのパート main.js $('#typo').css('color', '#ebc000'); 1 ( P.46) * 2 2 CSS Fig 変 更 例 1の 表 示 Fig スタイルを 変 更 するコードの 内 容 $(' ').css(' ', ' '); Table 要 素 セレクタ プロパティ 値 書 き 換 え 可 能 な 箇 所 説 明 ここには CSS と 同 じセレクタを 指 定 できる サポートされていないものも 多 少 あるが 特 定 の 要 素 を 指 定 するのに 困 ることはない CSS のプロパティを 指 定 する プロパティに 設 定 する 値 を 指 定 する セレクタ に 該 当 する 要 素 の CSS の プロパティ を 値 に 変 更 する CSS * 3 Web JavaScript CSS * 4 サンプルコードを 書 き 替 えてみよう! CSS3 transform rotate() * 5 1 JavaScript 変 更 例 2 main.js $(function(){ $('.page-main > div:nth-child(1).inner').css('opacity', 0.5); }); #typo.inner jquery :nth-child() CSS3 opacity % * 6 Fig 変 更 例 2の 表 示 Appendix HTML HTML jquery JavaScript 変 更 例 1 main.js $(function(){ $('#typo.inner').css('transform', 'rotate(10deg)'); }); * 2 * 3 * 4 1 つめのパートのコードにはコメントアウトが 含 まれています // 以 降 の 文 字 列 は 行 末 までコメントアウトされます 複 数 行 のコメントアウトは CSS と 同 じ /* コメント */ です jquery では 該 当 する 各 要 素 の style 属 性 の 情 報 を 書 き 換 えることで CSS を 適 用 します そのため CSS で!important を 使 用 している 項 目 は その 設 定 が 優 先 されるので 注 意 してください Flash や CSS3 canvas などによる 表 現 は 除 きます * 5 transform プロパティには 通 常 はベンダープレフィックスが 必 要 ですが( 執 筆 時 点 ) プロパティのベンダープレフィックス は jquery が 自 動 的 に 付 加 してくれます ただし 値 にベンダープレフィックスが 必 要 な 場 合 は 付 加 した 文 字 列 を 渡 す 必 要 が あります * 6 IE8 以 下 では opacity( 不 透 明 度 )の 指 定 方 法 が 異 なりますが jquery が 自 動 的 に 差 異 を 吸 収 してくれるので 統 一 的 に opacity と 0 1 の 数 値 で 指 定 できます 40 41

10 3 ステップではじめるかんたん jquery 入 門 - CSS のスタイルを 変 更 してみよう Column 数 値 と 文 字 列 の 違 いに 注 意 する 命 令 の 内 容 :jquery メソッドと 引 数 命 令 の 内 容 上 記 でいくつかの 指 定 例 を 示 しましたが 値 の 指 定 方 法 が 2 通 りあることに 気 づいたでしょ うか 最 初 の 例 では css('color', '#ebc000') のように 値 を ' (シングルクォーテー ション)で 囲 っていますが 2 つめの 例 では css('opacity', 0.5) のように 直 接 数 値 を 指 定 しています これらの 見 た 目 はそれほど 変 わりませんが プログラム 的 には 大 きく 異 なる ので 注 意 してください jquery では ' や " には 以 下 のような 役 割 があります 重 要 ' (シングルクォーテーション)または " (ダブルクォーテーション)で 囲 まれた 箇 所 は 文 字 列 として 認 識 されます そのため 文 字 列 以 外 例 えば 数 値 を 指 定 する 場 合 は ' や " で 囲 まずに 値 を 指 定 することが 必 要 です JavaScript はとても 寛 容 なプログラム 言 語 なので 数 値 を 指 定 すべき 箇 所 に ' を 記 述 し て 指 定 しても( 文 字 列 を 指 定 しても) 自 動 的 に 数 値 に 変 換 して 処 理 してくれる 場 合 があるので 必 ずしもエラーになるわけではありませんが エラーになる 場 合 もあるので なるべく 上 記 の ルールを 守 り 数 値 を 指 定 すべきところには 数 値 を 指 定 し 文 字 列 を 指 定 すべきところには 文 字 列 を 指 定 するように 心 がけてください jquery の 最 も 基 本 的 な 構 文 の 解 説 JavaScript 命 令 の 内 容 main.js css('color', '#ebc000'); css() () 'color' CSS '#ebc000' CSS の color プ ロ パ テ ィ に #ebc000 を 指 定 せよ css() JavaScript jquery jquery js css() main.js jquery jquery メソッド css() () CSS 引 数 * 7 jquery のメソッド css() 2 つの 引 数 'color', '#222' Fig スタイルを 変 更 するコードの 内 容.css('color', '#222'); CSS 2 jquery の 基 本 的 な 構 文 と 考 え 方 命 令 の 対 象 :$() 関 数 と jquery オブジェクト Appendix JavaScript 2 つめのパート main.js $('#typo').css('color', '#ebc000'); jquery $('#typo') 命 令 の 対 象 css ('color', '#ebc000') 命 令 の 内 容 1 css() 命 令 の 対 象 id="typo" が 指 定 されて いる HTML 要 素 jquery HTML css() jquery JavaScript 命 令 の 対 象 部 分 main.js $('#typo') * 7 メソッドに 引 数 を 指 定 することを 引 数 を 渡 す といい メソッドを 実 行 することを メソッドを 呼 ぶ( 呼 び 出 す) といいます 42 43

11 3 ステップではじめるかんたん jquery 入 門 - CSS のスタイルを 変 更 してみよう $() CSS '#typo' css() CSS $() Fig 命 令 対 象 の 内 容 $('#typo'); </footer> </body> // 省 略 $('h1') jquery ❷ $() HTML 要 素 をもとにして jquery 独 自 の 要 素 を 生 成 する 関 数 HTML CSS $() jquery jquery オブジェクト Point! $() css() $() 関 数 命 令 文 の 前 に. (ドット)がついているものは メソッド ついていないものは 関 数 $('#typo') index.html HTML jquery ❶ $('#typo') jquery html jquery オブジェクトとして 変 換 される 要 素 (コード 内 の 赤 字 の 箇 所 ) index.html // 省 略 <body> <header class="page-header" role="banner"> <h1>creative jquery Sample</h1> </header> <div class="page-main" role="main"> // 省 略 Fig HTML 要 素 と jquery オブジェクトの 関 係 ❷ $( ) html jquery オブジェクトとして 変 換 される 要 素 (コード 内 の 赤 字 の 箇 所 ) index.html Appendix // 省 略 <body> <header class="page-header" role="banner"> <h1>creative jquery Sample</h1> </header> $( ) <div class="page-main" role="main"> <div id="typo"> <div class="inner">creative jquery</div> </div> </div> <footer class="page-footer" role="contentinfo"> <small class="copyright">copyright <a href=" target="_blank"> SHIFTBRAIN Inc.</a> </small> ❶ (1)$() 関 数 で 命 令 の 対 象 となる HTML 要 素 を jquery オブジェクトに 変 換 し (2)その jquery オブジェクトに 対 してメソッドを 呼 び 出 して 変 更 を 加 える jquery css() jquery jquery 44 45

12 3 ステップではじめるかんたん jquery 入 門 - CSS のスタイルを 変 更 してみよう Fig 主 な 登 場 人 物 の 関 係 図 html サンプルの HTML index.html $( ).. (ドット)と ; (セミコロン)の 役 割 (' ',' ') $() jquery css(). jquery オブジェク トと jquery メソッドをつなぐ 役 割 ; JavaScript JavaScript の 1 つの 命 令 が 終 わったら ; をつける Fig. (ドット)と ; (セミコロン)の 役 割 $( ). (' ',' ') HTML の 準 備 が 整 うのを 待 つ 仕 組 み 1 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>creative jquery</title> <link rel="stylesheet" href="./css/normalize.css"> <link rel="stylesheet" href="./css/main.css"> <script src="./js/vendor/jquery min.js"></script> <script src="./js/vendor/jquery-ui custom.min.js"></script> <script src="./js/main.js"></script> ❶ </head> <body> // 省 略 </body> </html> HTML コードが 記 述 された 順 番 通 り 1 <!DOCTYPE html> html head <meta charset="utf-8"> <script src="./js/main.js"></script> main.js ❶ main.js main.js HTML head 1 $(function (){ }); 予 約 状 態 HTML Appendix JavaScript 1 つめのパート main.js $(function(){ //2つめのパートが 記 述 されている }); JavaScript ブラウザが HTML を 最 後 まで 読 み 込 むのを 待 つための 仕 組 み $(function(){ //HTMLがロードした 後 に 実 行 する 処 理 }); 1 スクリプトが 動 作 していない HTML index.html jquery HTML 46 47

13 3 ステップではじめるかんたん jquery 入 門 ここまでのまとめ jquery jquery で CSS のスタイルを 変 更 する 方 法 数 値 と 文 字 列 の 違 い jquery メソッドや $() 関 数 jquery オブジェクトの 概 要 と 関 係 性. (ドット)と ; (セミコロン)の 役 割 HTML の 準 備 が 整 うのを 待 つ 仕 組 み (1)main.js にサンプルコードを 記 述 する (2)ブラウザで index.html の 表 示 内 容 を 確 認 する (3) 記 述 したサンプルコードの 解 説 (4)コードを 自 由 に 書 き 替 えてみる (5)ブラウザで index.html の 表 示 内 容 を 確 認 する (6)サンプルコードを 使 用 した jquery の 基 本 解 説 48

第3回HP講習会資料ver1.2(2007.9.20)

第3回HP講習会資料ver1.2(2007.9.20) 1.はじめに 第 3 回 技 術 センター 職 員 向 けHP 講 習 会 では スタイルシートの 基 礎 として CSSを 使 った Webページを 作 成 していきます HTMLだけでは 出 来 ないCSSを 用 いたレイアウトを 分 かり 易 く 体 験 してもらえるように 今 回 はCSSの 中 でもクラスやIDといった 概 念 を 省 いています 2.スタイルシートとは? スタイルシート

More information

ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2

ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2 レンタルショッピングカートマニュアル Vol.2 ~ デザイン 設 定 編 ~ ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2 ファイル 管 理 ファイルのアップロード/ダウンロード デザイン 設 定 >>

More information

著 作 権 このドキュメントに 記 載 されている 情 報 は このドキュメントの 発 行 時 点 におけるマイクロソフトの 見 解 を 反 映 したものです マイクロソフトは 市 場 の 変 化 に 対 応 する 必 要 があるため このドキュメントの 内 容 に 関 する 責 任 を 問 われな

著 作 権 このドキュメントに 記 載 されている 情 報 は このドキュメントの 発 行 時 点 におけるマイクロソフトの 見 解 を 反 映 したものです マイクロソフトは 市 場 の 変 化 に 対 応 する 必 要 があるため このドキュメントの 内 容 に 関 する 責 任 を 問 われな Visual Studio Do-It-Yourself シリーズ 第 15 回 jquery 著 作 権 このドキュメントに 記 載 されている 情 報 は このドキュメントの 発 行 時 点 におけるマイクロソフトの 見 解 を 反 映 したものです マイクロソフトは 市 場 の 変 化 に 対 応 する 必 要 があるため このドキュメントの 内 容 に 関 する 責 任 を 問 われないものとします

More information

Microsoft Word - WBT(PP応用編).docx

Microsoft Word - WBT(PP応用編).docx PowerPoint2007の 利 用 応 用 編 広 島 県 立 教 育 センター PowerPoint2007 の 利 用 ( 基 本 編 )で 作 成 したスライドを 基 に,さらに 工 夫 する 演 習 です Ⅰ リンク 機 能 の 設 定 をしてみましょう 画 像 は IPA 教 育 用 画 像 素 材 集 より 演 習 1 動 作 設 定 ボタンをクリックすると 該 当 のスライドが 表

More information

/ 0/0/ : 実 結 果 HTMLファイルを 表 します 下 図 の 画 が 表 されます " 出 し"の 部 分 をクリックすると"コンテンツですよ "の 字 が 表 されます もう 度 " 出 し"をクリックすると"コンテンツですよ "の 字 が 非 表 になります 折 りたたみパネルの 基

/ 0/0/ : 実 結 果 HTMLファイルを 表 します 下 図 の 画 が 表 されます  出 しの 部 分 をクリックするとコンテンツですよ の 字 が 表 されます もう 度  出 しをクリックするとコンテンツですよ の 字 が 非 表 になります 折 りたたみパネルの 基 / 0/0/ : [CSS] 折 りたたみ 可 能 なパネルの 作 成 - CSSのみを 利 した 折 りたたみ 領 域 / アコー ディオンパネル このページのタグ:[CSS] [アコーディオンパネル] 新 着 記 事 覧 タグ 覧 トップページ ipentec.com CSSのみを 利 した 折 りたたみ 可 能 なパネル( 折 りたたみ 可 能 領 域 )を 実 現 するコードを 紹 介 します

More information

ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でカートにアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2

ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でカートにアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2 レンタルショッピングカートマニュアル ~ デザイン 設 定 編 ~ ファイル 管 理 ツール デザイン 設 定 >> ファイル 管 理 でカートにアップロードされているファイルを 管 理 できます この 画 面 ではファイルの 確 認 / 移 動 / 削 除 が 可 能 です ファイルのアップロードはできません 2 ファイル 管 理 ファイルのアップロード/ダウンロード デザイン 設 定 >> ファイル

More information

練 習 問 題 1. dataフォルダのq1フォルダ 内 のindex.htmlでブラウザで 正 しく 表 示 できない 状 態 にあ る 画 像 を 正 常 に 表 示 できるようにソースを 修 正 しなさい 修 正 したindex.htmlファイルなどは デスクトップのwdフォルダ 内 にt1と

練 習 問 題 1. dataフォルダのq1フォルダ 内 のindex.htmlでブラウザで 正 しく 表 示 できない 状 態 にあ る 画 像 を 正 常 に 表 示 できるようにソースを 修 正 しなさい 修 正 したindex.htmlファイルなどは デスクトップのwdフォルダ 内 にt1と ウェブデザイン 技 能 検 定 3 級 実 技 練 習 問 題 本 練 習 問 題 の 著 作 権 は 当 協 会 に 帰 属 します 協 会 の 提 供 する 一 部 又 は 全 ての 練 習 問 題 を 無 断 で 複 写 転 載 営 利 利 用 することを 禁 止 します 内 容 解 答 その 他 一 切 のお 問 い 合 わせは 受 け 付 けておりません 本 練 習 問 題 と 実 際 の

More information

アスラテック株式会社 会社案内

アスラテック株式会社 会社案内 JavaScript SDK for V-Sido CONNECT 利 用 の 手 引 き Mac 編 アスラテック 株 式 会 社 目 次 1. はじめに 1-1. 本 マニュアルの 概 要 p.3 1-2. 使 用 する 機 材 など p.4 1-3. 各 機 器 の 接 続 構 成 と 開 発 イメージ p.5 2. 初 期 設 定 とVSidoConn4Macの 導 入 2-1. Bluetoothのペアリング

More information

目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは?... 6 2-1 jquery とは?... 6 2-2 jquery オブジェクトを 作 ってみよう... 6 2-3 jquery オブジェクトを 既 存 の 要 素 に

目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは?... 6 2-1 jquery とは?... 6 2-2 jquery オブジェクトを 作 ってみよう... 6 2-3 jquery オブジェクトを 既 存 の 要 素 に GC スクリプト 利 用 ガイド 第 1 版 最 終 更 新 日 2016/03/31 目 次 第 1 章 GC スクリプトとは?... 4 第 2 章 JavaScript と GC スクリプトの 違 いは?... 6 2-1 jquery とは?... 6 2-2 jquery オブジェクトを 作 ってみよう... 6 2-3 jquery オブジェクトを 既 存 の 要 素 に 追 加 してみよう...

More information

CSSの基礎

CSSの基礎 Webページの 見 た 目 を 定 義 する 視 覚 のための 言 語 CSS ファイル 視 覚 表 現 関 連 付 ける HTML ファイル 論 理 構 造 CSSの 基 礎 CSSの 記 述 方 法 基 本 的 な 形 セレクタ{ プロパティ1: 値 ; プロパティ2: 値 ; セレクタの 種 類 タイプセレクタ CSSの 記 述 HTML CSSを 適 用 する 箇 所 CSSを 記 述 する

More information

コンピュータサイエンス 4. ウェブプログラミング

コンピュータサイエンス 4. ウェブプログラミング 4. Chris Plaintail 2014 1 / 43 1 HTML CSS 2 JavaScript DOM jquery 3 4 PHP SQL PHP SQL 2 / 43 HTML HTML CSS HTML Ajax (Asynchronous JavaScript + XML) PHP SQL 3 / 43 HTML, CSS http, https CSS HTML CSS.html

More information

第 10 問 スマートフォンはパソコンとは 異 なり コンピュータウイルスなどの 不 正 プログラムの 侵 入 感 染 フィッシングなど の 詐 欺 に 遭 うことがないため セキュリティソフトをスマートフォンに 導 入 する 必 要 はない 2. 以 下 の 設 問 に 答 えよ 第 11 問 C

第 10 問 スマートフォンはパソコンとは 異 なり コンピュータウイルスなどの 不 正 プログラムの 侵 入 感 染 フィッシングなど の 詐 欺 に 遭 うことがないため セキュリティソフトをスマートフォンに 導 入 する 必 要 はない 2. 以 下 の 設 問 に 答 えよ 第 11 問 C 1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 HTML5 では タグの 省 略 は 一 切 認 められていない 第 2 問 インターネット 上 のすべてのコンピュータは イーサネットで 繋 がっている 第 3 問 新 規 にウェブサイトを 公 開 する 際 は HTML ドキュメントをアップロードした 後 に

More information

HTMLとメタデータ

HTMLとメタデータ HTMLとメタデータ http://www2.mmc.atomi.ac.jp/~artnavi1/lib rarysci/index.htmlを 例 にHTMLを 理 解 する IPアドレス ドメイン 名 http://www2.mmc.atomi.ac.jp httpとはhyper Text Transfer Protocol( 何 でもリンクできるテ キストの 通 信 手 順 : 説 明 JPNIC)

More information

0序文‐1章.indd

0序文‐1章.indd 本 書 に 記 載 されたURL 等 は 執 筆 時 点 でのものであり 予 告 なく 変 更 される 場 合 があります 本 書 の 使 用 ( 本 書 のとおりに 操 作 を 行 う 場 合 を 含 む)により 万 一 直 接 的 間 接 的 に 損 害 が 発 生 し ても 出 版 社 および 著 者 は 一 切 の 責 任 を 負 いかねますので あらかじめご 了 承 下 さい Microsoft

More information

■新聞記事

■新聞記事 PowerPoint2013 基 本 操 作 P.1 PowerPoint2013 基 本 操 作 1.PowerPoint2013 の 起 動... 2 2.スライドのサンプル... 3 3.スライドの 作 成... 4 4. 文 字 の 入 力 とテキストボックス... 5 5. 図 の 作 成 と 書 式 設 定... 5 6.グラフの 作 成... 6 7. 背 景 デザインと 配 色...

More information

おすすめページ

おすすめページ 4-5 第 4 章 高 度 なリストのデザイン スマートフォン 向 けのCSSを 読 み 込 む スマートフォンのように 画 面 サイズの 小 さい 端 末 で 見 たときは 専 用 のCSSを 読 み 込 むように します 画 面 サイズが 小 さいときはレイアウトを 変 更 する スマートフォンなど パソコンに 比 べて 画 面 の 小 さい 端 末 で Web サイトを 閲 覧 しようとすると

More information

Microsoft Word - Developer_Tools

Microsoft Word - Developer_Tools Developer Tools : Windows Internet Explorer 8 Beta 1 for Developers Web 作 業 の 操 作 性 を 向 上 2008 年 3 月 詳 細 の 問 い 合 わせ 先 ( 報 道 関 係 者 専 用 ) : Rapid Response Team Waggener Edstrom Worldwide (503) 443 7070 rrt@waggeneredstrom.com

More information

コンピュータサイエンス 1. ウェブの基本

コンピュータサイエンス 1. ウェブの基本 1. Chris Plaintail May 18, 2016 1 / 27 1 2 HTML HTML 3 CSS style 2 / 27 HTML HTML HTML HTML CSS HTML CSS 3 / 27 4 / 27 HTML HTML, CSS HTML, CSS http, https file CSS HTML CSS.html PC file:// PC.html 5 /

More information

html_text

html_text HTML の 基 礎 2015.12.15 1. HTML ファイルの 構 成 1.1. HTML とは? Web ブラウザでホームページを 表 示 するためには,HTML(Hyper Text Markup Language)と 呼 ぶ 言 語 で 記 述 す る 必 要 が あ り ま す.HTML 形 式 のファイルは < と > で 囲 んだ 予 約 語 (タグ)を 含 むテキストファイルで,Web

More information

pixiv 63 はじめまして ピクシブ 株 式 会 社 でエンジニアをやってい ます 金 子 と 申 します 本 書 を 手 にとってくださり あり がとうございます この 本 では 画 像 投 稿 掲 示 板 を 作 ってみる という シン プルな 作 業 を 通 して プログラミングの 基 礎 を 学 んで 頂 き たいと 思 っています 本 書 は エンジニアでない 人 のためのプログラミング

More information

1. 目 次 1. 目 次 2.はじめに 2-1.メールテンプレート 編 集 機 能 とは? 2-2. 対 象 読 者 3. 用 語 一 覧 4. 利 用 の 流 れ 4-1.メールテンプレート 編 集 の 流 れ 5. 機 能 説 明 利 用 方 法 5-1.テキストメール 編 集 開 封 率 を

1. 目 次 1. 目 次 2.はじめに 2-1.メールテンプレート 編 集 機 能 とは? 2-2. 対 象 読 者 3. 用 語 一 覧 4. 利 用 の 流 れ 4-1.メールテンプレート 編 集 の 流 れ 5. 機 能 説 明 利 用 方 法 5-1.テキストメール 編 集 開 封 率 を メールテンプレート 編 集 ユーザーマニュアル Ver1.0 2016/5/1 株 式 会 社 シャノン 1 1. 目 次 1. 目 次 2.はじめに 2-1.メールテンプレート 編 集 機 能 とは? 2-2. 対 象 読 者 3. 用 語 一 覧 4. 利 用 の 流 れ 4-1.メールテンプレート 編 集 の 流 れ 5. 機 能 説 明 利 用 方 法 5-1.テキストメール 編 集 開 封

More information

JavaScript( 言 語 )とは 情 報 システムのプログラミング ソースコード 記 述, 外 部 ファイル 保 存, コンパイル,テスト,デバッグ... 大 変 な 作 業 もっと 手 軽 なプログラミング 特 別 な 言 語 処 理 系 は 不 要! Webブラウザだけで 実 行 可 能

JavaScript( 言 語 )とは 情 報 システムのプログラミング ソースコード 記 述, 外 部 ファイル 保 存, コンパイル,テスト,デバッグ... 大 変 な 作 業 もっと 手 軽 なプログラミング 特 別 な 言 語 処 理 系 は 不 要! Webブラウザだけで 実 行 可 能 JavaScript 入 門 1 JavaScript( 言 語 )とは 情 報 システムのプログラミング ソースコード 記 述, 外 部 ファイル 保 存, コンパイル,テスト,デバッグ... 大 変 な 作 業 もっと 手 軽 なプログラミング 特 別 な 言 語 処 理 系 は 不 要! Webブラウザだけで 実 行 可 能 ( 実 際 は,HTMLファイル 内 or 外 部 ファイル として

More information

目 次 第 1 章 開 発 フロー... 4 第 2 章 要 件 定 義... 5 (1) 概 要... 5 (2) 変 換 による 制 約... 5 (3) デバイスによる 制 約... 6 (4) 端 末 の 保 証 についての 考 え 方... 6 (5) デザイン... 7 (6) デザイン

目 次 第 1 章 開 発 フロー... 4 第 2 章 要 件 定 義... 5 (1) 概 要... 5 (2) 変 換 による 制 約... 5 (3) デバイスによる 制 約... 6 (4) 端 末 の 保 証 についての 考 え 方... 6 (5) デザイン... 7 (6) デザイン ジーンコード 設 計 要 件 定 義 ガイド 第 1 版 最 終 更 新 日 2016/03/31 目 次 第 1 章 開 発 フロー... 4 第 2 章 要 件 定 義... 5 (1) 概 要... 5 (2) 変 換 による 制 約... 5 (3) デバイスによる 制 約... 6 (4) 端 末 の 保 証 についての 考 え 方... 6 (5) デザイン... 7 (6) デザインコンポーネントで

More information

<!DOCTYPE html> 何かの宣言。必要。

<!DOCTYPE html> 何かの宣言。必要。 プロジェクトI/II テーマH( 担 当 : 日 紫 喜 光 良 ) 目 標 地 図 上 に 情 報 を 表 示 することが 解 決 に 役 立 つような 問 題 を 見 つけることができる 問 題 解 決 のために 必 要 な 情 報 をグループメンバーと 協 力 して 収 集 できる Google の 地 図 (Google Maps) 上 に 情 報 を 表 示 することができる 地 理 情

More information

「V-Sido CONNECT RC」 Raspberry Pi 2との連係方法

「V-Sido CONNECT RC」 Raspberry Pi 2との連係方法 アスラテック 株 式 会 社 V-Sido CONNECT RC Raspberry Pi 2との 連 係 方 法 目 次 1. はじめに 1-1. 本 マニュアルの 概 要 p.3 1-2. 使 用 する 機 材 など p.4 1-3. 各 機 器 の 接 続 イメージ p.5 1-4. JavaScriptによる 開 発 環 境 の 概 略 p.6 2. Raspberry Pi 2を 利 用

More information

HTML5 による Webサイト制作の基本 株式会社サイバーガーデン 益子 貴寛 2012年4月7日 土曜日 CSS Nite in OKAYAMA, Vol.2 with Microsoft アップル http://www.apple.com/jp/ ローソン http://www.lawson.co.jp/

More information

@uemera uemura

@uemera uemura doshirouto @uemera @uemera uemura このプレゼンでは WordPressのテーマのしくみを 初心者にも分かるように解説します テーマを理解すればどういうメリットがあるの? WordPressの仕様を理解すると 自分でやれることが広がります WordPressへの苦手意識が無くなります WordPressを自分の好きなデザインにすることができます 次期バージョンWordPress3.6に同梱される新デフォルトテーマ

More information

スライド 1

スライド 1 株 式 会 社 アジタス コーディングレギュレーション 改 訂 履 歴 初 版 2009/10/01 一 部 修 正 2010/12/06 対 応 ブラウザ 修 正 画 像 ファイルの 形 式 修 正 補 足 追 記 2011/05/02 対 応 ブラウザ 修 正 2013/04/12 文 言 内 容 一 部 修 正 2014/02/25 対 応 メーラーの 追 加 2014/04/08 メールアドレスの

More information

2.ページ 作 成 機 能 2-13 Wordデータを 取 り 込 める(もしくはコピー&ペーストできる)こその 際 アプリケーション 特 有 のHTML(CSS) 表 現 を 自 動 的 に 削 除 できるこ 他 データの 流 用 表 2-14 Excelデータを 取 り 込 める(もしくはコピー

2.ページ 作 成 機 能 2-13 Wordデータを 取 り 込 める(もしくはコピー&ペーストできる)こその 際 アプリケーション 特 有 のHTML(CSS) 表 現 を 自 動 的 に 削 除 できるこ 他 データの 流 用 表 2-14 Excelデータを 取 り 込 める(もしくはコピー 1. 基 本 情 報 1-1 CMS 利 用 にあたって 各 職 員 のPC 端 末 に 特 別 なアプリケーションなどをインストールす る 必 要 が 無 いこと(ウェブブラウザから 利 用 できること) 1-2 各 職 員 PC 端 末 から InternetExplorerを 通 じ ID PASSWORD 認 証 にてログインできるこ 1-3 閲 覧 者 のパソコン 機 種 OS ブラウザ

More information

JavaScript演習

JavaScript演習 JavaScript 入 門 1 JavaScript( 言 語 )とは 情 報 システムのプログラミング ソースコード 記 述, 外 部 ファイル 保 存, コンパイル,テスト,デバッグ... 大 変 な 作 業 もっと 手 軽 なプログラミング 特 別 な 言 語 処 理 系 は 不 要! Webブラウザだけで 実 行 可 能 ( 実 際 は,HTMLファイル 内 or 外 部 ファイル として

More information

はじめに 本 書 の 目 的 は 制 作 の 効 率 化 クオリティの 向 上 各 作 業 者 間 のスタイルの 統 を 図 る 目 安 になることで 常 にブラッシュアップを 繰 り 返 し 現 時 点 での 最 適 解 の 共 有 に 活 用 するものです 目 次 基 本 仕 様 ファイル ディ

はじめに 本 書 の 目 的 は 制 作 の 効 率 化 クオリティの 向 上 各 作 業 者 間 のスタイルの 統 を 図 る 目 安 になることで 常 にブラッシュアップを 繰 り 返 し 現 時 点 での 最 適 解 の 共 有 に 活 用 するものです 目 次 基 本 仕 様 ファイル ディ 株 式 会 社 クロノドライブ コーディングガイドライン 改 訂 履 歴 2009/10/01 初 版 2010/12/06 一 部 修 正 2011/05/02 対 応 ブラウザ 修 正 画 像 ファイルの 形 式 修 正 補 足 追 記 2013/04/12 対 応 ブラウザ 修 正 2014/02/25 文 言 内 容 一 部 修 正 2014/04/08 対 応 メーラーの 追 加 2014/06/05

More information

(Microsoft PowerPoint - \225\275\220\25423\224N\223xHTML5\225\224\211\357.ppt)

(Microsoft PowerPoint - \225\275\220\25423\224N\223xHTML5\225\224\211\357.ppt) 平 成 23 年 度 技 術 研 究 会 HTML5 部 会 HTML5を 使 ったWebアプリの 開 発 ~HTML4.0とHTML5の 比 較 ~ メンバー 富 士 通 九 州 システムズ 三 角 瞳 オーガス 大 分 シーイーシー オーイーシー オーイーシー 老 川 翔 太 行 部 佑 希 西 角 幸 恵 下 郡 剛 九 州 東 芝 エンジニアリング 渡 邉 泰 三 大 分 交 通 松 迫 翔

More information

クイック スタート ガイド PowerPoint 2013 を 開 くと 最 初 にいくつかのオプションが 表 示 され テンプレート テーマ 最 近 使 ったファイル 白 紙 のプレゼンテーションのどれを 使 って 作 業 を 始 めるかを 選 択 できます オンラインのテンプレートやテーマを 探

クイック スタート ガイド PowerPoint 2013 を 開 くと 最 初 にいくつかのオプションが 表 示 され テンプレート テーマ 最 近 使 ったファイル 白 紙 のプレゼンテーションのどれを 使 って 作 業 を 始 めるかを 選 択 できます オンラインのテンプレートやテーマを 探 クイック スタート ガイド Microsoft PowerPoint 2013 は レイアウトがこれまでのバージョンから 変 わりました このガイドは 少 しでも 早 く 慣 れることができるようにそれらの 違 いをまとめたものです 必 要 な 機 能 を 見 つける リボンのタブをクリックすると そのタブのボタンと コマンドが 表 示 されます コンテキスト タブを 使 う リボンのタブには 必

More information

JavaScriptプログラミング入門

JavaScriptプログラミング入門 JavaScript 2015 8 15 1 2 1.1 JavaScript.................................. 2 1.2..................................... 3 1.3 if................................... 4 2 6 2.1.....................

More information

Microsoft PowerPoint - J_AuthorManual_JPSJ.ppt [互換モード]

Microsoft PowerPoint - J_AuthorManual_JPSJ.ppt [互換モード] ScholarOne Manuscripts オンライン 投 稿 マニュアル 1 語 表 の 切 替 え 2 ログイン 34 アカウント 作 成 5 メインメニュー 6 ダッシュボード 7 Step 1: 種 別 タイトル 抄 録 8 Step 2: キーワード 9 Step 3: 著 者 10 Step 4: 希 望 査 読 者 11 Step 5: 設 問 1213 Step 6: ファイルアップロード

More information

Microsoft Word - 【最新】IT研修10・11・12月.doc

Microsoft Word - 【最新】IT研修10・11・12月.doc Study Time ソフトピアジャパンIT 研 修 のご 案 内 2012 年 10 月 11 月 12 月 スケジュール 講 座 名 開 催 日 締 切 日 受 講 料 Photoshop でスマートフォンアプリ 開 発 体 験! ~Kwik を 使 って iphone&android アプリを 作 ろう~ 10 月 2 日 ( 火 ) 9 日 ( 火 ) 16 日 ( 火 ) 23 日 ( 火

More information

担 当 分 のメニュー 6/21, 6/28: アルゴリズムについて 7/5: 出 張 につき 休 講 7/12, 7/19: プログラミングについて ( 補 講 の 予 定 内 容 は 未 定 です) 講 義 情 報 http://www.fos.kuis.kyotou.ac.jp/~igaras

担 当 分 のメニュー 6/21, 6/28: アルゴリズムについて 7/5: 出 張 につき 休 講 7/12, 7/19: プログラミングについて ( 補 講 の 予 定 内 容 は 未 定 です) 講 義 情 報 http://www.fos.kuis.kyotou.ac.jp/~igaras 全 学 共 通 科 目 工 学 部 専 門 科 目 計 算 機 科 学 概 論 アルゴリズムとプログラミング その3 五 十 嵐 淳 igarashi@kuis.kyoto-u.ac.jp 大 学 院 情 報 学 研 究 科 通 信 情 報 システム 専 攻 担 当 分 のメニュー 6/21, 6/28: アルゴリズムについて 7/5: 出 張 につき 休 講 7/12, 7/19: プログラミングについて

More information

1 全 体 のレイアウトを 把 握 する 2 段 組 レイアウト 1 段 組 レイアウト 左 サイドメニューが 表 示 され, 新 着 記 事 が 一 覧 (または 簡 略 形 式 ) 投 稿 した 記 事 が, 日 付 順 にそのまま 表 示 される で 表 示 される 管 理 メニュー(ダッシュ

1 全 体 のレイアウトを 把 握 する 2 段 組 レイアウト 1 段 組 レイアウト 左 サイドメニューが 表 示 され, 新 着 記 事 が 一 覧 (または 簡 略 形 式 ) 投 稿 した 記 事 が, 日 付 順 にそのまま 表 示 される で 表 示 される 管 理 メニュー(ダッシュ 編 集 者 ユーザー 用 CONTENTS 全 体 のレイアウトを 把 握 する... 1 管 理 メニュー(ダッシュボード)へログインする... 1 ダッシュボードの 見 方 を 覚 える... 2 新 規 投 稿 の 方 法 について... 3 投 稿 記 事 を 編 集 する... 4 メディア( 外 部 ファイル)を 追 加 する... 5 別 のサイトへリンクする... 6 HTML 編

More information

石 川 県 結 婚 支 援 ポータルサイト( 仮 称 ) 調 達 仕 様 書 1 事 業 の 目 的 いしかわ 子 育 て 支 援 財 団 では 進 行 する 未 婚 化 晩 婚 化 に 対 応 し 平 成 17 年 度 より 各 種 結 婚 支 援 事 業 に 取 り 組 んでいるところであるが

石 川 県 結 婚 支 援 ポータルサイト( 仮 称 ) 調 達 仕 様 書 1 事 業 の 目 的 いしかわ 子 育 て 支 援 財 団 では 進 行 する 未 婚 化 晩 婚 化 に 対 応 し 平 成 17 年 度 より 各 種 結 婚 支 援 事 業 に 取 り 組 んでいるところであるが 石 川 県 結 婚 支 援 ポータルサイト( 仮 称 ) に 係 る 調 達 仕 様 書 平 成 27 年 10 月 公 益 財 団 法 人 いしかわ 子 育 て 支 援 財 団 石 川 県 結 婚 支 援 ポータルサイト( 仮 称 ) 調 達 仕 様 書 1 事 業 の 目 的 いしかわ 子 育 て 支 援 財 団 では 進 行 する 未 婚 化 晩 婚 化 に 対 応 し 平 成 17 年 度

More information

訪問介護勤務スケジュール作成

訪問介護勤務スケジュール作成 訪 問 介 護 勤 務 スケジュール 作 成 勤 務 表 作 成 編 (Ver. 6.0.0) Microsoft Excel 2003 対 応 Microsoft Excel 2007 対 応 Microsoft Excel 2010 対 応 こんなことができます!! 登 録 者 情 報 のチェック ( 基 本 登 録 情 報 のチェック) 対 象 月 の 情 報 チェック 勤 務 表 作 成 勤

More information

CONTENTS 0 1 2 3 4 5 6 7 8 9 10 0 viii ix x http://www.vector.co.jp/vpack/filearea/win/writing/edit/hm/index.html http://hidemaru.xaxon.co.jp/lib/macro/index.html ftp://ftp.m17n.org/pub/mule/windows/ http://www.yatex.org/

More information

Microsoft Word - ppt_1.docx

Microsoft Word - ppt_1.docx パワポ 講 習 会 ~ひとつ 上 の 発 表 を 目 指 して~ PowerPoint は 研 究 発 表 会 会 社 でのプレゼンなどでよく 使 われているプレゼンテーションソフトの 定 番 中 の 定 番 で す! 一 つ 上 の 発 表 を 目 指 して 使 いこなせるようになろう 今 回 は 2 部 構 成 の 講 習 会 うちの 1 つです 入 門 編 として Power Point の

More information

Microsoft PowerPoint - A07回目②.pptx

Microsoft PowerPoint - A07回目②.pptx 1 コンピュータリテラシーII ( 樋 口 担 当 ) 7 回 目 2 11/14 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I. JavaScript( 画 像 関 係 ) II. 課 題 3 I.JavaScript 1.JavaScriptを 使 用 するためのお 約 束 4 の 間 に

More information

スライド 1

スライド 1 Webプログラミング2 2.Webプログラミング 概 要 (2) ( 復 習 )Webとは 様 々な 利 用 シーン 様 々なデバイス/ブラウザ パソコン 携 帯 電 話 ゲーム 機 /TV 電 子 ブックリーダー 学 校 案 内 / 会 社 案 内 オンラインショップ ブログ/ 掲 示 板 /SNS/Twitter/Facebook 学 内 / 社 内 システム スケジューラ/カレンダー/Webメール

More information

<4D6963726F736F667420576F7264202D208FEE95F18F88979D826081408EF68BC697708376838A839383678169506F776572506F696E7491808DEC816A2E646F63>

<4D6963726F736F667420576F7264202D208FEE95F18F88979D826081408EF68BC697708376838A839383678169506F776572506F696E7491808DEC816A2E646F63> PowerPoint 基 本 操 作 P.1 PowerPoint 基 本 操 作 - 目 次 - 1.PowerPoint の 起 動... 2 2.スライドのサンプル... 3 3.スライドの 作 成... 4 4. 文 字 の 入 力... 5 5. 図 の 作 成 (クリップアート)... 6 6.グラフの 作 成... 6 7. 背 景 デザインと 配 色... 7 8.アニメーション 効

More information

<4D6963726F736F667420506F776572506F696E74202D2095A88C8F838C834D8385838C815B8356838783935F8D4C8D9091E3979D9358976C8CFC82AF90E096BE8E9197BF3134303330372E70707478>

<4D6963726F736F667420506F776572506F696E74202D2095A88C8F838C834D8385838C815B8356838783935F8D4C8D9091E3979D9358976C8CFC82AF90E096BE8E9197BF3134303330372E70707478> 広 告 代 理 店 様 向 け 物 件 サイト 関 連 説 明 会 2. 物 件 サイトレギュレーションの 改 訂 はじめに 今 回 改 訂 される 物 件 サイトレギュレーション の 適 用 対 象 物 件 : 売 主 エリア 種 別 新 レギュレーションへの レ 対 応 2014 年 4 月 以 降 に 新 規 公 開 する 中 高 層 自 社 売 主 物 件 は 必 須 首 都 圏 および 2014

More information

教材ドットコムオリジナル教材

教材ドットコムオリジナル教材 第 1 章 ドキュメントオブジェクトを 使 って JavaScriptで 文 字 を 表 示 させよう 第 1 節 JavaScriptって 何!? JavaScriptとはHTMLファイルに 埋 め 込 むスクリプト(プログラムよりは 若 干 難 易 度 が 低 いプログラムという 意 味 でよく 使 われる)である HTMLでは タグと 呼 ばれる 命 令 をプログラミングしていき レイアウトやデザイン

More information

すべての 文 書 は テンプレートから 作 成 を 開 始 します 空 白 のテンプレートから 開 始 することもできます 完 成 した 文 書 のイメージに 最 も 近 いテンプレートを 見 つけてください Publisher 2013 にはテンプレートが 付 属 しております 1. [ファイル]

すべての 文 書 は テンプレートから 作 成 を 開 始 します 空 白 のテンプレートから 開 始 することもできます 完 成 した 文 書 のイメージに 最 も 近 いテンプレートを 見 つけてください Publisher 2013 にはテンプレートが 付 属 しております 1. [ファイル] Publisher 2013 の 基 本 的 使 い 方 TO_takatsuki Publisher の 向 いている 文 書 枚 数 の 少 ない 文 書 ポスター チラシ グリーティングカード ニュースレター など 記 載 枠 画 像 などの 挿 入 枠 の 大 きさを 固 定 し 文 書 や 画 像 を 配 置 したい 文 書 文 書 を 作 成 する まず テンプレートを 探 し そこから

More information

What 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私 ) ぜひ 名 前 を 覚 えていってくださ

What 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私 ) ぜひ 名 前 を 覚 えていってくださ HeartRails APIs for MA5 ハートレイルズの 提 供 API について http://www.heartrails.com/ What 色 々な Web サービスを 提 供 している 会 社 です http://www.heartrails.com/ http://twitter.com/heartrails( 会 社 ) http://twitter.com/joraku( 私

More information

携帯電話でGoogle Mapsを使う

携帯電話でGoogle Mapsを使う PHPのファイルは UTF-8 BOMなしで 保 存 し www.cyaneum.orgのpublic_htmlに 置 く! テーマ 研 究 会 (04/28) Google Mapsを 使 う 政 策 情 報 学 部 渡 辺 恭 人 riho-m@cuc.ac.jp メーリングリスト riho-m-rg10@cuc.ac.jp 資 料 http://www.cuc.ac.jp/rg10/ 前 回

More information

講義について

講義について Step14 スライドショー 前 のStep13に 続 き,プレゼンテーションソフト パワーポイント の 基 本 操 作 を 説 明 しますが,サンプルを 参 考 にして 皆 さんもスライドショーを 作 って 見 ましょう [1] スライド 作 成 の 基 本 操 作 (2) 前 の Step 13では デザインプレート を 最 初 に 決 めてから 新 しいスライドを 作 成 していく 操 作 を

More information

コンピュータ基礎実習(上級) 第二回

コンピュータ基礎実習(上級) 第二回 コンピュータ 基 礎 実 習 ( 上 級 ) 第 四 回 ウェブページの 作 成 について3 清 水 淳 紀 前 回 までの 内 容 ページの 作 成 方 法 ( 編 集 アップロード 確 認 ) ページはKompozer やメモ 帳 等 で 編 集 する ページを 公 開 するには アップロードをする 必 要 がある Internet Explorerなどでページを 開 き F5キーで 表 示 を

More information

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 Active! mail 6.54 ユーザーズマニュアル(スマートフォン 版 ) Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 権 の 侵 害 とな

More information

1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1..............................

1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 1 1 1............................ 1 2 jquery........................ 2 3................ 3 4................... 3 2 4 1.............................. 4 2.............................. 6 3...........................

More information

もくじ

もくじ メルマガ 管 理 機 能 マニュアル 2016/7/4 株 式 会 社 ビズクリエイト 目 次 1. メルマガ 配 信 手 順... 3 2. メルマガ 作 成... 4 新 規 メルマガを 作 成 する... 4 3. メルマガ 一 覧... 8 作 成 したメルマガを 一 覧 で 確 認 する... 8 メルマガの 基 本 設 定 を 確 認 変 更 する... 9 メルマガの 基 本 設 定

More information

ホームページ・ビルダー15

ホームページ・ビルダー15 3. 動 きのあるページを 作 成 する アニメーション 文 字 や 画 像 (アニメーション GIF ) 画 像 のロールオーバー 効 果 などの 動 きがあるものを 挿 入 して 見 る 人 を 楽 しませるようなページを 作 成 してみましょう アニメーション GIF とは GIF 形 式 の 画 像 ファイルの 一 種 で いくつかの 画 像 を 組 み 合 わせてパラパラ 漫 画 のように

More information

第 10 問 取 得 したドメインでウェブサイトを 公 開 する 場 合 共 用 サーバは 一 切 使 えないので 専 用 サーバを 用 意 する 必 要 が ある 第 11 問 WaSP とは Web accessibility Standard Project の 略 称 である 第 12 問

第 10 問 取 得 したドメインでウェブサイトを 公 開 する 場 合 共 用 サーバは 一 切 使 えないので 専 用 サーバを 用 意 する 必 要 が ある 第 11 問 WaSP とは Web accessibility Standard Project の 略 称 である 第 12 問 1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 グローバルナビゲーションとは 水 平 方 向 に 配 置 されるものを 指 し 垂 直 方 向 に 配 置 されるものはローカルナビ ゲーションと 呼 ばれる 第 2 問 イーサネットとは 1000BASE-T の 規 格 のみをさす 第 3 問 IPv6 で 定

More information

求 職 者 訓 練 の 御 案 内 I T パ ス ポ ー ト 科 受 講 生 募 集! 京 都 府 では 求 職 者 の 方 の 再 就 職 を 支 援 するために 短 期 の 職 業 訓 練 を 実 施 します 受 講 の 対 象 者 は 公 共 職 業 安 定 所 に 求 職 申 込 みをされ

求 職 者 訓 練 の 御 案 内 I T パ ス ポ ー ト 科 受 講 生 募 集! 京 都 府 では 求 職 者 の 方 の 再 就 職 を 支 援 するために 短 期 の 職 業 訓 練 を 実 施 します 受 講 の 対 象 者 は 公 共 職 業 安 定 所 に 求 職 申 込 みをされ 知 識 等 習 得 コース 求 職 者 訓 練 ~ パソコンの 基 本 操 作 のできる 方 ~ 平 成 24 年 12 月 開 講 京 都 高 等 技 術 専 門 校 キャラクター 未 来 の 匠 くん 対 象 者 マウスおよびキーボード 操 作 がスムーズにできる 方 ITパスポート 試 験 合 格 を 目 指 される 方 コース 紹 介 ITパスポート 試 験 合 格 を 目 指 すとともに

More information

ログイン 画 面 ブログの 更 新 手 順 ログインに 成 功 するとこのような 画 面 になります 管 理 画 面 ログインURL /wp-login.php はサイトのURLを 入 力 記 URLへアクセスすると 左 記 のような 画 面 が 表 示 されます ユーザー 名 パス

ログイン 画 面 ブログの 更 新 手 順 ログインに 成 功 するとこのような 画 面 になります 管 理 画 面 ログインURL  /wp-login.php はサイトのURLを 入 力 記 URLへアクセスすると 左 記 のような 画 面 が 表 示 されます ユーザー 名 パス テンプレートサイト 更 新 方 法 マニュアル PC ( パソコン) 版 2016 年 2 月 度 版 ログイン 画 面 ブログの 更 新 手 順 ログインに 成 功 するとこのような 画 面 になります 管 理 画 面 ログインURL http:// /wp-login.php はサイトのURLを 入 力 記 URLへアクセスすると 左 記 のような 画 面 が 表 示 されます ユーザー 名 パスワード

More information

CMS操作手順書

CMS操作手順書 モーハワイ ブログ 操 作 マニュアル 目 次 No タイトル 1 フォルダ ファイル 構 成 2 Wordpress の 操 作 3 その 他 のページの 編 集 4 用 語 集 P1 1 フォルダ ファイル 構 成 この 項 ではウェブサイトを 構 成 するフォルダ ファイルについて 説 明 します 1.1 フォルダ 構 造 ファイル 名 フォルダ/ファイル 名 ページ 名 称 フォルダ 内 容

More information

第9回

第9回 第 9 回 2016 年 7 月 16 日 情 報 教 育 演 習 II 第 9 回 (1) CSS(4) (1) 今 回 の 課 題 (2) リストの 記 号 や 番 号 の 設 定 (2) クラスの 利 用 (2) クラスとは (2) クラスを 使 った 設 定 (3) CSSファイルでの 設 定 (3) HTMLファイルでの 利 用 (3) クラスの 利 用 例 (1) (3) クラスの 利

More information

今 すぐ 使 えるおすすめ 機 能 1.エンドユーザ 向 けおすすめ 機 能 2.Salesforce 管 理 者 向 けおすすめ 機 能 3. 経 営 層 マネージャ 向 けおすすめ 機 能 2 2

今 すぐ 使 えるおすすめ 機 能 1.エンドユーザ 向 けおすすめ 機 能 2.Salesforce 管 理 者 向 けおすすめ 機 能 3. 経 営 層 マネージャ 向 けおすすめ 機 能 2 2 今 すぐ 使 えるおすすめ 機 能 ~ユーザ 管 理 者 経 営 層 向 け~ 株 式 会 社 セールスフォース ドットコム 今 すぐ 使 えるおすすめ 機 能 1.エンドユーザ 向 けおすすめ 機 能 2.Salesforce 管 理 者 向 けおすすめ 機 能 3. 経 営 層 マネージャ 向 けおすすめ 機 能 2 2 エンドユーザ 向 けおすすめ 機 能 レポート/ビューの 編 集 リンク

More information

PowerPoint によるプレゼンテーション 資 料 の 作 成 日 時 会 場 平 成 18 年 1 月 5 日 ( 月 )9 時 10 分 ~ 15 時 0 分 奈 良 産 業 大 学 10 号 館 1 階 1011 教 室 日 程 時 間 内 容 場 所 9:10 ~ 9:0 日 程 説 明

PowerPoint によるプレゼンテーション 資 料 の 作 成 日 時 会 場 平 成 18 年 1 月 5 日 ( 月 )9 時 10 分 ~ 15 時 0 分 奈 良 産 業 大 学 10 号 館 1 階 1011 教 室 日 程 時 間 内 容 場 所 9:10 ~ 9:0 日 程 説 明 PowerPoint による プレゼンテーション 資 料 の 作 成 教 職 員 のための 公 開 講 座 ( 平 成 18 年 1 月 5 日 ) PowerPoint によるプレゼンテーション 資 料 の 作 成 日 時 会 場 平 成 18 年 1 月 5 日 ( 月 )9 時 10 分 ~ 15 時 0 分 奈 良 産 業 大 学 10 号 館 1 階 1011 教 室 日 程 時 間 内

More information

HTML文章作成

HTML文章作成 HTML 文 章 作 成 Web ページは HTML(Hyper Text Markup Language) という 言 語 を 使 っ て 欠 かれた HTML ファイルでできています ここでは 簡 単 な HTML 文 章 を 実 際 につくっていきます 参 考 文 献 :エクスナレッジ HTML とスタイルシートによる Web サイト 作 成 術 1. 簡 単 なホームページをつくりましょう

More information

ホームページ制作スターターズ

ホームページ制作スターターズ HTML タグ はじめての 方 ガイド Ver1.0 1 < 目 次 > 1ホームページ 構 造 2HTML タグ 3スタイルシート Copyright ナレッジコーディネーター All Rights Reserved. 2 第 1 章 ホームページ 構 造 Copyright ナレッジコーディネーター All Rights Reserved. 3 1HTMLとは ウェブ 上 の 文 書 を 記 述

More information

第 10 問 img 要 素 の alt 属 性 に 指 定 すべき 値 は src 属 性 で 指 定 している 画 像 がどのように 見 えるのかを 説 明 するテキス トではなく src 属 性 で 指 定 している 画 像 が 表 示 されない 状 況 において 画 像 の 代 わりに 使

第 10 問 img 要 素 の alt 属 性 に 指 定 すべき 値 は src 属 性 で 指 定 している 画 像 がどのように 見 えるのかを 説 明 するテキス トではなく src 属 性 で 指 定 している 画 像 が 表 示 されない 状 況 において 画 像 の 代 わりに 使 1. 各 設 問 において 正 しいものは1を 間 違 っているものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 属 性 型 JP ドメイン 名 の 1 つである or.jp は 主 に 政 府 機 関 が 使 用 するものである 第 2 問 HTML5 では インラインの 引 用 文 を q 要 素 でマークアップせずに テキストに 引 用 符 を 埋 め 込 んで 示 すことも

More information

改 訂 履 歴 版 数 日 付 改 訂 内 容 改 訂 箇 所 1.0 2015 年 3 月 31 日 初 版 作 成 - - i -

改 訂 履 歴 版 数 日 付 改 訂 内 容 改 訂 箇 所 1.0 2015 年 3 月 31 日 初 版 作 成 - - i - ( 事 業 者 向 け) 1.0 版 2015 年 3 月 31 日 改 訂 履 歴 版 数 日 付 改 訂 内 容 改 訂 箇 所 1.0 2015 年 3 月 31 日 初 版 作 成 - - i - 目 次 1. はじめに... 1 2. システム 動 作 環 境... 1 2.1. 動 作 の 条 件 注 意 事 項... 1 2.1.1. JAVA スクリプトの 設 定... 1 2.1.2.

More information

コンテンツ制作ガイドライン

コンテンツ制作ガイドライン Web-based Signage コンテンツ 開 発 ガイドライン Release Candidate Rev. 2016 年 2 月 15 日 作 成 : Web プラットフォーム 性 能 ベンチマーク 検 討 会 発 行 : 慶 應 義 塾 大 学 SFC 研 究 所 先 端 ウェブアーキテクチャ ラボ 1 内 容 1. コンテンツ 開 発 ガイドラインの 概 要...4 1.1. ガイドラインの

More information

方程式を解いてみよう! C++ から PHP + JavaScriptへ

方程式を解いてみよう! C++ から PHP + JavaScriptへ 方 程 式 を 解 いてみよう! C++ から PHP + HTML + JavaScriptへ 静 岡 理 工 科 大 学 総 合 情 報 学 部 コンピュータシステム 学 科 幸 谷 智 紀 (こうや とものり) http://na-inet.jp/ 今 日 のメニュー 1. コンピュータ 環 境 と 本 日 のゴールの 確 認 2. PHPプログラムを 実 行 してみる 3. HTMLで 自

More information

競 合 ショップとの 差 別 化 するために ボクのショップにオリジナル 性 を 出 したいんだけど 何 かオススメの 方 法 ないかな? 前 にも 教 えたことのある HTML CSS を 使 うと 文 字 を 大 きくした り 色 を 付 けたり サイトのデザインを 自 由 に 変 更 できるよ

競 合 ショップとの 差 別 化 するために ボクのショップにオリジナル 性 を 出 したいんだけど 何 かオススメの 方 法 ないかな? 前 にも 教 えたことのある HTML CSS を 使 うと 文 字 を 大 きくした り 色 を 付 けたり サイトのデザインを 自 由 に 変 更 できるよ このコーナーは HTML CSS のことならなんでもおまかせの マリー と うさぎ 界 No.1 とも 言 われているデザイナー ナムー が WEB ページ 作 成 の コツを 解 説 していきます 少 し 専 門 的 な 内 容 も 含 まれていますが 分 からない ことは 積 極 的 に 調 べて 1つ1つスキルアップをしていきましょう! マリー HTML CSS のプロフェッショナル うさぎだけど

More information

Microsoft Word - メディア技術基礎.docx

Microsoft Word - メディア技術基礎.docx メディア 技 術 基 礎 (Web) 脇 田 玲 先 生 (2010) 田 中 浩 也 (2011) HTML の 基 本 的 な 書 き 方 テキストエディタで index.html を 作 成 して 以 下 のサンプルを 入 力 してみましょう 始 めの 2 行 は HTML を 書 く 前 のおまじないの 様 なものです ここで 登 場 する HTML タグについての 説 明 は 以 下 の

More information

...... ......

More information

1

1 目 次 はじめに... 2 音 声 ブラウザの 読 み 上 げ 手 順... 2 音 声 ブラウザへの 具 体 的 な 対 応 方 法... 3 1. 基 本 言 語 3 2.スペースの 挿 入 と 改 行 (タグ)の 挿 入 3 3. 取 り 消 し 線 4 4. 記 号 などの 表 記 4 5. 英 単 語 5 6. 数 字 5 7.イメージマップ 6 8. 表 組 み 6 9.PDF

More information

Microsoft PowerPoint - 2016_2b-DOM.pptx

Microsoft PowerPoint - 2016_2b-DOM.pptx < 練 習 2-11> DOMの 空 白 ノード 2_nodeVisit の 実 行 結 果 ( 前 ページ)から,HTML をルート 要 素 とするDOMの 木 構 造 を 示 しなさい ただし, 空 白 ノードは 空 白,その 他 のテキストノードは テキスト とすること HTML DOMによる 文 書 データの 参 照 と 変 更 DOMツリー 内 のノード 参 照 相 対 位 置 によるノード

More information

(Microsoft Word - CSS\202P\201i\212\356\226{\202P_.doc)

(Microsoft Word - CSS\202P\201i\212\356\226{\202P_.doc) スタイルシート ( 第 1 章 基 礎 1) HTMLはWeb 作 成 用 の 言 語 ですが 文 字 飾 りがかなり 貧 弱 です そこを 強 化 した ものがスタイルシートと 言 われるものです さらにスタイルシートには HTMLでは 出 来 ないような 仕 組 みも 取 り 入 れられています スタイルシートよりレベルの 高 い 技 術 は JavaScript ですが スタイルシートの 仕

More information

ソトログ管理画面マニュアル

ソトログ管理画面マニュアル WordPress2.9 管 理 マニュアル 1 2 3 4 5 1 新 規 投 稿 ( 新 着 情 報 トピックス 等 の 新 規 投 稿 ) ショートカットです コメントの 確 認 下 書 きの 確 認 新 規 ページ 作 成 画 像 などのアップロードが 可 能 です ユーザー 名 (ここではadminとなっております) ターボ ログインしているユーザー 名 が 表 示 されます クリックするとプロフィール

More information

m_sotsuron

m_sotsuron iphone Web 0848066 1. 1 1 1 2 iphone 2 3 2 4 3 2. 3 1 3 2 iphone Web 6 3 HTML 10 4 CSS 12 5 iphone 14 6 15 7 16 8 ipad 18 3. 22 iphone Web Web 2 iphone Web iphone iphone Web iphone Web PC 1 2000 iphone

More information

ToolTip for ASP.NET Web Forms

ToolTip for ASP.NET Web Forms 2015.05.20 更 新 グレープシティ 株 式 会 社 目 次 製 品 の 概 要 2 ComponentOne Studio for ASP.NET Web Forms のヘルプ 2 主 な 特 長 3 クイックスタート 4 手 順 1:アプリケーションの 作 成 4 手 順 2:C1ToolTip の 作 成 とコントロールへの 割 り 当 て 4 手 順 3:コントロールのカスタマイズ

More information

LibreOffice Presentation Template (Community)

LibreOffice Presentation Template (Community) LibreOffice マクロの 概 要 と 実 用 例 谷 列 樹 株 式 会 社 アシスト 2015/07/17 OSS オフィスフェスタ 1 K.K. Ashisuto はじめに 発 表 者 は 2013 年 - 2014 年 にかけて 日 経 Linux 誌 で LibreOffice マクロ 記 事 を 連 載 していました 今 回 は LibreOffice マクロの 概 要 と その

More information

目 次 1. 携 帯 対 応 登 録 ページ... 2 1-1 機 能 概 要... 2 1-2 設 定 方 法... 3 2. 登 録 情 報 変 更 ページ... 4 2-1 機 能 概 要... 4 2-2 設 定 方 法... 4 3. 登 録 情 報 変 更 ページ + 配 信 再 開..

目 次 1. 携 帯 対 応 登 録 ページ... 2 1-1 機 能 概 要... 2 1-2 設 定 方 法... 3 2. 登 録 情 報 変 更 ページ... 4 2-1 機 能 概 要... 4 2-2 設 定 方 法... 4 3. 登 録 情 報 変 更 ページ + 配 信 再 開.. PowerStepMail Regist Manual パワーステップメール レジストマニュアル 2015/03/10 改 定 株 式 会 社 ビズクリエイト 目 次 1. 携 帯 対 応 登 録 ページ... 2 1-1 機 能 概 要... 2 1-2 設 定 方 法... 3 2. 登 録 情 報 変 更 ページ... 4 2-1 機 能 概 要... 4 2-2 設 定 方 法... 4 3.

More information

(Microsoft Word - \215u\213`\203m\201[\203g20090703.doc)

(Microsoft Word - \215u\213`\203m\201[\203g20090703.doc) 2009/07/03 前 回 のおさらい 関 数 確 認 問 題 水 尾 作 成 の Excel 基 本 動 作 練 習 用 ファイルの 表 タイトルなし を 用 いて 次 の 指 示 を 実 際 に 完 成 させよ 1 セル M50 に セル L50:L54 の 合 計 数 値 をセル K50 の 数 値 で 割 った 結 果 を 表 示 できるよう に 関 数 を 設 定 せよ 2 M50 に

More information

■新聞記事

■新聞記事 情 報 処 理 C (P.1) 情 報 処 理 C (2016 年 度 ) ホームページ 作 成 入 門 テキストエディタ(メモ 帳 TeraPad など)でHTMLファイルを 作 成 する HTML(Hyper Text Markup Language ) ホームページを 記 述 するための 言 語 のこと テキストエディタの 起 動 (TeraPad の 場 合 ) [スタート]-[プログラム]-[テキストエディタ]-[TeraPad]

More information

Excel 2010 の 使 用 を 開 始 する 長 い 間 Microsoft Excel 2003 を 使 用 していたユーザーが Excel 2010 に 移 行 する と Excel 2003 のコマンドやツール バー ボタンがどこにあるのかわからなくなることがよ くあります そのため ト

Excel 2010 の 使 用 を 開 始 する 長 い 間 Microsoft Excel 2003 を 使 用 していたユーザーが Excel 2010 に 移 行 する と Excel 2003 のコマンドやツール バー ボタンがどこにあるのかわからなくなることがよ くあります そのため ト このガイドの 内 容 Microsoft Excel 2010 の 外 観 は Excel 2003 と 大 きく 異 なるため Excel 2003 のユーザーが 少 しでも 早 く 慣 れることができるようにこのガイドが 作 られました このガイドを 読 むと 新 しいインターフェイスの 主 な 要 素 について 学 んだり Excel 2010 の 無 償 のトレーニングを 見 つけたり *

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 1 山 都 町 移 住 定 住 サイト マイホームページ 操 作 説 明 書 平 成 26 年 3 月 10 日 2 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 センター 承 認 公 開 申 請 ホームページ 作 成 ホームページ 作 成 の4つのステップ 1 ホームページの 設 定 (p4) 2 レイアウト

More information

コンテンツ制作ガイド

コンテンツ制作ガイド ( 別 冊 4) 文 化 デジタルライブラリー コンテンツ 制 作 ガイド( 平 成 24 年 版 ) 平 成 24 年 5 月 独 立 行 政 法 人 日 本 芸 術 文 化 振 興 会 Ⅰ. 技 術 的 要 件 (1)ハードウェア 要 件 1. 搭 載 CPU:Pentium4 相 当 以 上 /メインメモリ:1GB 程 度 の Windows PC で 閲 覧 が 可 能 なこと ディスプレイは

More information

もくじ

もくじ AutoBiz StartUp Manual オートビズ スタートアップマニュアル (ステップメール) 1 目 次 管 理 画 面 の 構 成 と 基 礎 知 識 を 理 解 しよう... 4 管 理 画 面 の 構 成 について... 4 基 礎 知 識 について... 5 シナリオとは?... 5 ステップメールとは?... 5 読 者 の 登 録 方 法 を 選 ぼう... 6 その 1.フォームを

More information

目 次 1. Internet Explorer の 設 定 3 2. NetISMS ナビゲータへのログイン 15 3. ActiveX コントロールのインストール 17 4. Internet Explorer 以 外 の 設 定 18 1

目 次 1. Internet Explorer の 設 定 3 2. NetISMS ナビゲータへのログイン 15 3. ActiveX コントロールのインストール 17 4. Internet Explorer 以 外 の 設 定 18 1 NetISMS システム 端 末 設 定 ガイド 注 意 事 項 各 社 各 部 門 等 でのセキュリティ 上 の 規 定 と 相 反 する 場 合 があります 必 ずご 自 身 の 使 用 する PC 端 末 のセキュリティ 管 理 者 等 にご 確 認 願 います 第 4.0 版 2016 年 7 月 1 日 目 次 1. Internet Explorer の 設 定 3 2. NetISMS

More information

資 料 について 本 資 料 は プレゼンテーションソフト Power Point(パワーポイント)の 基 本 的 な 使 い 方 をまとめたものです はじめの 準 備 1 起 動 すると 右 のような 画 面 が 表 示 されます [ 新 しいプレゼンテーション]をクリックします 2 画 面 上

資 料 について 本 資 料 は プレゼンテーションソフト Power Point(パワーポイント)の 基 本 的 な 使 い 方 をまとめたものです はじめの 準 備 1 起 動 すると 右 のような 画 面 が 表 示 されます [ 新 しいプレゼンテーション]をクリックします 2 画 面 上 平 成 28 年 8 月 25 日 名 古 屋 市 立 桜 丘 中 学 校 名 古 屋 市 情 報 教 育 研 究 会 全 体 研 修 会 資 料 - 0 - 資 料 について 本 資 料 は プレゼンテーションソフト Power Point(パワーポイント)の 基 本 的 な 使 い 方 をまとめたものです はじめの 準 備 1 起 動 すると 右 のような 画 面 が 表 示 されます [ 新

More information

Microsoft PowerPoint - ppt20071210

Microsoft PowerPoint - ppt20071210 情 報 リテラシーB プレゼンテーション 入 門 2007/12/9 情 報 リテラシーB 第 9 回 1 プレゼンテーションとは プレゼンテーションとは 自 分 の 持 つ 知 識 や 考 え 方 を 相 手 に 正 しく 分 かり やすく 伝 えることを 目 的 とした 行 動 である 目 的 を 達 成 するためには まず 聞 き 手 の 立 場 にた ち 話 す 内 容 を 組 み 立 て

More information

1-2 PDF ファイルの 編 集 テキストを 追 加 画 像 を 追 加 リンクを 追 加 コメントの 追 加 図 形 標 記 の 追 加 注 釈 の 非 表 示 PDF ページの 処 理 PDF ファイルに 透 かしを 追 加 PDF ファイルの 背 景 の 編 集 ベイツ 番 号 の 編 集

1-2 PDF ファイルの 編 集 テキストを 追 加 画 像 を 追 加 リンクを 追 加 コメントの 追 加 図 形 標 記 の 追 加 注 釈 の 非 表 示 PDF ページの 処 理 PDF ファイルに 透 かしを 追 加 PDF ファイルの 背 景 の 編 集 ベイツ 番 号 の 編 集 スーパーPDF 変 換 編 集 作 成 (Windows 版 ) 製 品 ガイド ご 登 録 に 関 する 注 意 事 項 : 登 録 メールのメールアドや 登 録 コードなどの 情 報 をコピー&ペーストする 際 には スペースがないことをご 確 認 お 願 いいたします ほかご 登 録 時 に 何 かご 問 題 がありましたら 弊 社 サポートセンター http://www.wondershare.jp/ask-a-question.html

More information

タグの 内 側 で 関 数 を 定 義 してタグ 側 で 実 行 することもできます <TITLE>JavaScript サンプル</TITLE> function write(str) { document.write(str); } write('hello World!'); 上 例 のように

タグの 内 側 で 関 数 を 定 義 してタグ 側 で 実 行 することもできます <TITLE>JavaScript サンプル</TITLE> function write(str) { document.write(str); } write('hello World!'); 上 例 のように 情 報 メディアとインターネット 授 業 資 料 (2011.7.4) 1.HTML の 基 本 HTML ファイルというのは 例 えば 以 下 のような 内 容 のテキストファイルです 拡 張 子 を.html また は.htm とするのが 普 通 で Web ブラウザで 読 み 込 まれて 中 身 の 表 示 が 行 われます Simple HTML File Hello

More information

第 11 問 画 像 が 多 いウェブページに HTTP1.0 でアクセスする 場 合 クライアント サーバ 間 のコネクション 数 も 多 くなる 第 12 問 新 しい VDT 作 業 における 労 働 衛 生 管 理 のためのガイドライン では 1. 対 象 となる 作 業 2. 作 業 環

第 11 問 画 像 が 多 いウェブページに HTTP1.0 でアクセスする 場 合 クライアント サーバ 間 のコネクション 数 も 多 くなる 第 12 問 新 しい VDT 作 業 における 労 働 衛 生 管 理 のためのガイドライン では 1. 対 象 となる 作 業 2. 作 業 環 1. 各 設 問 において 正 しいと 思 われるものは1を 間 違 っていると 思 われるものは 2 を 該 当 設 問 の 解 答 欄 に 記 せ 第 1 問 ウェブブラウザはユーザエージェントの 一 つである 第 2 問 イーサネットとは 1000BASE-T の 規 格 のみをさす 第 3 問 JavaScript で 記 述 されたコードは ウェブブラウザに 内 臓 されている Java

More information

Google Analytics とは(1) Google Analytics は 無 料 で 利 用 できる 高 機 能 アクセス 解 析 ツールです ページビュー 参 照 元 検 索 キーワードはもちろん 各 参 照 元 や 検 索 キーワード 別 の 売 上 金 額 や 売 上 件 数 等 ネ

Google Analytics とは(1) Google Analytics は 無 料 で 利 用 できる 高 機 能 アクセス 解 析 ツールです ページビュー 参 照 元 検 索 キーワードはもちろん 各 参 照 元 や 検 索 キーワード 別 の 売 上 金 額 や 売 上 件 数 等 ネ レンタルショッピングカートマニュアル ~ Google Analy+cs 編 ~ Google Analytics とは(1) Google Analytics は 無 料 で 利 用 できる 高 機 能 アクセス 解 析 ツールです ページビュー 参 照 元 検 索 キーワードはもちろん 各 参 照 元 や 検 索 キーワード 別 の 売 上 金 額 や 売 上 件 数 等 ネットショップ 運 営

More information

Microsoft PowerPoint - 08回目.pptx

Microsoft PowerPoint - 08回目.pptx 1 コンピュータリテラシーII ( 樋 口 担 当 ) 4 回 目 10/17 本 日 の 予 定 2 Webページの 作 成 ( 続 き) I.スタイルシート II.レイアウト III. 課 題 3 I.スタイルシート 1.スタイルシート 4 スタイルシート: 文 書 のスタイルの 設 定 が 書 かれているデータ CSS:スタイルシートの 書 き 方 ( 言 語 )の 一 つ Cascading

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション ホームページの 基 礎 IPアドレス インターネットへの 接 続 に 必 要 なネットワーク 上 のアドレス こ のアドレスは0から255までの4 組 に 数 字 で 表 されます ( 例 192.168.1.1) URL IPアドレスはホームページの 場 所 を 示 す 住 所 です たとえば 220.133.0.1に 接 続 しようとして ブラウザーのURLに 220.133.0.1と 入 れればいいのですが

More information

以下は、愛媛大学教育・学生支援機構教育開発センター教育開発部編、

以下は、愛媛大学教育・学生支援機構教育開発センター教育開発部編、 授 業 科 目 プログラミングの 基 礎 開 講 時 期 前 期 担 当 教 員 一 ノ 瀬 元 史 単 位 1 社 会 になくてはならないコンピュータの 仕 組 みを 知 るためにプログラミングについて 学 習 をする 論 理 的 思 考 のトレー ニングとしたい アルゴリズムが 理 解 できる コンパイラが 理 解 できる C 言 語 の 取 りかかりをつかむ プログラムの 動 作 イメージが

More information

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 Active! mail 6.52 ユーザーズマニュアル(スマートフォン 版 ) Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 権 の 侵 害 とな

More information

Peace & Piece 画面設計書

Peace & Piece 画面設計書 ホームページ 仕 様 書 株 式 会 社 目 次 1. 更 新 履 歴 2. 構 成 図 3. 制 作 における 基 本 事 項 4. 画 面 設 計 の 定 義 ルール 5. 各 画 面 仕 様 設 計 6. 仕 様 書 確 定 の 合 意 更 新 履 歴 更 新 日 付 更 新 箇 所 更 新 内 容 構 成 図 A-1 トップページ 会 社 サービス 特 徴 コンテンツ サブコンテンツ その

More information

<5461726F2D93648E718E868EC58B8F30332E6A7464>

<5461726F2D93648E718E868EC58B8F30332E6A7464> PowerPointで 電 子 紙 芝 居 を 作 ろう! Microsoft Office Power Point 2003 を 用 いて 電 子 紙 芝 居 を 作 成 します 主 に, 画 像 の 挿 入 や オートシェイプ, クリップアート, アニメーションの 設 定, 画 面 の 切 り 替 え 効 果 機 能 を 用 います また,プロジェクタで 投 影 して 電 子 紙 芝 居 として

More information