Webディレクター必見！WBSの書き方
プロジェクトに関わるタスクを洗い出したリストを、WBS（ワーク・ブレイクダウン・ストラクチャー）と呼びます。WBSは、見積もりやスケジュール、スタッフのアサインの根拠としてその都度作成・修正します。 WBSは、正確な予算管理と遅延のないスケジュール管理のためには必須の存在です。WBSがプロジェクトの成功を左右することもあるため、Webディレクターには精度の高いWBSを作成する責任があります。 プロジェクト計画書の作成 WBSは、プロジェクト計画書を根拠に作成すると、より精度の高いものになります。プロジェクト計画書とは、提案や打ち合わせを経て合意したプロジェクトの範囲（スコープ）をまとめた文書のことです。プロジェクト計画書は、その後作成するスケジュールなどと共に、クライアントに確認を取り、認識にズレが生じないようにすることが重要です。 そして、プロジェクト計画書をもとに、プロジェクトスコープ
Web制作で知っておきたい外注管理のコツ
外注とは、会社で請けたプロジェクトの一部を外部に委託することです。プロジェクトの遂行に外注を使うことはよくあります。しかし、Web制作には、業界標準となる厳密な作業フローや工業規格のような基準はないため、外注先が社内標準と同じ作業フローや品質で制作を進めるとは限りません。 外注管理は、そうした双方の認識のズレなどによってトラブルが起きたり、品質の低下を招いたりすることのないように、外注のスキルやスケジュール、コストなどを総合的に管理することです。 発注前の注意点 プロジェクトの外注は、まず依頼先の選定から始まります。選定の際は、対応可能なスキル、成果物と価格の実績、関わった工程などの詳細など十分に把握し、必要なスキルの有無を確認することが重要です。 依頼を決定したら、提案依頼書（RPF）などで概要を伝え、対応の可否を確認した上で見積もりを依頼します。その際には、業務の範囲だけでなく工程や、
HTML5でh1タグを正しく使う - Qiita
それぞれの文書のアウトライン（その見出しとセクションの構造）が関係する限りにおいて、次の2つの断片は、セマンティックに等価である： <body> <h1>Let's call it a draw(ing surface)</h1> <h2>Diving in</h2> <h2>Simple shapes</h2> <h2>Canvas coordinates</h2> <h3>Canvas coordinates diagram</h3> <h2>Paths</h2> </body> <body> <h1>Let's call it a draw(ing surface)</h1> <section> <h1>Diving in</h1> </section> <section> <h1>Simple shapes</h1> </section> <section> <h1>Canvas
[HTML5]アウトラインで迷わない！ sectionと見出しについて
webcre8はHTML5を勉強中です(APIだとかCanvasだとかはまだです)。当ブログWEBCRE8.jpもHTML5を用いた自作テーマで作成されています。 皆さんもコーディングしていて「これはどう書くのがベストなんだ？」「これであってるのか？」と迷う事ってよくありますよね。 HTML5でコーディングしていて最近ホントにこれでいいのか？と迷っていたのはsectionと見出しについて。コーディングレベルのHTML5でよく取り沙汰されるアウトラインの話題ですね。 これについて何人かのweb制作者、特に@HissyNCさんと@kojika17さんと話をしてみたことも含めて、HTML5のアウトラインについて今までのwebcre8と同じように「…つまりどういうことだってばよ？」と混乱している人の為にわかりやすく整理してみようかなーと思います。 厳密な解説はこの記事を読まずとももっと信頼できる文
![[HTML5]アウトラインで迷わない！ sectionと見出しについて](https://cdn-ak-scissors.b.st-hatena.com/image/square/a579b466a9d9646edbe9cc1cec01abca7601b9fc/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F09%2Fhtml5-section-outline-150x150.png)
現場で使えるgulp入門 | 第1回 gulpとは何か
現場で使えるgulp入門 第1回 gulpとは何か さまざまな作業を自動化するビルドシステムgulpの基礎を解説します。第1回目は、gulpとは何か？ 自動化のメリットはどこにあるのか概観。インストールから簡単なタスクを走らせてみます。 はじめに このシリーズでは、JavaScriptで書かれたビルドシステムであるgulp（ガルプ）について、導入から使い方など、基本的な部分を解説します。 なお、記事執筆時点のgulpのバージョンは3.8.7です。 第1回目では、まず、なぜgulpのようなツールが必要なのか、ツールの背景に触れます。さらにgulpの概要と、環境設定を中心に解説します。 gulpとは gulpはNode.jsをベースとしたビルドシステムヘルパーです。以前CodeGridでも紹介したGruntと似た目的を持って作られたツールで、gulpを使えばさまざまな作業を自動化することができ
これからのWebデザインは、コンポーネント化を意識しよう
2016年6月14日 Webサイト制作, Webデザイン Webデザインのプロセスが変化しています。以前「実践で学ぶWebサイト制作ガイド まとめ」という記事でWebサイトの制作手順を紹介しましたが、この方法はまだ使えるものの、徐々に廃れていくでしょう。最近ではこの記事で書かれているように、画面にあるパーツ（部品）のみを用いてデザイン・コーディングするのではなく、あらかじめ様々なパーツを作っておいて、それを組み合わせて画面を構成していく方法に移りつつあります。今回はそんなパーツをまとめた「コンポーネント」について考えてみましょう。 ↑私が10年以上利用している会計ソフト！ コンポーネントとは？ Webデザインにおいて、コンポーネントとは機能を持つ各パーツ（部品）の集合体です。例えば料金表ひとつとっても、テキストや線、ボタン、色など、様々な情報を組み合わせて作られていることがわかります。それ
Web制作に携わる人は見ておくべき、2011年のはてブ1500数以上の良記事31選 | URAMAYU
2011年のWeb制作トレンドをはてブのホットエントリから振り返ってみました。 2011年でトレンドは、スマートフォン向けサイトやアプリの制作関連、HTML5関連、あとはFacebook対応のためのノウハウといった感じでした。 はてなブックマーク「コンピュータ・IT」カテゴリ内で、1500以上ブクマがついた記事を選出、その中からさらに私の主観も入りつつ、2011年Web制作系のエントリーの中でもベストな31記事をピックアップ、Webデザイン系、SEO系、HTML+CSS系、プログラミング系、スマートフォンサイト制作系、企画、ツール、その他系、素材系にそれぞれ分類しました。 Webデザイン系 1. 色彩センスのいらない配色講座 配色と色についてひじょーに分かりやすく、論理的に解説されたスライド。はてブ数ダントツ。 2. デザインの基礎力をワンランクアップしたい私（Webデザイナー
【２０１１年】【Webエンジニア向け】はてブ数ランキング厳選超人気記事総覧 / Devslog
2011年も残すところあと少しになりました。2011年にはてなブックマークをたくさん集めた記事の中から、Webデベロッパー向けに限定して厳選してお届けします。 ウェブデザイン入門 ウェブサイトにおける視覚面に対し、整理・再構築・意匠等を施す。グラフィックデザイン的な要素を多く含む一方で、インタラクティブな要素を持つウェブの性格上、情報デザインあるいは工業デザイン的なスキルも求められる。ウェブサイト全体の情報設計、見た目を中心とするグラフィックデザインやGUIの設計、ウェブアプリケーションのUI設計構築など多岐に渡る。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 WEBデザイナーを目指す人へお勧めしたい記事・サイトまとめ – YATのBlog デザイナーからデザインの基礎や原則を学べるエントリーまとめ（webデザイナ向け）*ホームページを
Webクリエイターのステージを広げる動画スキル習得ステップ | JWDA通信 10年後のWEB業界でも役立つ情報を届ける
Webクリエイターは「動画」を身に付けるべし映像はフイルム・ビデオの時代から演出、撮影、編集と専門のスキルが必要なクリエイティブだった。デジタル化が進行した現在でもその専門性の本質は変わっていないと言えるが、高速なインターネットとデジタルメディアの実現によって、好きな時間に好きなデバイスで視聴できる「動画」コンテンツが利用されるようになった。 Webサイトでの活用はもちろん、スマートフォンやタブレットPCでの視聴機会は、今後さらに増えていくことだろう。 コンテンツとしての動画の持っている特長は次の点だ。 密度の高い情報を短時間で伝達できる（コミュニケーションスピードが速い）直感的な印象構築ができる（ブランディングなどのイメージ訴求が得意）リアリティを持った情報伝達ができる（実物を見せ、動きと音でプレゼンテーションする）動画としてパッケージになっている（様々なサイトに掲載可能でマルチスクリー
どや！？ひよっこデザイナーにもできるWebページ高速化！鍵は「HTTPリクエストの数を減らすこと」 | デザインどや！？
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
オーソリティサイトになるための7つの条件 など10+11記事（海外&国内SEO情報） | 海外&国内SEO情報ウォッチ
SEO、特にグーグルのSEOにおいては「オーソリティサイト」という言葉がたびたび出てくる。日本語では「権威のあるサイト」といったところ。グーグルはオーソリティのあるサイトを評価すると言われている。 では、グーグルが評価する「オーソリティサイト」とはいったいどんなサイトのことなのだろうか。SEMリサーチの渡辺隆広氏が、オーソリティサイトになるために必要だと推測できる構成要素を7つ解説している。 存続期間コンテンツ数量鮮度・更新性テーマ・専門性アウトバウンドリンクインバウンドリンク/ダイバーシティ/クオリティコミュニティ少なくともこれらの7つを達成できるようにSEOに取り組んでほしい。オーソリティサイトになる・ならないを別にしても、グーグルからの評価は上がるだろう。 日本語で読めるSEO/SEM情報DMCAに基づいてコピーサイトをグーグルが検索結果から削除するまでの日数 ★★★★☆ 無断コピー
ウェブページ製作者は必見、HTMLやJavascript等のチートシート19個
ウェブページを製作するときに使われるHTMLやCSS、javascriptなどの細かい文法をちょっと調べるときにいちいちウェブで検索するのは面倒なもの。そういう時に便利な「チートシート」つまりカンペをどどんと19種類集めてみました。便利なだけでなく、デザインも美しいものばかりです。 1. (X)HTML Elements and Attributes HTMLの要素や属性を含むタグやその動作を確認したいときなどに便利。 2. HTML 一枚のシートにまとまっているので助かります。 3. HTML5 Canvas 動的な2次元ビットマップ画像の描画のためのHTML5要素であるCanvasのチートシート。バリバリ使えたらかっこいいかも。 4. HTML5 Visual Cheat Sheet すべてのブラウザでHTML5対応してほしい。 5. マイクロフォーマット （参考：マイクロフォーマット
結局どうすればいいの？ - Dive Into HTML5
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In この章で
SEOとデザインは今後より密接になる理由
SEOの終わる部分とそうでない部分 情報が無限大に広がる Web の世界。そこから自分にとって必要な情報を見つけ出すのは至難の業です。 そこで、検索エンジンが活躍するわけですが、ただ Web サイトを作っただけで的確なかたちで検索結果に表示されるとは限りません。コンテンツ配信側が検索エンジンに対して自分たちのサイトがどういったサイトなのかを的確に知らせることを「SEO (Search Engine Optimization)」と呼びます。検索する利用者に対して効果的に露出したいという意味で「SEO対策する」という言葉が使われることがあります。この場合、SEO は瞬時にアクセス数を上げるための起爆剤として活用していると考えることができます。 SEO はこうした起爆剤的な要素だけを指しているわけではありませんが、「アクセスが上がる」というキャッチーなフレーズが付随されていることもあり、SEO
Webデザイナーな私の勉強方法まとめ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
私の勉強方法まとめてみました。 といっても 「いい情報をとりこんで、実践して、その結果をアウトプット」 をひたすらしているだけなのですが、実際にどのようなサイトや本を見てインプットしているか、どんな風に実践して、何をアウトプットしているかなどまとめてみました。 インプット 情報が美しくまとまっているサイトのフィードをチェック 国内外のWeb系の情報を丁寧にまとめてくれているブログがたくさんあります。 そういうブログのフィードをチェックしています。 デザインTipsやトレンド紹介、便利なプラグイン、プログラムなど、毎日どんどん新しい情報が出てきます。 全部読んで理解してその場で実践する、というとは不可能に近いので、へー、こういうことも出来るんだー、とさらっと頭に入れて、特に気になったものだけはてなブックマークなどでタグをつけて保存したりしています。 そうしておくことで、いざ●●しないといけな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マンガ：Webディレクター 江口明日香が行く
http://e0166nt.com/blog-entry-844.html