https://wiki.kohga.tokyo/api.php?action=feedcontributions&feedformat=atom&user=192.168.200.111
Wiki@KDS - 利用者の投稿記録 [ja]
2026-04-15T23:38:12Z
利用者の投稿記録
MediaWiki 1.42.3
https://wiki.kohga.tokyo/index.php?title=%E7%94%B0%E4%B8%AD%E7%BE%8E%E8%A3%95&diff=8528
田中美裕
2016-03-07T00:51:51Z
<p>192.168.200.111: ページの作成: 田中 美裕(タナカ ミユ) 入社日：2016/3/7 出身地：横浜市 現住所：江戸川区 誕生日：1995/4/15 趣味：ゲーム、映画鑑賞、遊園地 本日...</p>
<hr />
<div>田中 美裕(タナカ ミユ)<br />
<br />
入社日：2016/3/7<br />
<br />
出身地：横浜市<br />
現住所：江戸川区<br />
<br />
誕生日：1995/4/15<br />
趣味：ゲーム、映画鑑賞、遊園地<br />
<br />
本日よりよろしくお願い致します。</div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%82%B9%E3%82%BF%E3%83%83%E3%83%95%E7%B4%B9%E4%BB%8B&diff=8527
スタッフ紹介
2016-03-07T00:38:26Z
<p>192.168.200.111: </p>
<hr />
<div>東京DSオフィス所属のスタッフ紹介です。座席は[[東京オフィス座席表]]でご確認ください。<br><br><br />
※このページは社内からしか見れません。社外からはアクセスできません。<br><br />
<br />
==スタッフ一覧==<br />
*[[千葉宏治]] (チバ コウジ)<br />
*[[由良雄飛]] (ユラ ユウヒ)<br />
*[[倉田健太郎]] (クラタ ケンタロウ)<br />
*[[中村友美]] (ナカムラ トモミ) ※産休中<br />
*[[古口真澄]] (コグチ マスミ)<br />
*[[小泉吉生]] (コイズミ ヨシオ)<br />
*[[鈴木恵美子]] (スズキ エミコ)<br />
*[[香取美奈子]] (カトリ ミナコ) ※産休中<br />
*[[高橋裕美]] (タカハシ ユミ)<br />
*[[浅沼千春]] (アサヌマ チハル)<br />
*[[濵名裕幸]] (ハマナ ヒロユキ)<br />
*[[田邊裕美子]] (タナベ ユミコ)<br />
*[[古田智子]] (フルタ トモコ)<br />
*[[福岡広治]] (フクオカ コウジ)<br />
*[[前原稔]] (マエハラ ミノル)<br />
*[[坂井隆史]] (サカイ タカシ)<br />
*[[田辺裕紀]] (タナベ ユウキ)<br />
*[[八木雄一郎]] (ヤギ ユウイチロウ)<br />
*[[渡辺さやか]] (ワタナベ サヤカ)<br />
*[[菊入賢作]] (キクイリ ケンサク)<br />
*[[浅古絹代]] (アサコ キヌヨ)<br />
*[[染野ゆう子]] (ソメノ ユウコ)<br />
*[[鈴木真由美]] (スズキ マユミ)<br />
*[[草薙美玲]] (クサナギ ミレイ)<br />
*[[松本充広]] (マツモト ミチヒロ)<br />
*[[松本春香]] (マツモト ハルカ)<br />
*[[太田健一]] (オオタ ケンイチ)<br />
*[[吉岡剛]] (ヨシオカ ゴウ)<br />
*[[宮崎稚早]] (ミヤザキ チハヤ)<br />
*[[生源寺珠貴]] (ショウゲンジ タマキ)<br />
*[[大谷沙羅]] (オオタニ サラ)<br />
*[[小田島茉里]] (オダシマ マリ)<br />
*[[高野阿弓]] (コウノ アユミ)<br />
*[[石本かすみ]] (イシモト カスミ)<br />
*[[土井麻美]] (ドイ マミ)<br />
*[[近藤政志]] (コンドウ マサシ)<br />
*[[田中美裕]] (タナカ ミユ)<br />
<br />
※[[OB・OG]]はこちら<br />
<br />
==名古屋==<br />
*[[大山洋介]] (オオヤマ ヨウスケ)<br />
<br />
==出向中==<br />
*[[宮地裕子]] (ミヤチ ユウコ)<br />
*[[増田聖子]] (マスダ セイコ)<br />
*[[福森孝二]] (フクモリ コウジ)<br />
*[[川端なな]] (カワバタ ナナ)<br />
<br />
==助っ人==<br />
*[[吉岡重歩]] (ヨシオカ シゲホ)※2011年5月9日～8月31日まで<br />
*[[宮崎大介]] (ミヤザキ ダイスケ)※2010年2月15日～18日<br />
*[[藪田晋平]] (ヤブタ シンペイ)※2010年2月15日～18日<br />
*[[太田正弘]] (オオタ マサヒロ)※2009年6月9日～12日<br><br />
<br />
==関連項目==<br />
*[[無人島に持っていく漫画]]<br />
*[[無人島に持っていくCD]]<br />
*[[無人島に持っていくビデオ・DVD]]<br />
*[[無人島に持っていくゲームソフト]]</div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E7%94%9F%E6%BA%90%E5%AF%BA%E7%8F%A0%E8%B2%B4&diff=8239
生源寺珠貴
2015-01-29T03:15:31Z
<p>192.168.200.111: </p>
<hr />
<div>生源寺 珠貴(ショウゲンジ タマキ)：shogenji@kohga.co.jp<br />
<br />
入社日：2015年1月29日 派遣入社 <br />
<br />
出身：東京都 <br />
<br />
誕生日：1980年6月9日 <br />
<br />
趣味：アウトドア全般、夏はフェス（フジロック毎年行っています）冬はスキー、旅行も好きです。<br />
<br />
飼い猫との朝の猫タイムが日課です。<br />
<br />
苗字について良く聞かれるのですが、<br />
<br />
お寺ではなく、滋賀にある日吉大社という神社の神主を代々やっていた家系です。<br />
<br />
興味ある方はGoogleで「生源寺」と検索していただけると、我が家の家系図が見られます。<br />
<br />
前職は六本木のIT系企業（ラブライブのゲームがそこそこヒットしてます）で<br />
<br />
携帯サイトの企画・運用のサポートをしておりました。<br />
<br />
Webサイト運用の経験はあまり無いので色々と勉強していきたいと思います。<br />
<br />
どうぞよろしくお願いいたします。</div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E7%94%9F%E6%BA%90%E5%AF%BA%E7%8F%A0%E8%B2%B4&diff=8238
生源寺珠貴
2015-01-29T03:14:49Z
<p>192.168.200.111: </p>
<hr />
<div>生源寺 珠貴(ショウゲンジ タマキ)：shogenji@kohga.co.jp<br />
<br />
入社日：2015年1月29日 派遣入社 <br />
<br />
出身：東京都 <br />
<br />
誕生日：1980年6月9日 <br />
<br />
趣味：アウトドア全般、夏はフェス（フジロック毎年行っています）冬はスキー、旅行も好きです。<br />
飼い猫との朝の猫タイムが日課です。<br />
<br />
苗字について良く聞かれるのですが、お寺ではなく、<br />
滋賀にある日吉大社という神社の神主を代々やっていた家系です。<br />
興味ある方はGoogleで「生源寺」と検索していただけると、我が家の家系図が見られます。<br />
<br />
前職は六本木のIT系企業（ラブライブのゲームがそこそこヒットしてます）で携帯サイトの企画・運用のサポートをしておりました。<br />
Webサイト運用の経験はあまり無いので色々と勉強していきたいと思います。<br />
どうぞよろしくお願いいたします。</div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%95%E3%83%A9%E3%83%83%E3%83%88%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8062
フラットデザイン
2014-04-28T03:35:02Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
フラットデザインについてのまとめです。<br />
<br />
==フラットデザインの特徴==<br />
<br />
いわゆる凝った作りを「リッチデザイン」といい、その方向性に反する形で注目されているのが「フラットデザイン」である。<br />
<br />
<br />
===～フラットデザインの特徴～===<br />
<br />
*・ドロップシャドウやグラデーションによって立体感を表現しない。<br />
*・グラデーションやテクスチャを使って素材感を表現せず、単色を使用する。<br />
*・強いハイライトで光沢や反射を表現しない。<br />
*・現実世界にあるものをリアルに表現せず、抽象的に表現する。<br />
*・罫線、枠線、囲み、角丸はあまり用いず、余白を活用する。<br />
<br />
<br />
==スマートフォン普及によるフラットデザインの必要性==<br />
<br />
フラットデザインが注目されるようになった背景にはスマートフォンの普及がある。<br><br />
<br><br />
スマートフォンによるタッチ操作は、マウスクリックのようにポイントを正確に示すことが難しく、タップの瞬間はボタンが隠れてしまう。したがって、タッチで操作しやすくするには、必然的にタップする領域を大きくする必要がある。<br><br />
<br><br />
その際、過剰に装飾された立体的なデザインがスマートフォンの小さな画面上に並ぶと、ゴチャゴチャして複雑さが増してしまい、UIとしては使い勝手が悪い。いわゆる「暑苦しいデザイン」だと、スマートフォンではユーザーに負担がかかってしまう。<br><br />
<br><br />
そういった観点から見て、シンプルなUIとしてのフラットデザインが求められるようになった。<br><br />
<br />
<br />
==PCとスマートフォンの閲覧環境の違い==<br />
<br />
PCとスマートフォンでは閲覧環境やユーザーの行動特性が大きく異なる。<br><br><br />
<br />
*・スマートフォンはPCに比べて画面が小さい。<br />
*・スマートフォンはタッチで操作する。（ロールオーバーがない）<br />
*・PCに比べてスクロールしやすい。（ドラッグによる加速スクロールができ、長いページも閲覧しやすい）<br />
*・ピンチアウト操作で、ページを拡大して見ることができる。<br />
*・高解像度ディスプレイが搭載されているものが多い。<br />
*・ユーザー数と使用時間が拡大した。（ユーザーが常に端末を持っていて、どこでも閲覧できる）<br />
<br />
<br />
==レイアウトがシンプルになった理由==<br />
<br />
フラットデザインでは1カラムレイアウトが多いが、それは下記の理由がある。<br><br><br />
<br />
*・PCサイトではスクロールは嫌われるため、一覧性を重視し、ファーストビューに(ナビゲーションも含めた)重要な情報を収める必要があった。<br />
<br />
*・タッチデバイスは画面が小さく、なぞるだけで簡単にスクロールできる。そのため、PCに比べてスクロールが普通の動作として浸透している。<br />
<br />
*・小さい画面でスクロールを前提にすると、1ページの流れは1本にするのが好ましい。<br />
<br><br />
<br />
上記のような理由で、段組みを使った複雑なレイアウトから、ワンカラムのレイアウトに移行する例が増えた。<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%95%E3%83%A9%E3%83%83%E3%83%88%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8061
フラットデザイン
2014-04-28T03:30:04Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
フラットデザインについてのまとめです。<br />
<br />
==フラットデザインの特徴==<br />
<br />
いわゆる凝った作りを「リッチデザイン」といい、その方向性に反する形で注目されているのが「フラットデザイン」である。<br />
<br />
<br />
===■フラットデザインの特徴===<br />
<br />
*・ドロップシャドウやグラデーションによって立体感を表現しない。<br />
*・グラデーションやテクスチャを使って素材感を表現せず、単色を使用する。<br />
*・強いハイライトで光沢や反射を表現しない。<br />
*・現実世界にあるものをリアルに表現せず、抽象的に表現する。<br />
*・罫線、枠線、囲み、角丸はあまり用いず、余白を活用する。<br />
<br />
<br />
==スマートフォン普及によるフラットデザインの必要性==<br />
<br />
フラットデザインが注目されるようになった背景にはスマートフォンの普及がある。<br><br />
<br><br />
スマートフォンによるタッチ操作は、マウスクリックのようにポイントを正確に示すことが難しく、タップの瞬間はボタンが隠れてしまう。したがって、タッチで操作しやすくするには、必然的にタップする部分を大きくする必要がある。<br><br />
<br><br />
その際、過剰に装飾された立体的なデザインがスマートフォンの小さな画面に並ぶと、ゴチャゴチャして複雑さが増してしまい、UIとしては使い勝手が悪い。いわゆる暑苦しいデザインだとどうしてもユーザーに負担がかかる。<br><br />
<br><br />
そういった観点から見て、シンプルなUIとしてのフラットデザインが求められるようになった。<br><br />
<br />
<br />
==PCとスマートフォンの閲覧環境の違い==<br />
<br />
*・スマートフォンはPCに比べて画面が小さい。<br />
*・スマートフォンはタッチで操作する。（ロールオーバーがない）<br />
*・PCに比べてスクロールしやすい。（ドラッグによる加速スクロールができ、長いページも閲覧しやすい）<br />
*・ピンチアウト操作で、ページを拡大して見ることができる。<br />
*・高解像度ディスプレイが搭載されているものが多い。<br />
*・ユーザー数と使用時間が拡大した。（ユーザーが常に端末を持っていて、どこでも閲覧できる）<br />
<br />
<br />
==レイアウトがシンプルになった理由==<br />
<br />
フラットデザインでは1カラムレイアウトが多いが、それは下記の理由がある。<br><br><br />
<br />
*・PCサイトではスクロールは嫌われるため、一覧性を重視し、ファーストビューに(ナビゲーションも含めた)重要な情報を収める必要があった。<br />
<br />
*・タッチデバイスは画面が小さく、なぞるだけで簡単にスクロールできる。そのため、PCに比べてスクロールが普通の動作として浸透している。<br />
<br />
*・小さい画面でスクロールを前提にすると、1ページの流れは1本にするのが好ましい。<br />
<br><br />
<br />
上記のような理由で、段組みを使った複雑なレイアウトから、ワンカラムのレイアウトに移行する例が増えた。<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%95%E3%83%A9%E3%83%83%E3%83%88%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8060
フラットデザイン
2014-04-28T02:15:58Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
フラットデザインについてのまとめです。<br />
<br />
==フラットデザインの特徴==<br />
<br />
いわゆる凝った作りを「リッチデザイン」といい、その方向性に反する形で注目されているのが「フラットデザイン」である。<br />
<br />
<br />
===■フラットデザインの特徴===<br />
<br />
*・ドロップシャドウやグラデーションによって立体感を表現しない。<br />
*・グラデーションやテクスチャを使って素材感を表現せず、単色を使用する。<br />
*・強いハイライトで光沢や反射を表現しない。<br />
*・現実世界にあるものをリアルに表現せず、抽象的に表現する。<br />
*・罫線、枠線、囲み、角丸はあまり用いず、余白を活用する。<br />
<br />
<br />
==スマートフォン普及によるフラットデザインの必要性==<br />
<br />
フラットデザインが注目されるようになった背景にはスマートフォンの普及がある。<br><br />
<br><br />
スマートフォンによるタッチ操作は、マウスクリックのようにポイントを正確に示すことが難しく、タップの瞬間はボタンが隠れてしまう。したがって、タッチで操作しやすくするには、必然的にタップする部分を大きくする必要がある。<br><br />
<br><br />
その際、過剰に装飾された立体的なデザインがスマートフォンの小さな画面に並ぶと、ゴチャゴチャして複雑さが増してしまい、UIとしては使い勝手が悪い。いわゆる暑苦しいデザインだとどうしてもユーザーに負担がかかる。<br><br />
<br><br />
そういった観点から見て、シンプルなUIとしてのフラットデザインが求められるようになった。<br><br />
<br />
<br />
==PCとスマートフォンの閲覧環境の違い==<br />
<br />
*・スマートフォンはPCに比べて画面が小さい。<br />
*・スマートフォンはタッチで操作する。（ロールオーバーがない）<br />
*・PCに比べてスクロールしやすい。（ドラッグによる加速スクロールができ、長いページも閲覧しやすい）<br />
*・ピンチアウト操作で、ページを拡大して見ることができる。<br />
*・高解像度ディスプレイが搭載されているものが多い。<br />
*・ユーザー数と使用時間が拡大した。（ユーザーが常に端末を持っていて、どこでも閲覧できる）<br />
<br />
<br />
==レイアウトがシンプルになった理由==<br />
<br />
フラットデザインでは1カラムのレイアウトが多いが、それは以下のように理由である。<br><br><br />
<br />
*・PCサイトではスクロールは嫌われるため、ファーストビューに重要な情報を収める必要性があった。<br />
<br />
*・タッチデバイスの場合、画面をのぞるだけでスクロールできるので、PCに比べてスクロールの抵抗がない。<br />
<br />
*・スマートフォンだと元々画面が小さいので、スクロールしながら見るのが普通の動作になっている。<br />
<br />
*・スクロールを前提にすると、ナビゲーションを減らすことができし、1ページの流れは1本にしたい。<br />
<br />
*・そういう流れで段組を使った複雑なレイアウトから、ワンカラムのレイアウトに移行する例が増えた。<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%95%E3%83%A9%E3%83%83%E3%83%88%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8059
フラットデザイン
2014-04-28T02:14:21Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
フラットデザインについてのまとめです。<br />
<br />
==フラットデザインの特徴==<br />
<br />
いわゆる凝った作りを「リッチデザイン」といい、その方向性に反する形で注目されているのが「フラットデザイン」である。<br />
<br />
<br />
===■フラットデザインの特徴===<br />
<br />
*・ドロップシャドウやグラデーションによって立体感を表現しない。<br />
*・グラデーションやテクスチャを使って素材感を表現せず、単色を使用する。<br />
*・強いハイライトで光沢や反射を表現しない。<br />
*・現実世界にあるものをリアルに表現せず、抽象的に表現する。<br />
*・罫線、枠線、囲み、角丸はあまり用いず、余白を活用する。<br />
<br />
<br />
==スマートフォン普及によるフラットデザインの必要性==<br />
<br />
フラットデザインが注目されるようになった背景にはスマートフォンの普及がある。<br><br />
<br><br />
スマートフォンによるタッチ操作は、マウスクリックのようにポイントを正確に示すことが難しく、タップの瞬間はボタンが隠れてしまう。したがって、タッチで操作しやすくするには、必然的にタップする部分を大きくする必要がある。<br><br />
<br><br />
その際、過剰に装飾された立体的なデザインがスマートフォンの小さな画面に並ぶと、ゴチャゴチャして複雑さが増してしまい、UIとしては使い勝手が悪い。いわゆる暑苦しいデザインだとどうしてもユーザーに負担がかかる。<br><br />
<br><br />
そういった観点から見て、シンプルなUIとしてのフラットデザインが求められるようになった。<br><br />
<br />
<br />
==PCとスマートフォンの閲覧環境の違い==<br />
<br />
*・スマートフォンはPCに比べて画面が小さい。<br />
*・スマートフォンはタッチで操作する。（ロールオーバーがない）<br />
*・PCに比べてスクロールしやすい。（ドラッグによる加速スクロールができ、長いページも閲覧しやすい）<br />
*・ピンチアウト操作で、ページを拡大して見ることができる。<br />
*・高解像度ディスプレイが搭載されているものが多い。<br />
*・ユーザー数と使用時間が拡大した。（ユーザーが常に端末を持っていて、どこでも閲覧できる）<br />
<br />
<br />
==レイアウトがシンプルになった理由==<br />
<br />
*・PCサイトではスクロールは嫌われるため、ファーストビューに重要な情報を収める必要性があった。<br />
<br />
*・タッチデバイスの場合、画面をのぞるだけでスクロールできるので、PCに比べてスクロールの抵抗がない。<br />
<br />
*・スマートフォンだと元々画面が小さいので、スクロールしながら見るのが普通の動作になっている。<br />
<br />
*・スクロールを前提にすると、ナビゲーションを減らすことができし、1ページの流れは1本にしたい。<br />
<br />
*・そういう流れで段組を使った複雑なレイアウトから、ワンカラムのレイアウトに移行する例が増えた。<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%95%E3%83%A9%E3%83%83%E3%83%88%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8058
フラットデザイン
2014-04-28T02:04:20Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
フラットデザインについてのまとめです。<br />
<br />
==フラットデザインの特徴==<br />
<br />
いわゆる凝った作りを「リッチデザイン」といい、その方向性に反する形で注目されているのが「フラットデザイン」である。<br />
<br />
<br />
===■フラットデザインの特徴===<br />
<br />
*・ドロップシャドウやグラデーションによって立体感を表現しない。<br />
*・グラデーションやテクスチャを使って素材感を表現せず、単色を使用する。<br />
*・強いハイライトで光沢や反射を表現しない。<br />
*・現実世界にあるものをリアルに表現せず、抽象的に表現する。<br />
*・罫線、枠線、囲み、角丸はあまり用いず、余白を活用する。<br />
<br />
<br />
==スマートフォン普及によるフラットデザインの必要性==<br />
<br />
フラットデザインが注目されるようになった背景にはスマートフォンの普及がある。<br><br />
<br><br />
スマートフォンによるタッチ操作は、マウスクリックのようにポイントを正確に示すことが難しく、タップの瞬間はボタンが隠れてしまう。したがって、タッチで操作しやすくするには、必然的にタップする部分を大きくする必要がある。<br><br />
<br><br />
その際、過剰に装飾された立体的なデザインがスマートフォンの小さな画面に並ぶと、ゴチャゴチャして複雑さが増してしまい、UIとしては使い勝手が悪い。いわゆる暑苦しいデザインだとどうしてもユーザーに負担がかかる。<br><br />
<br><br />
そういった観点から見て、シンプルなUIとしてのフラットデザインが求められるようになった。<br><br />
<br />
<br />
==PCとスマートフォンの閲覧環境の違い==<br />
<br />
*・スマートフォンはPCに比べて画面が小さい。<br />
*・スマートフォンはタッチで操作する。（ロールオーバーがない）<br />
*・PCに比べてスクロールしやすい。（ドラッグによる加速スクロールができ、長いページも閲覧しやすい）<br />
*・ピンチアウト操作で、ページを拡大して見ることができる。<br />
*・高解像度ディスプレイが搭載されているものが多い。<br />
*・ユーザー数と使用時間が拡大した。（ユーザーが常に端末を持っていて、どこでも閲覧できる）<br />
<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%95%E3%83%A9%E3%83%83%E3%83%88%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8057
フラットデザイン
2014-04-28T02:03:00Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
フラットデザインについてのまとめです。<br />
<br />
==フラットデザインの特徴==<br />
<br />
いわゆる凝った作りを「リッチデザイン」といい、その方向性に反する形で注目されているのが「フラットデザイン」である。<br />
<br />
<br />
===■フラットデザインの特徴===<br />
<br />
*・ドロップシャドウやグラデーションによって立体感を表現しない。<br />
*・グラデーションやテクスチャを使って素材感を表現せず、単色を使用する。<br />
*・強いハイライトで光沢や反射を表現しない。<br />
*・現実世界にあるものをリアルに表現せず、抽象的に表現する。<br />
*・罫線、枠線、囲み、角丸はあまり用いず、余白を活用する。<br />
<br />
<br />
==スマートフォン普及によるフラットデザインの必要性==<br />
<br />
フラットデザインが注目されるようになった背景にはスマートフォンの普及がある。<br><br />
<br><br />
スマートフォンによるタッチ操作は、マウスクリックのようにポイントを正確に示すことが難しく、タップの瞬間はボタンが隠れてしまう。したがって、タッチで操作しやすくするには、必然的にタップする部分を大きくする必要がある。<br><br />
<br><br />
その際、過剰に装飾された立体的なデザインがスマートフォンの小さな画面に並ぶと、ゴチャゴチャして複雑さが増してしまい、UIとしては使い勝手が悪い。いわゆる暑苦しいデザインだとどうしてもユーザーに負担がかかる。<br><br />
<br><br />
そういった観点から見て、シンプルなUIとしてのフラットデザインが求められるようになった。<br><br />
<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%95%E3%83%A9%E3%83%83%E3%83%88%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8056
フラットデザイン
2014-04-28T02:02:43Z
<p>192.168.200.111: ページの作成: <div id="manual"> ==フラットデザインの特徴== いわゆる凝った作りを「リッチデザイン」といい、その方向性に反する形で注目されてい...</p>
<hr />
<div><div id="manual"><br />
<br />
==フラットデザインの特徴==<br />
<br />
いわゆる凝った作りを「リッチデザイン」といい、その方向性に反する形で注目されているのが「フラットデザイン」である。<br />
<br />
<br />
===■フラットデザインの特徴===<br />
<br />
*・ドロップシャドウやグラデーションによって立体感を表現しない。<br />
*・グラデーションやテクスチャを使って素材感を表現せず、単色を使用する。<br />
*・強いハイライトで光沢や反射を表現しない。<br />
*・現実世界にあるものをリアルに表現せず、抽象的に表現する。<br />
*・罫線、枠線、囲み、角丸はあまり用いず、余白を活用する。<br />
<br />
<br />
==スマートフォン普及によるフラットデザインの必要性==<br />
<br />
フラットデザインが注目されるようになった背景にはスマートフォンの普及がある。<br><br />
<br><br />
スマートフォンによるタッチ操作は、マウスクリックのようにポイントを正確に示すことが難しく、タップの瞬間はボタンが隠れてしまう。したがって、タッチで操作しやすくするには、必然的にタップする部分を大きくする必要がある。<br><br />
<br><br />
その際、過剰に装飾された立体的なデザインがスマートフォンの小さな画面に並ぶと、ゴチャゴチャして複雑さが増してしまい、UIとしては使い勝手が悪い。いわゆる暑苦しいデザインだとどうしてもユーザーに負担がかかる。<br><br />
<br><br />
そういった観点から見て、シンプルなUIとしてのフラットデザインが求められるようになった。<br><br />
<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8055
デザイン
2014-04-28T01:59:39Z
<p>192.168.200.111: </p>
<hr />
<div>デザインチームのページです。<br />
<br />
==重要なドキュメント==<br />
*[[デザインガイドライン]]…仕事のルール、フロー、photoshopでのファイル作成法などのガイドラインです。<br />
*[[アクセシビリティ ガイドライン]]…アクセシビリティについて、社内で基本とすべきガイドライン。<br />
<br />
*[[スマホサイト制作]]…スマホについてのまとめです。<br />
*[[レスポンシブデザイン]]…レスポンシブデザインのまとめです。<br />
*[[フラットデザイン]]…フラットデザインのまとめです。<br />
*[[素材サイト]]<br />
<br />
==ガイドライン==<br />
*[[高島屋オンラインストア 商品画像]]<br />
<br />
----<br />
==外部サイトリンク集==<br />
*[[ウェブ系ニュースサイト一覧]]<br />
<br />
==サイトリンク集==<br />
*[[デザインリンク集]]…デザイナーが参考にしそうなリンク集サイト一覧。<br />
*[[優秀なサイト]]…世間的に評価の高い企業サイト一覧。厳選しているつもり。<br />
<br />
*[[国内有名ショッピングサイト]]…日本国内の有名ショッピングサイト一覧。<br />
*[[大型複合商業施設]]・・・大型複合商業施設のリスト。<br />
<br />
*[[ゴルフ場サイト]]<br />
*[[カード会社のサイト]]<br />
*[[医薬品サイト]]<br />
*[[コンビニサイト]]<br />
*[[教習所サイト]]<br />
*[[出版社サイト]]<br />
*[[銀行サイト]]<br />
*[[海外百貨店]]<br />
*[[よくある質問・Q＆A 優秀サイト]]<br />
<br />
----<br />
==知識やTIPS==<br />
*[[ウェブ構築プロセスのまとめ]]…新規案件やリニューアル時の進め方の参考に。<br />
*[[デザイン関連のミス事例]]…過去のミス事例のまとめです。<br />
*[[ユーザビリティクイズ]]<br />
*[[WEB用語辞典]]<br />
*[[フレームワーク]]<br />
*[[カラーマネジメント]]<br />
*[[photoshopの推奨設定]]<br />
<br />
----<br />
==その他==<br />
*[[楽天デザインルール]]<br />
*[[デザイン記事]]…デザインに関する外部エントリーのまとめです。<br />
*[[デザイナーマシン一覧]]<br />
*[[モリサワフォントの更新]]<br />
*[[WEB関連のおすすめ本]]</div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%AA%E3%83%B3%E3%82%AF%E9%9B%86&diff=8054
デザインリンク集
2014-04-24T05:26:10Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
ウェブサイトのデザインを集めたサイトを集めてみました。<br />
<br />
==一般サイト==<br />
*■[http://81-web.com/ 81-web.com]<br />
国内のサイト限定ギャラリー。厳選されてる感じ。<br />
<br />
*■[http://bookma.org/ bookma!{ぶ]<br />
ブックマ！はみんなで作るWEBデザイン参考集。インターフェイスが良い。自動読みこみの正しい使い方。<br />
<br />
*■[http://www.dailywebdesign.com/ 週刊ウェブデザイン]<br />
毎週20サイトを更新。他にもロゴのまとめ、写真素材のリンク集がある。 <br />
<br />
*■[http://www.zzrock.net/ ズロック]<br />
かっこいいWebデザインのリンク集。<br />
<br />
*■[http://www.web-mihon.com/ WEBデザインの見本帳]<br />
WEBデザイナーのためのデータベース・リンク集、サンプル・配色・参考・ご提案に!!<br />
<br />
*■[http://www.webdesignclip.com/ WebDesignClip]<br />
WEBデザイン制作の上で参考になるクリエイティブの高い洗練されたWEBデザインのクリップ集。レートあり。<br />
<br />
==ランディングページ==<br />
<br />
*■[http://lp-web.com/ ランディングページ集めました。]<br />
ランディングページに特化したリンク集。<br />
<br />
*■[http://www.landingpage-link.jp/ ランディングブックマーク]<br />
ランディングページのリンク集。<br />
<br />
==部分的まとめ==<br />
*■[http://blog.8bit.co.jp/?p=10405 Webデザインをパーツで参考にできるサイトまとめ]<br />
パーツ毎のリンク集です。<br />
<br />
*■[http://bubundesignarchive.jp/ ブブンデザインアーカイブ]<br />
サイトの色々な部分を切り出したまとめサイト。 <br />
<br />
*■[http://footer-design.com/ フッターデザイン.com]<br />
フッターばかり集めたまとめ。掲載数が少ないので微妙。<br />
<br />
*■[http://midashi-design.com/ 見出しデザイン.com]<br />
見出し部分を集めたまとめ。同じく掲載数が少ないので微妙。 <br />
<br />
==スマートフォン==<br />
*■[http://design.web-hon.com/ iPhoneデザインボックス]<br />
iPhoneのみを集めたリンク集。<br />
<br />
*■[http://sp-web.jp/ スマートフォンサイト集めました。]<br />
スマートフォンを集めたリンク集。<br />
<br />
==2軍サイト==<br />
<div class="example"><br />
*■[http://gooddesignweb.com/ Good Design Web]<br />
秀逸なデザインのWEBサイトをピックアップしたリンク集。自薦他薦問わず。<br />
*■[http://www.ikesai.com/ いけてるサイト ドットコム]<br />
WEBデザインに役立つ、いけてるサイトを集めたリンク集。業種毎にカテゴリ分け。<br />
*■[http://www.ubusuna.co.jp/ WebSite Color Index]<br />
カラー・色別、イメージ別に国内のサイトを紹介するWEBデザインのサイトリンク集。サイトの所感あり。<br />
</div><br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8052
レスポンシブデザイン
2014-04-16T03:58:03Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのまとめページです。<br />
<br />
==スライドによる説明==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
<br><br />
<br><br />
*■関西大学<br />
http://www.kansai-u.ac.jp/index.html<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■こころまち<br />
https://www.cocoromachi.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
*■キリン一番搾り<br />
http://www.kirin.co.jp/products/beer/ichiban/<br />
<br />
==レスポンシブの特徴==<br />
<br />
===メリット===<br />
*・1ソースで一元管理できるため、ページ更新が簡略化できる。<br />
*・URLが一つになる。これによってSEO的なメリットも出る。（Googleも推奨）<br />
*・サーバーサイドプログラムに頼らず、CSSだけで実現できる。<br />
*・ユーザーエージェントを判別せずに見た目を調整できる。<br />
*・新しいデバイスが発売されても対応しやすい。<br />
<br />
<br><br />
===デメリット===<br />
*・緻密に設計しなくてはならず、通常の制作フローよりも工数やコストが増える。<br />
*・デザインとコーディングの制約が一気に増えるので難易度が上がる。<br />
*・デバイス毎の細かい配慮、デザインの最適化、コンテンツ出し分けなどが難しく、融通が利かない。<br />
*・スマホやタブレットでの読み込み容量が増えるので、表示速度が落ちる。<br />
*・IE8以下では上手く動かない恐れがある。<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8051
レスポンシブデザイン
2014-04-15T07:53:26Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのまとめページです。<br />
<br />
==スライドによる説明==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
<br><br />
<br><br />
*■関西大学<br />
http://www.kansai-u.ac.jp/index.html<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■こころまち<br />
https://www.cocoromachi.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
==レスポンシブの特徴==<br />
<br />
===メリット===<br />
*・1ソースで一元管理できるため、ページ更新が簡略化できる。<br />
*・URLが一つになる。これによってSEO的なメリットも出る。（Googleも推奨）<br />
*・サーバーサイドプログラムに頼らず、CSSだけで実現できる。<br />
*・ユーザーエージェントを判別せずに見た目を調整できる。<br />
*・新しいデバイスが発売されても対応しやすい。<br />
<br />
<br><br />
===デメリット===<br />
*・緻密に設計しなくてはならず、通常の制作フローよりも工数やコストが増える。<br />
*・デザインとコーディングの制約が一気に増えるので難易度が上がる。<br />
*・デバイス毎の細かい配慮、デザインの最適化、コンテンツ出し分けなどが難しく、融通が利かない。<br />
*・スマホやタブレットでの読み込み容量が増えるので、表示速度が落ちる。<br />
*・IE8以下では上手く動かない恐れがある。<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8050
レスポンシブデザイン
2014-04-15T07:52:00Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのまとめページです。<br />
<br />
==スライドによる説明==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
<br><br />
<br><br />
*■関西大学<br />
http://www.kansai-u.ac.jp/index.html<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■こころまち<br />
https://www.cocoromachi.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
==レスポンシブの特徴==<br />
<br />
===メリット===<br />
*・1ソースで一元管理できるため、ページ更新が簡略化できる。<br />
*・URLが一つになる。SEO的なメリットも出る。(Googleも推奨）<br />
*・ユーザーエージェントを判別せずに見た目を調整できる。<br />
*・サーバーサイドプログラムに頼らず、CSSだけで実現できる。<br />
*・新しいデバイスに対応しやすい。<br />
<br />
<br><br />
===デメリット===<br />
*・緻密に設計しなくてはならず、通常の制作フローよりも工数やコストが増える。<br />
*・デザインとコーディングの制約が一気に増えるので難易度が上がる。<br />
*・デバイス毎の細かい配慮、デザインの最適化、コンテンツ出し分けなどが難しく、融通が利かない。<br />
*・スマホやタブレットでの読み込み容量が増えるので、表示速度が落ちる。<br />
*・IE8以下では上手く動かない恐れがある。<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8049
レスポンシブデザイン
2014-04-15T07:47:10Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのまとめページです。<br />
<br />
==スライドによる説明==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
<br><br />
<br><br />
*■関西大学<br />
http://www.kansai-u.ac.jp/index.html<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■こころまち<br />
https://www.cocoromachi.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
==レスポンシブの特徴==<br />
<br />
===メリット===<br />
*・1ソースで一元管理できるため、ページ更新が簡略化できる。<br />
*・URLが一つになる。SEO的なメリットも出る。(Googleも推奨）<br />
*・ユーザーエージェントを判別せずに見た目を調整できる。<br />
*・サーバーサイドプログラムに頼らず、CSSだけで実現できる。<br />
*・新しいデバイスに対応しやすい。<br />
<br />
<br><br />
===デメリット===<br />
*・緻密に設計しなくてはならず、通常の制作フローよりも工数やコストが増える。<br />
*・デザインとコーディングの制約が一気に増えるので難易度が上がる。<br />
*・デバイス毎の細かい配慮、デザインの最適化、コンテンツ出し分けなどが難しい。<br />
*・スマホやタブレットでの読み込み容量が増えるので、表示速度が落ちる。<br />
*・IE8以下では上手く動かない恐れがある。<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8048
レスポンシブデザイン
2014-04-15T06:16:18Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのまとめページです。<br />
<br />
==スライドによる説明==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
<br><br />
<br><br />
*■関西大学<br />
http://www.kansai-u.ac.jp/index.html<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■こころまち<br />
https://www.cocoromachi.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
==レスポンシブの特徴==<br />
<br />
===メリット===<br />
*・1ソースでいけるので、ページ更新を簡略化できる。<br />
*・URLが一つになる。SEO的なメリットも出る。(Googleも推奨）<br />
*・ユーザーエージェントを判別せずに見た目を調整できる。<br />
*・サーバーサイドプログラムに頼らず、CSSだけで実現できる。<br />
*・新しいデバイスに対応しやすい。<br />
<br />
<br><br />
===デメリット===<br />
*・緻密に設計しなければならない。<br />
*・コーディングの難易度が上がる。<br />
*・チェックする項目が増える。<br />
*・制作コストが増える。<br />
*・スマホで読み込む容量が増える。（表示スピードが落ちると離脱率が高まる）<br />
*・レイアウトやデザインの自由度が低い。<br />
*・デバイス毎のデザイン最適化やコンテンツ出し分けが難しい。<br />
<br />
*・デバイスごとに細かい配慮をすることが難しい。<br />
*・スマホやタブレットで重い画像を読み込むことになる。<br />
*・通常の制作フローよりもコストがかかる。<br />
*・IE8で動かない。<br />
<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8047
レスポンシブデザイン
2014-04-15T06:12:57Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのまとめページです。<br />
<br />
==スライドによる説明==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
<br><br />
<br><br />
*■関西大学<br />
http://www.kansai-u.ac.jp/index.html<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■こころまち<br />
https://www.cocoromachi.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
==レスポンシブの特徴==<br />
<br />
===メリット===<br />
*・1ソースでいけるので、ページ更新を簡略化できる。<br />
*・URLが一つになる。SEO的なメリットも出る。(Googleも推奨）<br />
*・ユーザーエージェントを判別せずに見た目を調整できる。<br />
*・サーバーサイドプログラムに頼らず、CSSだけで実現できる。<br />
*・新しいデバイスに対応しやすい。<br />
<br />
<br><br />
===デメリット===<br />
*・面倒くさい。<br />
*・コーディングの難易度が上がる。<br />
*・チェックする項目が増える。<br />
*・制作コストが増える。<br />
*・スマホで読み込む容量が増える。（表示スピードが落ちると離脱率が高まる）<br />
*・レイアウトやデザインの自由度が低い。<br />
*・デバイス毎のデザイン最適化やコンテンツ出し分けが難しい。<br />
<br />
*・デバイスごとに細かい配慮をすることが難しい。<br />
*・緻密に設計しなければならない。<br />
*・スマホやタブレットで重い画像を読み込むことになる。<br />
*・通常の制作フローよりもコストがかかる。<br />
*・IE8で動かない。<br />
<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8046
レスポンシブデザイン
2014-04-15T06:11:46Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのまとめページです。<br />
<br />
==スライドによる説明==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
<br><br />
<br><br />
*■関西大学<br />
http://www.kansai-u.ac.jp/index.html<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■こころまち<br />
https://www.cocoromachi.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
==レスポンシブの特徴==<br />
<br />
===メリット===<br />
*・1ソースでいけるので、ページ更新を簡略化できる。<br />
*・URLが一つになる。SEO的なメリットも出る。(Googleも推奨）<br />
*・ユーザーエージェントを判別せずに見た目を調整できる。<br />
*・サーバーサイドプログラムに頼らず、CSSだけで実現できる。<br />
*・新しいデバイスに対応しやすい。<br />
<br />
<br><br />
===デメリット===<br />
*・面倒くさい。<br />
*・コーディングの難易度が上がる。<br />
*・チェックする項目が増える。<br />
*・制作コストが増える。<br />
*・スマホで読み込む容量が増える。（表示スピードが落ちると離脱率が高まる）<br />
*・レイアウトやデザインの自由度が低い。<br />
*・デバイス毎のデザイン最適化やコンテンツ出し分けが難しい。<br />
<br />
*・デバイスごとに細かい配慮をすることが難しい。<br />
*・緻密に設計しなければならない。<br />
*・スマホやタブレットで重い画像を読み込むことになる。<br />
*・通常の制作フローよりもコストがかかる。<br />
<br />
<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8045
レスポンシブデザイン
2014-04-15T06:11:05Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのまとめページです。<br />
<br />
==スライドによる説明==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
<br><br />
<br><br />
*■関西大学<br />
http://www.kansai-u.ac.jp/index.html<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■こころまち<br />
https://www.cocoromachi.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
==レスポンシブの特徴==<br />
<br />
===メリット===<br />
*・1ソースでいけるので、ページ更新を簡略化できる。<br />
*・URLが一つになる。SEO的なメリットも出る。(Googleも推奨）<br />
*・ユーザーエージェントを判別せずに見た目を調整できる。<br />
*・サーバーサイドプログラムに頼らず、CSSだけで実現できる。<br />
*・新しいデバイスに対応しやすい。<br />
<br />
<br><br />
===デメリット===<br />
*・面倒くさい。<br />
*・コーディングの難易度が上がる。<br />
*・チェックする項目が増える。<br />
*・制作コストが増える。<br />
*・スマホで読み込む容量が増える。（表示スピードが落ちると離脱率が高まる）<br />
*・レイアウトやデザインの自由度が低い。<br />
*・デバイス毎のデザイン最適化やコンテンツ出し分けが難しい。<br />
<br />
*・緻密に設計しなければならない。<br />
*・スマホやタブレットで重い画像を読み込むことになる。<br />
*・通常の制作フローよりもコストがかかる。<br />
<br />
<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8044
レスポンシブデザイン
2014-04-15T06:10:26Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのまとめページです。<br />
<br />
==スライドによる説明==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
<br><br />
<br><br />
*■関西大学<br />
http://www.kansai-u.ac.jp/index.html<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■こころまち<br />
https://www.cocoromachi.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
==レスポンシブの特徴==<br />
<br />
===メリット===<br />
*・1ソースでいけるので、ページ更新を簡略化できる。<br />
*・URLが一つになる。SEO的なメリットも出る。(Googleも推奨）<br />
*・ユーザーエージェントを判別せずに見た目を調整できる。<br />
*・サーバーサイドプログラムに頼らず、CSSだけで実現できる。<br />
*・新しいデバイスに対応しやすい。<br />
<br />
<br><br />
===デメリット===<br />
*・面倒くさい。<br />
*・コーディングの難易度が上がる。<br />
*・チェックする項目が増える。<br />
*・制作コストが増える。<br />
*・スマホで読み込む容量が増える。（表示スピードが落ちると離脱率が高まる）<br />
*・レイアウトやデザインの自由度が低い。<br />
<br />
*・緻密に設計しなければならない。<br />
*・スマホやタブレットで重い画像を読み込むことになる。<br />
*・通常の制作フローよりもコストがかかる。<br />
<br />
<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8043
レスポンシブデザイン
2014-04-15T06:09:50Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのまとめページです。<br />
<br />
==スライドによる説明==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
<br><br />
<br><br />
*■関西大学<br />
http://www.kansai-u.ac.jp/index.html<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■こころまち<br />
https://www.cocoromachi.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
==レスポンシブの特徴==<br />
<br />
===メリット===<br />
*・1ソースでいけるので、ページ更新を簡略化できる。<br />
*・URLが一つになる。SEO的なメリットも出る。<br />
*・ユーザーエージェントを判別せずに見た目を調整できる。<br />
*・サーバーサイドプログラムに頼らず、CSSだけで実現できる。<br />
*・新しいデバイスに対応しやすい。<br />
<br />
===デメリット===<br />
*・面倒くさい。<br />
*・コーディングの難易度が上がる。<br />
*・チェックする項目が増える。<br />
*・制作コストが増える。<br />
*・スマホで読み込む容量が増える。（表示スピードが落ちると離脱率が高まる）<br />
*・レイアウトやデザインの自由度が低い。<br />
<br />
*・緻密に設計しなければならない。<br />
*・スマホやタブレットで重い画像を読み込むことになる。<br />
*・通常の制作フローよりもコストがかかる。<br />
<br />
<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8042
レスポンシブデザイン
2014-04-15T06:02:18Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのまとめページです。<br />
<br />
==スライドによる説明==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
<br><br />
<br><br />
*■関西大学<br />
http://www.kansai-u.ac.jp/index.html<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■こころまち<br />
https://www.cocoromachi.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
==レスポンシブの特徴==<br />
<br />
===メリット===<br />
*・1ソースでいける。<br />
<br />
===デメリット===<br />
*・面倒くさい。<br />
*・緻密に設計しなければならない。<br />
*・スマホやタブレットで重い画像を読み込むことになる。<br />
*・通常の制作フローよりもコストがかかる。<br />
<br />
<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E7%B4%A0%E6%9D%90%E3%82%B5%E3%82%A4%E3%83%88&diff=8039
素材サイト
2014-04-10T10:14:14Z
<p>192.168.200.111: ページの作成: <div id="manual"> ==有料系== *■amana http://amanaimages.com/ <br> <br> *■PIXTA（ピクスタ） http://pixta.jp/ <br> <br> *■imagenavi http://imagenavi.jp/ <br> <br> ...</p>
<hr />
<div><div id="manual"><br />
<br />
==有料系==<br />
<br />
*■amana<br />
http://amanaimages.com/<br />
<br><br />
<br><br />
*■PIXTA（ピクスタ）<br />
http://pixta.jp/<br />
<br><br />
<br><br />
*■imagenavi<br />
http://imagenavi.jp/<br />
<br><br />
<br><br />
*■DEX<br />
http://www.dex.ne.jp/<br />
<br><br />
<br><br />
==無料系==<br />
<br />
*■足成<br />
http://www.ashinari.com/<br />
<br><br />
全国のアマチュアカメラマンが撮影した写真を、写真素材として無料で提供しているサイト。<br><br />
個人、商用を問わず全て無料でクレジットやリンクの表記、ユーザー登録は不要です。<br />
<br><br />
<br><br />
*■PAKUTASO<br />
http://www.pakutaso.com/<br />
<br><br />
とにかく高品質・高解像度にこだわっています。300枚撮影して5枚採用するかどうかという基準です。<br><br />
こちらも面倒な会員登録なし、商用利用可能でクレジット表記が必要ありません。<br />
<br><br />
<br><br />
*■写真AC<br />
http://www.photo-ac.com/<br />
<br><br />
無料写真素材を提供する写真ACのフリー写真素材は、個人、商用を問わず全て無料でお使いいただけます。<br><br />
クレジット表記やリンクは一切不要です。Web、DTP、動画などの写真素材としてお使いください。<br />
<br><br />
<br><br />
<br />
*■GATAG<br />
http://free-images.gatag.net/<br />
<br><br />
商用利用可能。自然風景や植物、人物などの高画質・高解像度な写真が厳選して掲載されています。<br><br />
カテゴリー分けが非常に細かく設定されているためお目当ての画像に短時間でたどり着けます。<br />
<br><br />
<br><br />
<br />
==シルエット専門==<br />
*■SILHOUETTE DESIGN<br />
http://kage-design.com/<br />
<br><br />
シルエット画像専門です。べクターデータなので拡大しても画像が綺麗で、色の変更も可能。<br><br />
掲載枚数は約5000枚で、商用での利用可能で報告義務もありません。<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8038
デザイン
2014-04-10T09:52:13Z
<p>192.168.200.111: </p>
<hr />
<div>デザインチームのページです。<br />
<br />
==重要なドキュメント==<br />
*[[デザインガイドライン]]…仕事のルール、フロー、photoshopでのファイル作成法などのガイドラインです。<br />
*[[アクセシビリティ ガイドライン]]…アクセシビリティについて、社内で基本とすべきガイドライン。<br />
<br />
*[[スマホサイト制作]]…スマホについてのまとめです。<br />
*[[レスポンシブデザイン]]…レスポンシブデザインのまとめです。<br />
*[[素材サイト]]<br />
<br />
==ガイドライン==<br />
*[[高島屋オンラインストア 商品画像]]<br />
<br />
----<br />
==外部サイトリンク集==<br />
*[[ウェブ系ニュースサイト一覧]]<br />
<br />
==サイトリンク集==<br />
*[[デザインリンク集]]…デザイナーが参考にしそうなリンク集サイト一覧。<br />
*[[優秀なサイト]]…世間的に評価の高い企業サイト一覧。厳選しているつもり。<br />
<br />
*[[国内有名ショッピングサイト]]…日本国内の有名ショッピングサイト一覧。<br />
*[[大型複合商業施設]]・・・大型複合商業施設のリスト。<br />
<br />
*[[ゴルフ場サイト]]<br />
*[[カード会社のサイト]]<br />
*[[医薬品サイト]]<br />
*[[コンビニサイト]]<br />
*[[教習所サイト]]<br />
*[[出版社サイト]]<br />
*[[銀行サイト]]<br />
*[[海外百貨店]]<br />
*[[よくある質問・Q＆A 優秀サイト]]<br />
<br />
----<br />
==知識やTIPS==<br />
*[[ウェブ構築プロセスのまとめ]]…新規案件やリニューアル時の進め方の参考に。<br />
*[[デザイン関連のミス事例]]…過去のミス事例のまとめです。<br />
*[[ユーザビリティクイズ]]<br />
*[[WEB用語辞典]]<br />
*[[フレームワーク]]<br />
*[[カラーマネジメント]]<br />
*[[photoshopの推奨設定]]<br />
<br />
----<br />
==その他==<br />
*[[楽天デザインルール]]<br />
*[[デザイン記事]]…デザインに関する外部エントリーのまとめです。<br />
*[[デザイナーマシン一覧]]<br />
*[[モリサワフォントの更新]]<br />
*[[WEB関連のおすすめ本]]</div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8037
デザイン
2014-04-10T09:51:27Z
<p>192.168.200.111: </p>
<hr />
<div>デザインチームのページです。<br />
<br />
==重要なドキュメント==<br />
*[[デザインガイドライン]]…仕事のルール、フロー、photoshopでのファイル作成法などのガイドラインです。<br />
*[[アクセシビリティ ガイドライン]]…アクセシビリティについて、社内で基本とすべきガイドライン。<br />
<br />
<br />
*[[デザイン記事]]…デザインに関する外部エントリーのまとめです。<br />
*[[スマホサイト制作]]…スマホについてのまとめです。<br />
*[[レスポンシブデザイン]]…レスポンシブデザインのまとめです。<br />
<br />
==ガイドライン==<br />
*[[高島屋オンラインストア 商品画像]]<br />
*[[楽天デザインルール]]<br />
*[[素材サイト]]<br />
<br />
----<br />
==外部サイトリンク集==<br />
*[[ウェブ系ニュースサイト一覧]]<br />
<br />
==サイトリンク集==<br />
*[[デザインリンク集]]…デザイナーが参考にしそうなリンク集サイト一覧。<br />
*[[優秀なサイト]]…世間的に評価の高い企業サイト一覧。厳選しているつもり。<br />
<br />
*[[国内有名ショッピングサイト]]…日本国内の有名ショッピングサイト一覧。<br />
*[[大型複合商業施設]]・・・大型複合商業施設のリスト。<br />
<br />
*[[ゴルフ場サイト]]<br />
*[[カード会社のサイト]]<br />
*[[医薬品サイト]]<br />
*[[コンビニサイト]]<br />
*[[教習所サイト]]<br />
*[[出版社サイト]]<br />
*[[銀行サイト]]<br />
*[[海外百貨店]]<br />
*[[よくある質問・Q＆A 優秀サイト]]<br />
<br />
----<br />
==知識やTIPS==<br />
*[[ウェブ構築プロセスのまとめ]]…新規案件やリニューアル時の進め方の参考に。<br />
*[[デザイン関連のミス事例]]…過去のミス事例のまとめです。<br />
*[[ユーザビリティクイズ]]<br />
*[[WEB用語辞典]]<br />
*[[フレームワーク]]<br />
*[[カラーマネジメント]]<br />
*[[photoshopの推奨設定]]<br />
<br />
----<br />
==その他==<br />
*[[デザイナーマシン一覧]]<br />
*[[モリサワフォントの更新]]<br />
*[[WEB関連のおすすめ本]]</div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8033
レスポンシブデザイン
2014-04-10T02:51:32Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのまとめページです。<br />
<br />
==スライドによる説明==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
<br><br />
<br><br />
*■関西大学<br />
http://www.kansai-u.ac.jp/index.html<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■こころまち<br />
https://www.cocoromachi.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8032
レスポンシブデザイン
2014-04-09T12:09:57Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのページです。<br />
<br />
==スライドによる説明==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
<br><br />
<br><br />
*■関西大学<br />
http://www.kansai-u.ac.jp/index.html<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■こころまち<br />
https://www.cocoromachi.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8031
レスポンシブデザイン
2014-04-09T12:08:30Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのページです。<br />
<br />
==スライドによる説明==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
<br><br />
<br><br />
*■関西大学<br />
http://www.kansai-u.ac.jp/index.html<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8030
レスポンシブデザイン
2014-04-09T11:58:38Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのページです。<br />
<br />
==スライドによる説明==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8029
レスポンシブデザイン
2014-04-09T11:52:20Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのページです。<br />
<br />
==スライドによる説明==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8028
レスポンシブデザイン
2014-04-09T11:50:02Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのページです。<br />
<br />
==スライド==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8027
レスポンシブデザイン
2014-04-09T11:48:25Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのページです。<br />
<br />
==スライド==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br><br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8026
レスポンシブデザイン
2014-04-09T11:48:13Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのページです。<br />
<br />
==スライド==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8025
レスポンシブデザイン
2014-04-09T11:47:32Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのページです。<br />
<br />
==スライド==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
*■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8024
レスポンシブデザイン
2014-04-09T11:47:20Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのページです。<br />
<br />
==スライド==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
<br><br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■三菱商事<br />
http://www.mitsubishicorp.com/jp/ja/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br><br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8023
レスポンシブデザイン
2014-04-09T11:45:40Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのページです。<br />
<br />
==スライド==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
*■IMJ<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■NTT東日本<br />
http://www.ntt-east.co.jp/<br />
<br><br />
*■レオパレス21<br />
http://www.leopalace21.co.jp/<br />
<br><br />
*■シルクバックチル工房<br />
http://swwwitch.com/mycom/Dw55/HTML/<br />
<br><br />
*■デザインリサーチ<br />
http://research.creativesurvey.com/<br />
<br><br />
*■ニチレイ<br />
http://www.nichirei.co.jp/<br />
<br><br />
*■肌研（ハダラボ）<br />
http://www.hadalabo.jp/<br />
<br><br />
*■大分健生病院<br />
http://www.oita-min.or.jp/<br />
<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8022
レスポンシブデザイン
2014-04-09T11:39:53Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのページです。<br />
<br />
==スライド==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
■レスポンシブWebデザインのサイトを作る前に<br />
http://www.slideshare.net/yukinakane16/web-28316264<br />
<br />
==ウェブ記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
==レスポンシブデザインのサイト実例==<br />
<br />
*■IMJ<br />
<br />
<br />
*■NHKスタジオパーク<br />
http://www.nhk.or.jp/studiopark/<br />
<br><br />
*■すぐ禁煙<br />
http://sugu-kinen.jp/<br />
<br><br />
*■NTTデータ<br />
http://www.nttdata.com/jp/ja/<br />
<br><br />
*■<br />
<br />
*■<br />
<br />
*■<br />
<br />
*■<br />
<br />
<br><br />
*■<br />
<br />
<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8021
レスポンシブデザイン
2014-04-09T11:34:26Z
<p>192.168.200.111: ページの作成: <div id="manual"> レスポンシブデザインについてのページです。 ==参考スライド== *■レスポンシブWebデザインの基礎 http://www.slideshare.n...</p>
<hr />
<div><div id="manual"><br />
<br />
レスポンシブデザインについてのページです。<br />
<br />
==参考スライド==<br />
<br />
*■レスポンシブWebデザインの基礎<br />
http://www.slideshare.net/HiroyukiOgawa/rwd-basic<br />
<br><br />
*■レスポンシブWebデザイン ワークフロー<br />
http://www.slideshare.net/HiroyukiOgawa/web-16662445<br />
<br><br />
*■レスポンシブ・ウェブデザイン基礎<br />
http://www.slideshare.net/gaspanik/ss-13291115<br />
<br><br />
==記事==<br />
*■レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ<br />
http://liginc.co.jp/web/design/78072<br />
<br><br />
*■レスポンシブWebデザインで成功するUI／UXのポイント5つ<br />
http://www.aiship.jp/knowhow/archives/14719<br />
<br><br />
*■レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと<br />
http://parashuto.com/rriver/responsive-web/maintaining-responsive-web-design-website<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&diff=8020
デザイン
2014-04-09T11:32:35Z
<p>192.168.200.111: </p>
<hr />
<div>デザインチームのページです。<br />
<br />
==重要なドキュメント==<br />
*[[デザインガイドライン]]…仕事のルール、フロー、photoshopでのファイル作成法などのガイドラインです。<br />
*[[アクセシビリティ ガイドライン]]…アクセシビリティについて、社内で基本とすべきガイドライン。<br />
<br />
*[[デザイン記事]]…デザインに関する外部エントリーのまとめです。<br />
*[[スマホサイト制作]]…スマホについてのまとめです。<br />
*[[レスポンシブデザイン]]…レスポンシブデザインのまとめです。<br />
<br />
==案件別ガイドライン==<br />
*[[高島屋オンラインストア 商品画像]]<br />
*[[楽天デザインルール]]<br />
<br />
----<br />
==外部サイトリンク集==<br />
*[[ウェブ系ニュースサイト一覧]]<br />
<br />
==サイトリンク集==<br />
*[[デザインリンク集]]…デザイナーが参考にしそうなリンク集サイト一覧。<br />
*[[優秀なサイト]]…世間的に評価の高い企業サイト一覧。厳選しているつもり。<br />
<br />
*[[国内有名ショッピングサイト]]…日本国内の有名ショッピングサイト一覧。<br />
*[[大型複合商業施設]]・・・大型複合商業施設のリスト。<br />
<br />
*[[ゴルフ場サイト]]<br />
*[[カード会社のサイト]]<br />
*[[医薬品サイト]]<br />
*[[コンビニサイト]]<br />
*[[教習所サイト]]<br />
*[[出版社サイト]]<br />
*[[銀行サイト]]<br />
*[[海外百貨店]]<br />
*[[よくある質問・Q＆A 優秀サイト]]<br />
<br />
----<br />
==知識やTIPS==<br />
*[[ウェブ構築プロセスのまとめ]]…新規案件やリニューアル時の進め方の参考に。<br />
*[[デザイン関連のミス事例]]…過去のミス事例のまとめです。<br />
*[[ユーザビリティクイズ]]<br />
*[[WEB用語辞典]]<br />
*[[フレームワーク]]<br />
*[[カラーマネジメント]]<br />
*[[photoshopの推奨設定]]<br />
<br />
----<br />
==その他==<br />
*[[デザイナーマシン一覧]]<br />
*[[モリサワフォントの更新]]<br />
*[[WEB関連のおすすめ本]]</div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E5%84%AA%E7%A7%80%E3%81%AA%E3%82%B5%E3%82%A4%E3%83%88&diff=7985
優秀なサイト
2014-03-28T01:02:25Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
優秀認定されたサイトのリンク集です。<br />
<br />
==大企業サイト==<br />
*■三井不動産<br />
http://www.mitsuifudosan.co.jp/<br />
*■大東建託<br />
http://www.kentaku.co.jp/<br />
*■鹿島建設<br />
http://www.kajima.co.jp/<br />
*■伊藤忠商事<br />
http://www.itochu.co.jp/<br />
*■ＪＸ日鉱日石エネルギー<br />
http://www.noe.jx-group.co.jp/<br />
*■三菱重工<br />
http://www.mhi.co.jp/<br />
*■三井住友海上<br />
http://www.ms-ins.com/<br />
*■トステム<br />
http://www.tostem.co.jp/<br />
*■第一生命保険<br />
http://www.dai-ichi-life.co.jp/<br />
<br><br><br />
<br />
*■au<br />
http://www.au.kddi.com<br />
*■DoCoMo<br />
http://www.nttdocomo.co.jp/<br />
*■富士フィルム<br />
http://fujifilm.jp/<br />
*■富士通<br />
http://jp.fujitsu.com/<br />
*■シャープ<br />
http://www.sharp.co.jp/<br />
*■富士ゼロックス<br />
http://www.fujixerox.co.jp/<br />
*■オリンパス<br />
http://www.olympus.co.jp/<br />
<br><br><br />
<br />
*■日清<br />
http://www.nissinfoods.co.jp/<br />
*■サントリー<br />
http://www.suntory.co.jp/<br />
*■サッポロビール<br />
http://www.sapporobeer.jp/<br />
*■ロート<br />
http://www.rohto.jp/<br />
<br><br><br />
<br />
*■ヤマト運輸<br />
http://www.kuronekoyamato.co.jp/<br />
*■日本通運<br />
http://www.nittsu.co.jp/<br />
*■リクルート<br />
http://www.recruit.jp/<br />
*■ベネッセ<br />
http://www.benesse.co.jp/<br />
<br><br><br />
<br />
*■東京メトロ<br />
http://www.tokyometro.jp/<br />
*■JRA<br />
http://jra.jp/<br />
<br><br><br />
<br />
==大学==<br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
*■東京農工大学<br />
http://www.tuat.ac.jp/<br />
*■関西大学<br />
http://www.kansai-u.ac.jp/<br />
*■東京電機通信大学<br />
http://www.uec.ac.jp/<br />
<br />
==ウェブ制作会社==<br />
*■ビービット<br />
http://www.bebit.co.jp/<br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
*■キノトロープ<br />
http://www.kinotrope.co.jp/<br />
*■カヤック<br />
http://www.kayac.com/<br />
<br />
<br />
==店舗（見た目）==<br />
*■あべのマーケットパーク キューズモール<br />
http://qs-mall.jp/<br />
*■寿司市場<br />
http://www.sushiichiba.jp/<br />
*■ワイン厨房 クォーレ<br />
http://www.cuore-wine.jp/<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E5%84%AA%E7%A7%80%E3%81%AA%E3%82%B5%E3%82%A4%E3%83%88&diff=7984
優秀なサイト
2014-03-28T01:02:09Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
優秀認定されたサイトのリンク集です。<br />
<br />
==大企業サイト==<br />
*■三井不動産<br />
http://www.mitsuifudosan.co.jp/<br />
*■大東建託<br />
http://www.kentaku.co.jp/<br />
*■鹿島建設<br />
http://www.kajima.co.jp/<br />
*■伊藤忠商事<br />
http://www.itochu.co.jp/<br />
*■ＪＸ日鉱日石エネルギー<br />
http://www.noe.jx-group.co.jp/<br />
*■三菱重工<br />
http://www.mhi.co.jp/<br />
*■三井住友海上<br />
http://www.ms-ins.com/<br />
*■トステム<br />
http://www.tostem.co.jp/<br />
*■第一生命保険<br />
http://www.dai-ichi-life.co.jp/<br />
<br><br><br />
<br />
*■au<br />
http://www.au.kddi.com<br />
*■DoCoMo<br />
http://www.nttdocomo.co.jp/<br />
*■富士フィルム<br />
http://fujifilm.jp/<br />
*■富士通<br />
http://jp.fujitsu.com/<br />
*■シャープ<br />
http://www.sharp.co.jp/<br />
*■富士ゼロックス<br />
http://www.fujixerox.co.jp/<br />
*■オリンパス<br />
http://www.olympus.co.jp/<br />
<br><br><br />
<br />
*■日清<br />
http://www.nissinfoods.co.jp/<br />
*■サントリー<br />
http://www.suntory.co.jp/<br />
*■サッポロビール<br />
http://www.sapporobeer.jp/<br />
*■ロート<br />
http://www.rohto.jp/<br />
<br><br><br />
<br />
*■ヤマト運輸<br />
http://www.kuronekoyamato.co.jp/<br />
*■日本通運<br />
http://www.nittsu.co.jp/<br />
*■リクルート<br />
http://www.recruit.jp/<br />
*■ベネッセ<br />
http://www.benesse.co.jp/<br />
<br><br><br />
<br />
*■東京メトロ<br />
http://www.tokyometro.jp/<br />
*■JRA<br />
http://jra.jp/<br />
<br><br><br />
<br />
==大学==<br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
*■東京農工大学<br />
http://www.tuat.ac.jp/<br />
*■関西大学<br />
http://www.kansai-u.ac.jp/<br />
*■東京電機通信大学<br />
http://www.uec.ac.jp/<br />
<br />
==ウェブ制作会社==<br />
*■ビービット<br />
http://www.bebit.co.jp/<br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
*■キノトロープ<br />
http://www.kinotrope.co.jp/<br />
*■カヤック<br />
http://www.kayac.com/<br />
<br />
<br />
==店舗==<br />
*■あべのマーケットパーク キューズモール<br />
http://qs-mall.jp/<br />
*■寿司市場<br />
http://www.sushiichiba.jp/<br />
*■ワイン厨房 クォーレ<br />
http://www.cuore-wine.jp/<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E5%84%AA%E7%A7%80%E3%81%AA%E3%82%B5%E3%82%A4%E3%83%88&diff=7983
優秀なサイト
2014-03-27T06:42:05Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
優秀認定されたサイトのリンク集です。<br />
<br />
==大企業サイト==<br />
*■三井不動産<br />
http://www.mitsuifudosan.co.jp/<br />
*■大東建託<br />
http://www.kentaku.co.jp/<br />
*■鹿島建設<br />
http://www.kajima.co.jp/<br />
*■伊藤忠商事<br />
http://www.itochu.co.jp/<br />
*■ＪＸ日鉱日石エネルギー<br />
http://www.noe.jx-group.co.jp/<br />
*■三菱重工<br />
http://www.mhi.co.jp/<br />
*■三井住友海上<br />
http://www.ms-ins.com/<br />
*■トステム<br />
http://www.tostem.co.jp/<br />
*■第一生命保険<br />
http://www.dai-ichi-life.co.jp/<br />
<br><br><br />
<br />
*■au<br />
http://www.au.kddi.com<br />
*■DoCoMo<br />
http://www.nttdocomo.co.jp/<br />
*■富士フィルム<br />
http://fujifilm.jp/<br />
*■富士通<br />
http://jp.fujitsu.com/<br />
*■シャープ<br />
http://www.sharp.co.jp/<br />
*■富士ゼロックス<br />
http://www.fujixerox.co.jp/<br />
*■オリンパス<br />
http://www.olympus.co.jp/<br />
<br><br><br />
<br />
*■日清<br />
http://www.nissinfoods.co.jp/<br />
*■サントリー<br />
http://www.suntory.co.jp/<br />
*■サッポロビール<br />
http://www.sapporobeer.jp/<br />
<br><br><br />
<br />
*■ヤマト運輸<br />
http://www.kuronekoyamato.co.jp/<br />
*■日本通運<br />
http://www.nittsu.co.jp/<br />
<br><br><br />
<br />
*■リクルート<br />
http://www.recruit.jp/<br />
*■ベネッセ<br />
http://www.benesse.co.jp/<br />
<br><br><br />
<br />
*■東京メトロ<br />
http://www.tokyometro.jp/<br />
*■JRA<br />
http://jra.jp/<br />
<br><br><br />
<br />
==大学==<br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
*■東京農工大学<br />
http://www.tuat.ac.jp/<br />
*■関西大学<br />
http://www.kansai-u.ac.jp/<br />
*■東京電機通信大学<br />
http://www.uec.ac.jp/<br />
<br />
==ウェブ制作会社==<br />
*■ビービット<br />
http://www.bebit.co.jp/<br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
*■キノトロープ<br />
http://www.kinotrope.co.jp/<br />
*■カヤック<br />
http://www.kayac.com/<br />
<br />
<br />
==店舗==<br />
*■あべのマーケットパーク キューズモール<br />
http://qs-mall.jp/<br />
*■寿司市場<br />
http://www.sushiichiba.jp/<br />
<br />
==見た目がウケそうなサイト==<br />
*■ワイン厨房 クォーレ<br />
http://www.cuore-wine.jp/<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E5%84%AA%E7%A7%80%E3%81%AA%E3%82%B5%E3%82%A4%E3%83%88&diff=7981
優秀なサイト
2014-03-26T10:43:45Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
優秀認定されたサイトのリンク集です。<br />
<br />
==大企業サイト==<br />
*■三井不動産<br />
http://www.mitsuifudosan.co.jp/<br />
*■鹿島建設<br />
http://www.kajima.co.jp/<br />
*■伊藤忠商事<br />
http://www.itochu.co.jp/<br />
*■ＪＸ日鉱日石エネルギー<br />
http://www.noe.jx-group.co.jp/<br />
*■三菱重工<br />
http://www.mhi.co.jp/<br />
<br><br><br />
<br />
*■au<br />
http://www.au.kddi.com<br />
*■DoCoMo<br />
http://www.nttdocomo.co.jp/<br />
<br><br><br />
<br />
*■日清<br />
http://www.nissinfoods.co.jp/<br />
*■サントリー<br />
http://www.suntory.co.jp/<br />
*■サッポロビール<br />
http://www.sapporobeer.jp/<br />
<br><br><br />
<br />
*■ヤマト運輸<br />
http://www.kuronekoyamato.co.jp/<br />
<br><br><br />
<br />
*■富士フィルム<br />
http://fujifilm.jp/<br />
*■富士通<br />
http://jp.fujitsu.com/<br />
*■シャープ<br />
http://www.sharp.co.jp/<br />
*■富士ゼロックス<br />
http://www.fujixerox.co.jp/<br />
*■トステム<br />
http://www.tostem.co.jp/<br />
<br><br><br />
<br />
*■リクルート<br />
http://www.recruit.jp/<br />
*■ベネッセ<br />
http://www.benesse.co.jp/<br />
<br><br><br />
<br />
<br />
<br />
*■東京メトロ<br />
http://www.tokyometro.jp/<br />
<br><br><br />
<br />
*■JRA<br />
http://jra.jp/<br />
<br><br><br />
<br />
==大学==<br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
*■東京農工大学<br />
http://www.tuat.ac.jp/<br />
*■関西大学<br />
http://www.kansai-u.ac.jp/<br />
*■東京電機通信大学<br />
http://www.uec.ac.jp/<br />
<br />
==ウェブ制作会社==<br />
*■ビービット<br />
http://www.bebit.co.jp/<br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
*■キノトロープ<br />
http://www.kinotrope.co.jp/<br />
*■カヤック<br />
http://www.kayac.com/<br />
<br />
<br />
==店舗==<br />
*■あべのマーケットパーク キューズモール<br />
http://qs-mall.jp/<br />
*■寿司市場<br />
http://www.sushiichiba.jp/<br />
<br />
==見た目がウケそうなサイト==<br />
*■ワイン厨房 クォーレ<br />
http://www.cuore-wine.jp/<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E5%84%AA%E7%A7%80%E3%81%AA%E3%82%B5%E3%82%A4%E3%83%88&diff=7980
優秀なサイト
2014-03-26T10:41:58Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
優秀認定されたサイトのリンク集です。<br />
<br />
==大企業サイト==<br />
*■三井不動産<br />
http://www.mitsuifudosan.co.jp/<br />
*■鹿島建設<br />
http://www.kajima.co.jp/<br />
*■伊藤忠商事<br />
http://www.itochu.co.jp/<br />
*■ＪＸ日鉱日石エネルギー<br />
http://www.noe.jx-group.co.jp/<br />
*■三菱重工<br />
http://www.mhi.co.jp/<br />
<br><br><br />
<br />
*■au<br />
http://www.au.kddi.com<br />
*■DoCoMo<br />
http://www.nttdocomo.co.jp/<br />
<br><br><br />
<br />
*■日清<br />
http://www.nissinfoods.co.jp/<br />
*■サントリー<br />
http://www.suntory.co.jp/<br />
<br><br><br />
<br />
*■ヤマト運輸<br />
http://www.kuronekoyamato.co.jp/<br />
<br><br><br />
<br />
*■富士フィルム<br />
http://fujifilm.jp/<br />
*■富士通<br />
http://jp.fujitsu.com/<br />
*■シャープ<br />
http://www.sharp.co.jp/<br />
*■富士ゼロックス<br />
http://www.fujixerox.co.jp/<br />
*■トステム<br />
http://www.tostem.co.jp/<br />
<br><br><br />
<br />
*■リクルート<br />
http://www.recruit.jp/<br />
*■ベネッセ<br />
http://www.benesse.co.jp/<br />
<br><br><br />
<br />
<br />
<br />
*■東京メトロ<br />
http://www.tokyometro.jp/<br />
<br><br><br />
<br />
*■JRA<br />
http://jra.jp/<br />
<br><br><br />
<br />
==大学==<br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
*■東京農工大学<br />
http://www.tuat.ac.jp/<br />
*■関西大学<br />
http://www.kansai-u.ac.jp/<br />
*■東京電機通信大学<br />
http://www.uec.ac.jp/<br />
<br />
==ウェブ制作会社==<br />
*■ビービット<br />
http://www.bebit.co.jp/<br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
*■キノトロープ<br />
http://www.kinotrope.co.jp/<br />
*■カヤック<br />
http://www.kayac.com/<br />
<br />
<br />
==店舗==<br />
*■あべのマーケットパーク キューズモール<br />
http://qs-mall.jp/<br />
*■寿司市場<br />
http://www.sushiichiba.jp/<br />
<br />
==見た目がウケそうなサイト==<br />
*■ワイン厨房 クォーレ<br />
http://www.cuore-wine.jp/<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E5%84%AA%E7%A7%80%E3%81%AA%E3%82%B5%E3%82%A4%E3%83%88&diff=7979
優秀なサイト
2014-03-26T10:41:26Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
優秀認定されたサイトのリンク集です。<br />
<br />
==大企業サイト==<br />
*■三井不動産<br />
http://www.mitsuifudosan.co.jp/<br />
*■鹿島建設<br />
http://www.kajima.co.jp/<br />
*■伊藤忠商事<br />
http://www.itochu.co.jp/<br />
*■ＪＸ日鉱日石エネルギー<br />
http://www.noe.jx-group.co.jp/<br />
<br><br><br />
<br />
*■au<br />
http://www.au.kddi.com<br />
*■DoCoMo<br />
http://www.nttdocomo.co.jp/<br />
<br><br><br />
<br />
*■日清<br />
http://www.nissinfoods.co.jp/<br />
*■サントリー<br />
http://www.suntory.co.jp/<br />
<br><br><br />
<br />
*■ヤマト運輸<br />
http://www.kuronekoyamato.co.jp/<br />
<br><br><br />
<br />
*■富士フィルム<br />
http://fujifilm.jp/<br />
*■富士通<br />
http://jp.fujitsu.com/<br />
*■シャープ<br />
http://www.sharp.co.jp/<br />
*■富士ゼロックス<br />
http://www.fujixerox.co.jp/<br />
*■トステム<br />
http://www.tostem.co.jp/<br />
<br><br><br />
<br />
*■リクルート<br />
http://www.recruit.jp/<br />
*■ベネッセ<br />
http://www.benesse.co.jp/<br />
<br><br><br />
<br />
<br />
<br />
*■東京メトロ<br />
http://www.tokyometro.jp/<br />
<br><br><br />
<br />
*■JRA<br />
http://jra.jp/<br />
<br><br><br />
<br />
==大学==<br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
*■東京農工大学<br />
http://www.tuat.ac.jp/<br />
*■関西大学<br />
http://www.kansai-u.ac.jp/<br />
*■東京電機通信大学<br />
http://www.uec.ac.jp/<br />
<br />
==ウェブ制作会社==<br />
*■ビービット<br />
http://www.bebit.co.jp/<br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
*■キノトロープ<br />
http://www.kinotrope.co.jp/<br />
*■カヤック<br />
http://www.kayac.com/<br />
<br />
<br />
==店舗==<br />
*■あべのマーケットパーク キューズモール<br />
http://qs-mall.jp/<br />
*■寿司市場<br />
http://www.sushiichiba.jp/<br />
<br />
==見た目がウケそうなサイト==<br />
*■ワイン厨房 クォーレ<br />
http://www.cuore-wine.jp/<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E5%84%AA%E7%A7%80%E3%81%AA%E3%82%B5%E3%82%A4%E3%83%88&diff=7978
優秀なサイト
2014-03-26T10:38:35Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
優秀認定されたサイトのリンク集です。<br />
<br />
==大企業サイト==<br />
*■三井不動産<br />
http://www.mitsuifudosan.co.jp/<br />
*■鹿島建設<br />
http://www.kajima.co.jp/<br />
*■伊藤忠商事<br />
http://www.itochu.co.jp/<br />
<br><br><br />
<br />
*■au<br />
http://www.au.kddi.com<br />
*■DoCoMo<br />
http://www.nttdocomo.co.jp/<br />
<br><br><br />
<br />
*■日清<br />
http://www.nissinfoods.co.jp/<br />
*■サントリー<br />
http://www.suntory.co.jp/<br />
<br><br><br />
<br />
*■ヤマト運輸<br />
http://www.kuronekoyamato.co.jp/<br />
<br><br><br />
<br />
*■富士フィルム<br />
http://fujifilm.jp/<br />
*■富士通<br />
http://jp.fujitsu.com/<br />
*■シャープ<br />
http://www.sharp.co.jp/<br />
*■富士ゼロックス<br />
http://www.fujixerox.co.jp/<br />
*■トステム<br />
http://www.tostem.co.jp/<br />
<br><br><br />
<br />
*■リクルート<br />
http://www.recruit.jp/<br />
*■ベネッセ<br />
http://www.benesse.co.jp/<br />
<br><br><br />
<br />
<br />
<br />
*■東京メトロ<br />
http://www.tokyometro.jp/<br />
<br><br><br />
<br />
*■JRA<br />
http://jra.jp/<br />
<br><br><br />
<br />
==大学==<br />
*■神奈川大学<br />
http://www.kanagawa-u.ac.jp/<br />
*■東京農工大学<br />
http://www.tuat.ac.jp/<br />
*■関西大学<br />
http://www.kansai-u.ac.jp/<br />
*■東京電機通信大学<br />
http://www.uec.ac.jp/<br />
<br />
==ウェブ制作会社==<br />
*■ビービット<br />
http://www.bebit.co.jp/<br />
*■IMJ<br />
http://www.imjp.co.jp/<br />
*■ミツエーリンクス<br />
http://www.mitsue.co.jp/<br />
*■キノトロープ<br />
http://www.kinotrope.co.jp/<br />
*■カヤック<br />
http://www.kayac.com/<br />
<br />
<br />
==店舗==<br />
*■あべのマーケットパーク キューズモール<br />
http://qs-mall.jp/<br />
*■寿司市場<br />
http://www.sushiichiba.jp/<br />
<br />
==見た目がウケそうなサイト==<br />
*■ワイン厨房 クォーレ<br />
http://www.cuore-wine.jp/<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E6%9C%9D%E5%BD%93%E7%95%AA&diff=7935
朝当番
2014-02-03T01:00:26Z
<p>192.168.200.111: </p>
<hr />
<div><div id="manual"><br />
東京DSオフィスでは朝当番制度があります。（社員の方のみ）<br><br />
当番の方は朝9時までに出社して、オフィスを開けて掃除をしましょう。<br />
<br />
==朝当番のお仕事一覧==<br />
*■<b>オフィスを開ける</b><br />
・当番は前日にカードを持ち帰り、当日の9時までにオフィスを開ける。<br><br />
（1階エントランスのタッチパネルをタッチ→5階が白だったらカードをかざす。5階が黒だったら既に誰かいるのでかざさない!!）<br><br />
・電気を付けて、ブラインドを上げる。<br><br />
<br><br />
*■<b>掃除機をかける</b><br />
・決められた担当エリアに掃除機をかける。<br><br />
（同エリアで掃除機を2台使うとブレーカーが落ちる可能性があります）<br><br />
<br><br />
*■<b>給湯室の掃除</b><br />
・給湯室の水回り、排水口を掃除する。<br><br />
・給湯室の三角コーナーのゴミを捨てる。<br><br />
<br><br />
*■<b>給水</b><br />
・ウォーターサーバーと加湿器に給水をする。<br><br />
<br><br />
*■<b>共用部分の水拭き</b><br />
・机の上、FAXコピー機、シュレッダー、窓ガラス、棚などを雑巾で拭く。<br><br />
<br><br />
*■<b>その他</b><br />
・掃除機内の溜まっているゴミを捨てる。<br><br />
・シュレッダーのゴミを捨てる。<br><br />
・ゴミ箱にあるゴミ袋が汚ければ、新しいゴミ袋に変える。<br><br />
・観葉植物の水が足りなそうなら、水を上げる。<br><br />
<br />
==オフィスの朝当番表==<br />
<br />
<table border="0" cellpadding="5" cellspacing="5" class="address"><br />
<tr><br />
<th>月曜日の当番 </th><br />
<th>火曜日の当番 </th><br />
<th>水曜日の当番 </th><br />
<th>木曜日の当番 </th><br />
<th>金曜日の当番 </th><br />
</tr><br />
<br />
<tr><br />
<td>・[[由良雄飛]]<br><br />
・[[中才紗哉香]]<br><br />
・[[八木雄一郎]]<br><br />
・[[田辺裕紀]]<br></td><br />
<br />
<td>・[[大山洋介]]<br><br />
・[[古口真澄]]<br><br />
・[[濵名裕幸]]<br><br />
・[[千葉宏治]]<br></td><br />
<br />
<td>・[[香取美奈子]]<br><br />
・[[鈴木恵美子]]<br><br />
・[[高橋裕美]]<br><br />
・[[坂井隆史]]<br></td><br />
<br />
<td>・[[小泉吉生]]<br><br />
・[[海野優貴]]<br><br />
・[[福岡広治]]<br><br />
・[[前原稔]]<br></td><br />
<br />
<td>・[[倉田健太郎]]<br><br />
・[[中村友美]]<br><br />
・[[浅沼千春]]<br><br />
<br></td><br />
</tr><br />
</table><br />
<br />
==担当エリア図==<br />
<br />
[[画像:Clean.png]]<br />
<br />
</div></div>
192.168.200.111
https://wiki.kohga.tokyo/index.php?title=%E3%82%AB%E3%83%BC%E3%83%89%E4%BC%9A%E7%A4%BE%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88&diff=7875
カード会社のサイト
2013-10-22T06:16:03Z
<p>192.168.200.111: </p>
<hr />
<div>■りそなカード<br><br />
http://www.resonacard.co.jp/<br><br />
<br><br />
■三菱UFJニコス<br><br />
http://www.cr.mufg.jp/<br><br />
<br><br />
■三井住友visaカード<br><br />
http://www.smbc-card.com/<br><br />
<br><br />
■クレディセゾン<br><br />
http://www.saisoncard.co.jp/<br><br />
<br><br />
■オリコカード<br><br />
http://www.orico.co.jp/<br><br />
<br><br />
<br />
■イオンファイナンシャル<br><br />
http://www.aeon.co.jp/sp_aeoncard/<br><br />
<br><br />
■JACCS<br><br />
http://www.jaccs.co.jp/<br><br />
<br><br />
<br />
■楽天カード<br><br />
http://www.rakuten-card.co.jp/<br><br />
<br><br />
■セディナ<br><br />
http://www.cedyna.co.jp/<br><br />
<br></div>
192.168.200.111