今回は，Webサイト構築プロジェクトのワークフローを俯瞰してみたいと思います。実際にクライアントから声がかかる場面から納品，つまり開発案件の完了までを12の「ステージ」に分けて図解してみました。思考のプロセス/人的配置/タスク/ツールなども一緒に記しています。少し大きな図になってしまいましたが，ご参考になれば。 図は，一番上は「4つのステップ/3つのタスク/12の要素（第62回　持続可能なWebサイト開発を支える12の要素）」。その下は，人的配置をロール(役割)ごとに記述しています。その下は，大まかなタスクのレベルです。それぞれの期間内に処理すべき項目を列挙しています。その下が，「ステージ」。プロジェクト全体を12のステージに分類して作業内容を整理しています。基本的には，その流れの順で進んでいきます。その下は，それぞれのステージのアウトプットのイメージで，更にその下にはよく使うファイルアイ

ドットインストール代表のライフハックブログ

Tumblelog managed by Ivana Jurcic, Web Developer from Belgrade, Serbia. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); try { var pageTracker = _gat._getTracker("UA-140887-8"); pageTracker._trackPageview(); } catch(err) {} woopra

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース（以下UI）設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい......、そんな印象を持っておられるのではないかと思います。 私も以前はそう思っていました。ですが、とっつきにくさを理由にUI設計をやらないのはもったいない、という思いで試行錯誤した結果、なんとか、UI設計のお仕事をいろいろ担当させていただくことができるようにな

UIUXガイドライン UIデザインガイドラインのまとめ デザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface Guidelines 個人的に UI デザインガイドラインといえばこれ。日本語訳も大変便利です Apple User Experience Guides ソフトウェア開発向けですが、イントロダクションあたりは参考になります iPhones Human Interface Guidelines 会員登録すると見れる PDF 資料ですが、上記のリンクからブラウザ上で観覧することが出来ます Windows User Experience Interaction G

PSDファイルとは、Photoshopのデフォルトのファイル形式であり、レイヤー構造や画質などがかなりそのまんまなので、いろいろとこのPSDファイルを元にしてサイトのデザインや素材作成などに利用されています。Photoshopを持っていなくても、例えばフリーソフトの「Paint.NET」とPSDファイルの読み込み・編集ができるようになる「Photoshop file plug in」を組み合わせれば、完全無料で利用可能になります。また、PhotoshopのPSDファイルをXHTML＆CSSに一発変換できる「psd2css」というような無料サービスもあります。 というわけで、いろいろな局面で役に立つPhotoshopのPSDファイルを無料でダウンロードできるサイトいろいろは以下から。 60 Most Wanted Photoshop Tutorials, Brushes, .PSDs and

遺伝子を効率よく改変するゲノム編集研究の第一人者で米ブロード研究所のフェン・チャン主任研究員は、エボラ出血熱やジカ熱の早期診断技術を開発したことを明らかにした。ウイルスの遺伝情報が…続き 受精卵のゲノム編集、なぜ問題　優生思想と表裏一体 ［有料会員限定］ ゲノム編集食品　販売容認、条件満たせば安全審査なし ［有料会員限定］

「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL（MITSUE-LINKS JavaScript Library）」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規

ドットインストール代表のライフハックブログ

ドットインストール代表のライフハックブログ

本家の米Yahoo!のリニューアルに遅れること1年半、Yahoo! JAPANのトップページが2008年1月1日に大幅リニューアルされることになった。Yahoo! JAPANは日本における磐石なブランド力があり、世界のYahoo!の中でも独自のスタンスをとってきたが、新デザインは米Yahoo!に近いものとなっている。 今回のリニューアルも趣旨について、ヤフーは「利便性の向上、掲載情報の範囲拡大、オープン化の推進を図り、ユーザーのニーズに合った1日に何度も訪れたくなるトップページを目指した」と説明する。旧トップページにどのような問題点があって、新トップページではどこを改善、強化したのか、といった情報はつまびらかにされていない。 そこで今回はアイトラッキング分析を通じて、旧トップの弱点を炙り出そうと試みた。被験者には、新旧Yahoo! JAPANのトップページ（新トップページはベータテストとし