Webサイトの利用規約 kiyaku.jp へようこそ。 当サイトでは、Webサイト用の「利用規約」「プライバシーポリシー」等のひな型（雛形・テンプレート）を掲載しています。 ひな型（雛形・テンプレート）のご利用は無料です。 個人・法人を問わず、どなたでも自由にご利用いただけます（商用利用可）。 ご利用の際は、ご利用の際の注意事項をご確認ください。
Webサイトの利用規約（無料テンプレート・商用利用可）
Webサイトの利用規約 kiyaku.jp へようこそ。 当サイトでは、Webサイト用の「利用規約」「プライバシーポリシー」等のひな型（雛形・テンプレート）を掲載しています。 ひな型（雛形・テンプレート）のご利用は無料です。 個人・法人を問わず、どなたでも自由にご利用いただけます（商用利用可）。 ご利用の際は、ご利用の際の注意事項をご確認ください。
Webサイトのデザインができるまでに必要な情報とは？ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのママです。 ディレクターによる連載「いいWebつくろう〜クライアントと制作会社〜」の第7回のテーマは、デザインに必要な基本要素についてのお話です。 デザインを考えていくのに何が必要だと思いますか？ デザインと聞くと、センスや感性など特別な力が必要だと思われがちですが、そんなことはありません。デザインに大切なことは「情報」です。実は、デザインの土台にあるのは、情報なんです！ この回では、Webサイトのデザインができるまでに必要な情報は何か？ についてお話します。 デザインに必要な情報って？ ディレクターは、お客様にWebサイトを制作するために必要な概要をヒアリングします。次の6つは、デザインを構成するために必要な基本要素です。 達成したい目的、解決したい課題は何か？ どんな人たちが見てくれるのか？ どんな状況で見てくれるのか？ ライバルはどんなところか？ どんな情報
Webデザイナーは気分でマージンを決めている？へのアンサー - デザイナーのイラストノート
先日Mさんら数人とハングアウトで話す中で、「Webデザイナーって気分でマージンとか決めてるんでしょ、だからいつもバラバラなんでしょう」と指摘されたので、それに対するアンサーを雑ですが書いてみようと思います。※ネタ記事なので間に受けないように いやいやいやいやいや 気分です、はっきり言って。120％気分です。 ただ、Mさんのいうニュアンスと違うところは「自分の気分ではない」ということですね。ページを見る人、クライアントさん、みんなの気分を考えて想像して、作るものです。 そもそもマージンもフォントサイズも、マシンが読む分には必要ないものですよね、マシンリーダブルでセマンティックであれば視覚表現はいらないわけです。ではなぜマージンを開けたりフォントを変えたり、サイズや太さを変えるかというと、人間には視覚的に「気持ち」を伝えるしか術がないんですよね。相対的に大きくすることで強調したり、違うフォント
IllustratorでWebデザインをする時の初期設定
最近、WebデザインをIllustratorでする人が増えているようなので嬉しいかぎりです。 IllustratorでWebデザインをするというエントリーを多く見かけるので、私も真似して自分のIllustratorの設定をまとめました。 目次 なぜIllustratorなのか？環境設定ドキュメント設定その他の設定 なぜIllustratorなのか？ なぜ私がIllustratorでWebデザインをしているかというと、「ラクだから」の一言に尽きます。 紙デザイナー出身なもので、やはりIllustratorが一番慣れているツールなのです。 建築CGをPhotoshopでゴリゴリレタッチしていた経歴のあるディレクターも、レイアウトはIllustratorの方がラクと言っていましたし…… 「ラクだから」以外の理由としては、 Retinaディスプレイ対応をする時に、Illustratorで作っててラ
当社の見積りの内訳と算出方法を公開します。
今、当社のWebサイトのリニューアルを検討しており、他の制作会社のサイトなど色々と参考にさせていただいています。 クライアントへの提案は出来るのに、自分たちのWebサイトはどうしたら良いのか方向性がなかなか定まらず悪戦苦闘の毎日です。今のところ、公開できる目処が立っておりません。 さて、他の制作会社のサイトを拝見させていただいて気が付いたのですが、制作費用について掲載している会社はあまりありません。 掲載している会社もあるのですが、イケてるデザインのまとめサイトなんかに紹介されている制作会社のサイトにはまず載ってません。 (お金の話を載せるとちょっとイケてないのかもしれません。) たしかに、制作は予算に応じて費用を調整したりするので、一概にこれで幾らという価格を提示しにくい部分があります。アニメーションやデザインなど技術的な難易度も異なりますし、同じページ数でも料金を固定で決めてしまうこと
Web制作に必要な知識が一通り学べるベスト記事9選
作成：2016/01/18 更新：2016/06/29 Web制作 > 年末にやるべきだったと思いつつも、今更ながらWeb制作前に知っておくと助かる記事を、コムテブログの中から厳選しました。結構自分でもよく見返す記事です。Web制作に必要な基本知識をざっと知りたいときに。 エンジニア速報は Twitter の@commteで配信しています。 バージョン管理 ファイル等の変更箇所の履歴を管理。複数人が関わるプロジェクトで必須となるGit（ギット）のコマンドやGUIなどの初歩的な知識を順を追って解説してあります。最初は何を準備すればよいのか、Gitのインストールからクライアントツールとリモートまで。 これからGit を始めてみようという人のための使い方と入門フロー パッケージマネージャー/タスクランナー ライブラリを管理しやすくするパッケージマネージャーと、テスト実行などの処理を簡単なコマンド
問題だらけの日本のモバイルサイト、整備を急ぐべき--アドテック東京
12月1、2日に開かれた「ad:tech tokyo 2015」のセッション「消費者の信頼を勝ち取るモバイルサイトの条件とは」では、企業の「モバイル」に対する意識の遅れ、感覚のずれが指摘され、モバイルサイトの整備を急ぐべき理由が語られた。 登壇者は、モデレーターを務めたドーモ代表取締役の占部雅一氏、グーグルのシニア パフォーマンス ソリューション エキスパートである水谷嘉仁氏、パブマティックのカントリーマネージャーである前川洋輔氏、花王のデジタルマーケティングセンター デジタルコミュニケーション室 リーダーである田中剛氏。 「モバイルシフトが始まった。いま、『モバイルサイトを作るのがよい』と考えている方の95％くらいは『表示（見た目）』にしか興味がない。サイトの表示速度やOne Web（あらゆるデバイスやブラウザで同じ機能を提供すること）、ウェブを構造化することは、ほとんど考えられていない
あなたのWebページ表示を爆速にするための、HTTPリクエスト状況分析ガイド（前編） | Moz - SEOとインバウンドマーケティングの実践情報
Webページの表示を高速化するための無料ツールWebPagetestを使って、「どこに問題があり、どう解決するのか」を調べる方法を解説する。 画像・JavaScript・CSSといったページを構成する要素こそが表示パフォーマンスの要因であり、HTTPリクエストの数やTCP接続・1バイト目までの時間（TTFB）などを調べれば、遅い原因がどこかわかるのだ。 今ではだれもがよく知っていることだが、SEOとユーザー体験の観点から見て、ウェブページの表示速度は非常に重要だ。ページの表示が速いほど検索エンジンによる検索順位も上がるし、ウェブサイトの動作が速ければユーザーが離脱せずにたくさんのページを見て、コンバージョン率も高くなる可能性が上がる。 要するに、賢明なWeb担当者やSEO専門家なら、コンテンツと同様にページ表示速度の最適化についても考慮しなければならない。 ウェブサイトの表示速度（パフォー
低コントラストのテキストは解決策にならない
低コントラストのテキストがトレンドのようだ。しかし、それは視認性が悪く、発見しにくく、アクセシビリティも劣る。代わりに、もっとユーザブルな代案を検討しよう。 Low-Contrast Text Is Not the Answer by Katie Sherwin on June 7, 2015 日本語版2015年9月16日公開 低コントラストのデザインが美しいというのはWebに繰り返し立ち現れる思想だが、それは視認性や発見しやすさを奪い去るものである。低コントラストのデザインは目に負担がかかるので、歳を取って、能力が少し衰えたように我々は感じる。ミニマリズムというトレンドに魅了されたサイトは、高コントラストという従来からの自分たちの流儀を捨て去り、暗黒面（あるいはミディアムグレー面と言うべきか）に寝返ろうとしている。デザインでの評価のために読みやすさを犠牲にしようとするサイトにとって、低コ
プログラミング未経験者がWEBエンジニアになるためにやるべきこと
最近よくプログラミング未経験の方から、これからエンジニアとしてやっていきたい、もしくはそこまでいかなくても自分でプロダクトを作れるようになりたいけど何からやったらいい？っていう相談を受けるようになってきました。個別に色々話を聞きつつこれやってみたら？っていうリンク送ったりはしてたんですが、その人たちにとっての大まかな地図的な意味でも、（「これ見といて」って自分が楽するためにも、）未経験者の人におすすめする学習教材をまとめてみました。 参考事例 ぼく自身ゼロからエンジニアを育て上げた経験があるわけではないので、先人の事例に学べることは学ぼう、かつこうやって伸びた人がいるんや！っていう本人のモチベーションになったらいいな、ということで紹介します。 リブセンスさん リブセンスさんの、非エンジニアを1ヶ月でエンジニアに育て上げる話、かなり強烈でしたね。フルコミットでかつ桂さんという突出したメンター
品質、費用、納期、どれも重要！そんなときに確認したい「なにを最優先にするか」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのさささんです。 Web制作現場だけの話ではないかもしれませんが、こんな場面に遭遇したことはないでしょうか？ 納期は、1か月後 品質は、PCでもスマホでもタブレットでも最適化されたUI 費用は、数十万円 品質、費用、納期のどれもが高いパフォーマンスを求められているケースですね。 「トレードオフ」とも呼ばれる、ひとつを追求すればその他を犠牲にせざるを得ないという状態です。 そうした場合、決裁者や担当者にまず確認しなければいけないこと。 それは「なにを最優先にするか」です。 納期を最優先とする場合 最初に挙げた例の場合は、納期は1か月後です。 高品質・高機能のものを作り上げるためには、優秀な人材が多数必要になります。そうなると、必然的に人件費が増えてしまいます。当然、数十万円ではつくり上げることができません。 それでも品質・機能を担保して1か月後にリリースする場合は、お
ECにおける商品写真と『フォトディレクション』の重要性について
こんにちは。Webディレクターまっつんです。 僕自身もいまだそう思ってるうちの一人なのですが、EC運用って大変ですよね。どれだけ頑張ってUIなど改善しても...なかなか...はい。 恐らく以下のような（かつての僕と同じ）悩みを抱えている方も多いのではないかな？と思います。 それなりにPVもUUあるのにCVが上がらない 詳細ページの写真もたくさん載せたしタイトルや説明文も練ったのに離脱が減らない 競合サイトでは売れてる商品なのにいまいち売れない しかし上記は、自身が運営側にいるとどーしたらいいのか分からず混乱しやすい部分。 なので、以下 Web制作と運営のための 写真撮影＆ディレクション教本 で僕が学んだ「なんとかするためのポイント」をまとめてみようと思います。 商品写真はユーザーにとって「商品の価値と期待」そのもの そもそもECに商品の写真が載っているのは、ユーザーが商品を直接見れないから
HTTP/2って何なの？
16年ぶりにアップデートなんて。 HTTP/2の仕様がついに確定しました。つまり、もうすぐWebページの読み込みが速くなったり、接続が切れにくくなったり、いろいろと快適になるはずです。でも、HTTP/2ってそもそも何なんでしょうか？ 簡単に言えば、HTTP/2とはWebサーバーとブラウザの間のやりとりの仕方を規定するハイパーテキスト・トランスファー・プロトコル（HTTP）のアップグレードです。もうずっと前にあってもおかしくないものでした。というのは、HTTPの原型ができたのは1980年代の終わり、ティム・バーナーズ・リーがWorld Wide Webの構想を立ち上げたときのことです。それが現行のHTTP/1.1にバージョンアップされたのも、1999年のことでした。この16年の間に、当然Webは大きく変わりました。 HTTP/2は、他のあらゆる優秀なアップグレードと同様、従来バージョンのいく
Webデザイナーを目指す初心者さんが知っておきたい専門用語
2014年11月5日 Web関連記事 WebデザイナーとしてWeb業界で活躍したいという初心者さんが、最初につまづきやすいのが、その専門用語の多さ。Webデザインの入門書をパラパラッとめくってみても、見慣れない単語に圧倒されてしまう人も多いのではないでしょうか？そこで今回はWebデザイナーなら知っておきたい単語をいくつかまとめてみました。Webデザインのお勉強中に「これなんだ？」という単語に出くわした時に参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 目次 あ行 か行 さ行 た行 は行 ま行 や行 ら行 わ行 あ行 アクセシビリティ Webアクセシビリティとも呼ばれます。アクセスのしやすさを表し、実生活上ではバリアフリーとも知られています。Webのアクセシビリティにおいては、音声によってWebページを読み上げたり、動画に字幕をつけるなどの工夫をして、身体の不自由な方でも
著作権侵害で訴訟沙汰になり反省したBuzzNewsがとった奇策
バイラルメディアと被害者 SNSでの伝染性に特化した会話のネタになりそうな記事を量産する"バイラルメディア"が少し前から広まっているが、ごく一部の善良なサイトを除いて大半が他の人間が創りだしたコンテンツを盗用ないしは単なる紹介をする形で記事を量産している。写真や文章を丸ごとコピーし、引用の要件を満たしておらず、大半が著作権侵害だ。 端的に言えば人の褌で相撲を取るような連中なのだが、著作権侵害で訴えようにも運営会社が公開されていなかったり、被害が少額で裁判を起こしにくいために泣き寝入りする人が大半だった。 そんな中で、フリーライターのヨッピー氏がYahoo!スマホガイドで「悪質バイラルメディアにはどう対処すべき？ BUZZNEWSをフルボッコにしてみた」という記事を書いた。非常に力の入った素晴らしい記事なので、ひとまず読んで欲しい。 この記事では、悪質なバイラルメディアであるBuzzNews
PhotoshopでWebデザインを効率化するための便利な使い方 | ページ 3 / 3 | 東京上野のWeb制作会社LIG
こんにちは。LIGブログ編集部です。いつも「時間が足りない！」「忙しい」「寝たい……」と思っているWebデザイナーの皆さん、Photoshop作業の時間短縮をしていますか？ Photoshop作業の効率化すれば、余った時間でやりたいことができますよね。そこで今回は、Webデザイナーさんならぜひ使ってほしい、Photoshop作業を効率化する方法をまとめました。Photoshop初心者の方も、そうでない方も、時短できる要素がないかぜひ確認してみてください。 1. ショートカットを使い倒そう 作業時間の短縮を考えたときに、まず思い浮かぶのがキーボードショートカットですよね。知ってるか知らないかで大きな差が出てしまうところでもあります。 ひとつひとつ説明すると長くなってしまうので、おすすめのショートカットについては、かなり詳しく解説されているこちらの記事「Photoshopの効率化におすすめのシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ関係者よ、PVの話をするのはもう止めよう
404 Not Found
メンテナンスページ | Good.Hackerセブ島のWEB屋
https://developers.google.com/web/tools/setup/workspace/setup-devtools