第65回 ［図解］Webサイト構築プロジェクト・ワークフロー - Webデザイン エンジニアリング：ITpro
今回は，Webサイト構築プロジェクトのワークフローを俯瞰してみたいと思います。実際にクライアントから声がかかる場面から納品，つまり開発案件の完了までを12の「ステージ」に分けて図解してみました。思考のプロセス/人的配置/タスク/ツールなども一緒に記しています。少し大きな図になってしまいましたが，ご参考になれば。 図は，一番上は「4つのステップ/3つのタスク/12の要素（第62回 持続可能なWebサイト開発を支える12の要素）」。その下は，人的配置をロール(役割)ごとに記述しています。その下は，大まかなタスクのレベルです。それぞれの期間内に処理すべき項目を列挙しています。その下が，「ステージ」。プロジェクト全体を12のステージに分類して作業内容を整理しています。基本的には，その流れの順で進んでいきます。その下は，それぞれのステージのアウトプットのイメージで，更にその下にはよく使うファイルアイ
メンテナンス中画面を出す正しい作法と.htaccessの書き方 | Web担当者Forum
今回は、Webサイトやサービスをメンテナンス中にする場合に、どのURLにアクセスしても「メインテナンス中です」の画面を出す正しいやり方を、人間にも検索エンジンにも適切にする作法を主眼に解説します。 この週末の土曜深夜～日曜早朝にかけて、データセンターの設備メインテナンスのため、Web担を含むインプレスグループのほとんどのWebサイトが、どのURLにアクセスしても「メンテ中です」という表示になっていました。 なのですが、その実装がちょっと気になったので、「正しいメンテナンス画面の出し方」を説明してみます。 ※2010-01-16 Retry-Afterを指定するHeaderの指定を修正しました（コメント参照） ※2009-06-17 RewriteCondから [NC] 条件を削除しました（コメント参照） ※2009-06-16 Retry-Afterの記述をGMTに変更しました（コメント参
SEO習得のためのチェックリスト（初心者編） | Moz - SEOとインバウンドマーケティングの実践情報
物心ついて以来、僕にとって何かを学ぶ最善の方法は、実際にそれをやってみることだった。検索エンジン最適化を理解しようと取り組んでいたとき、僕はやるべきことのチェックリストを数え切れないほど作ったんだ。そこで、SEOを身につけるのにいちばん役立つチェックリストを以下にまとめてみた。SEOについて、あまり経験はないけれどもっと学んでみたいという人たちの役に立てればいいな（おまけとして、イケてるチェックボックスも付けとくね ―― クリックしてもチェックできないけど）。 基本的なWebサイトの作り方を学ぶSEOのテクニックに首を突っ込む前に、ウェブ開発の基本事項を知っておくことが大事だ。以下の課題に取り組んで、SEO業者として成功するために必要なウェブ開発スキルを養おう。 簡単なWebサイトなら、WYSIWYG式のHTMLエディタなんかは使わずに、自分でソースコードを書けるようにする コードって言葉
企業サイトやブログ向け、title要素内の表記規則のパターン
ブラウザのタイトルバーや、検索サイトの結果画面などに表示されるtitle要素内の表記規則のパターンをCSS Tricksから紹介します。 What's The Best Way To Handle Page Titles? title要素内の表記規則：第一階層の場合 [サイトの名前] 例：コリス [サイトの名前] - 短いタグライン 例：コリス - Web制作に関する最新情報をお届け [サイトの名前] - キーワード 例：コリス - ウェブデザイン、HTML、CSS、JavaScript title要素内の表記規則：第二階層の場合 [サイトの名前] - [記事のタイトル] 例：コリス - jQueryのプラグイン33+1選 [記事のタイトル] - [サイトの名前] 例：jQueryのプラグイン33+1選 - コリス [記事のタイトル] 例：jQueryのプラグイン33+1選 [サイトの名前
スタイリッシュなWEBフォームの実装例いろいろ:phpspot開発日誌
25 Stylish Examples of Web Forms スタイリッシュなWEBフォームの実装例がいろいろと紹介されており、一部ご紹介。 フォームというと簡単なデザインで済ましてしまう場合が多いと思いますが、こうしたところにもこだわっていると力の入れ加減が伝わってきますね。 デザイン自体もなかなか難しいと思いますが、参考にして綺麗なフォームが作れそう。 Alexandru Cohaniuc 壁に貼ったみたいなインタフェースでオシャレ Tea Round App 角丸で立体的なフォームがナイス Grooveshark 子ダイアログ風のポップアップフォーム Substrakt Matt Pixelight Creative 全部見る デザインを学んだ上で、ユーザビリティについても考え、あくまで利用者視点にたった使いやすいフォームを作りたいものですね 関連エントリ CSSでデザインされた
3キャリア共通のモバイルサイトコーディングにおけるポイント
MT4i3.0.8X1の公開後、テンプレートセット作ったりしてますが、中には自分でコーディングしたい!って人もいると思われます。 そんな人のために、既に情報としてはいろいろなところで出ているんですが、一応3キャリア(i-mode/EZweb/Yahoo!ケータイ)共通のコーディングのポイントを纏めておこうかなと。 別にMT4i3.0.8X1だけじゃなく、普通にどんなモバイルサイトのコーディングでも使えます。 一応、注意点をまず述べておくと、XHTMLに対応しているのは、 docomoのFOMA端末 auのWIN端末 softbankの3GC端末 という、いわゆる上位端末になります。古い下位機種では利用できません。 最近は下位端末を利用している人は少なくなりましたし、仮に利用していてもまずネット閲覧にケータイを使う目的ではないので、このあたりは非対応でも問題ないかなと考えています。 次に全体
「編集」で「読める記事」にする - Puppet River
スイッチオンプロジェクトの第2回ミーティングがあり、「文章構造の作り方」というテーマで濃密な5時間を過ごしました。 3月末に開催された合宿が、はるか昔のように感じます。あの合宿以来、毎日プロジェクトのことと、インタビュー相手のことを考えてきました。就職活動が重なって精神的につらい時期もありました…こう書くと「就職活動がしんどい」みたいに捉えられるかもしれませんが、どちらかというと就職活動では落ち込むことが少なかったです。つらい時期に相成ったのは、プロジェクトのせいです。それくらい厳しいものでした、私にとって。本気を出せば出すほど、新しい何かが得られる場所なので、全力で向って玉砕してまたゼロから頑張って返り討ちにあって、の繰り返しだったように思います。その時期の自己嫌悪っぷりはひどかった。でも、楽しかったです。 〜今までのスイッチオンPJ関連のエントリー〜 合宿 スイッチオンプロジェクトの合
フリーペーパー：SCRAP：京都全域で配布中 » ひきこもり勇者と4つの扉
参加型リアルRPGイベント 謎を解いて、戦って、4人パーティーで。 マンガミュージアムには京都を守る伝説の勇者が住んでいる。でも、そんな勇者は最近ちょっと元気がない。どうもなにか思い悩んでいるみたい。なんとか励ましてあげたいけど、勇者はマンガミュージアムの奥の奥に引きこもっていて、なかなかたどり着けない。館内には閉ざされた扉が4つもあり、それを守る門番がいる。仲間と力を合わせ、敵を倒し、アイテムを集め、ひきこもり勇者のもとにたどり着け！ 日時：2009年6月27日(土)・28日(日) 各日12:00 〜 18:00（16:30最終受付） 場所：京都国際マンガミュージアム （京都市中京区烏丸通御池上ル(元龍池小学校)） 料金：一般 1,500円／中高生 1,300円／小学生 1,100円 （ミュージアム入場料含む） お問い合わせ： SCRAP（075-334-5999） 京
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://moto-mono.net/2009/06/10/using-type-search.html
Kakku Tips(終了しました): はてなスターを消す
Loading...