WEB ディレクターやめよう。WEB ディレクターとは神様の仕事だった。 - nico0927's log
以前、こういう記事を書いた。確かに書いた。書いたのは私だ。 nico0927.hatenablog.com 「WEB ディレクター スキル」とかで検索すると上の方に出てくる。私が書きました。はい、私です。 この記事の中で私は「WEB ディレクターは万能の神ではない」と言い切っている。言い切りました。あ、私です。私が言い切りました。 でも実は年末ぐらいかな、案件で色々あって考えたり、それなりの業界歴を持つ友達と話して盛り上がったりして、ちょっと私は考え方を改めようと思った。 正確には、前述の記事の内容を否定する・正しく改めるというニュアンスではなくて、もっと根本の、何というか、ああもうこれ面倒くさいわ誰か言語化して。 目次 もうWEB ディレクターは万能の神でいいです WEB ディレクター、やめよう その実、何の仕事をしているのか まずは分野を二つに分けてみる コストの問題 軽視されがちなW
ウェブサイト制作が"炎上"する2つの原因 | ワークスタイル | 東洋経済オンライン | 経済ニュースの新基準
問題の本当の原因は別のところにある 長年、ウェブ制作にかかわって来た私も、炎上は何度も経験したことがあります。たとえば3年前、大手人材会社A社で大プロジェクトがあったのですが、先方企業の部長に進行が遅れていると怒られ、謝罪に伺いました。プロジェクトの「炎上」です。 結局、その問題は解決できたのですが、気になったのは問題の本当の原因は別のところにあるということでした。先方とその後よく話をしてみると、大手企業のためプロジェクトメンバーが営業や広報、管理部門の責任者など他部署から集まっていてコミュニケーションがうまく取れていないことがわかったのです。振り返ってみると、当社と先方企業との関係も、実際顔を見ずにメールでのやり取りばかりという状況で、意思疎通がとりにくい状況にありました。 作業の途中で追加の要望が出る、意図をうまくくみ取れない、担当者同士がお互いの依頼を把握しきれず混乱している、先方の
シングルカラムから始める情報設計
横並びは複雑化の第一歩 Webサイトの設計をする際、必ずといっていいほど縦にコンテンツを並べて構成を考えるようにしています。どのような人が、何を求めて Web サイトに訪れているのかというシナリオを基に構成を考えていくわけです。詳細なレイアウトを考えるのではなく、情報の流れが適切であるかどうかを判断するための工程にしています。 パソコン向けの Web サイトデザインの悪い癖のひとつに、「同じくらい重要だったら、横に並べる」というのがあります。広いスペースがあったパソコンが主流の時代ならではのアプローチですが、今は状況が大きく異なります。配信者側にとっての『重要』を出すことは間違っていません。しかし、あれこれ重要だからという理由で隣り合わせにしてしまうと、様々なデメリットが生まれます。 訪問者に迷いが生じる 直接関係のないコンテンツが横に並ぶことで視点の動きが多くなる可能性があります。また、
これからのWeb制作スタイルとプロトタイプの考え方 - よつば手帖
近年、プロトタイプやフレームワークと言った言葉をよく耳にします。 どのような変化が起きていて、それに至るまでの考え方や、個人的な見解を書きたいと思います。 閲覧環境と利用者の変化 Webサイトの役割の変化について スマートフォンやタブレットの登場によってWebサイトの閲覧環境は大きく変化しました。 PCの前にわざわざ座り、電源を入れて「さぁ、Webサイトでも見るか〜」から、リビングのソファに座りスマートフォン閲覧するようなスタイルが当たり前になってきました。 Web制作者は常時PCをたちあげてると思いますが、Web業界に関わっていない方はわざわざPCのある部屋に行って見るなんて事は少なくなっていると思います。 コミュニケーション的視点の重要性 Webサイトの価値観や利用状況は変化しているのに、実際にそれらをふまえて制作されている場合は少ないように思います。 利用者の見方が変わって来ているの
WordPressで初めてのバイラルメディアを一時間で作る方法
先日、SUPOCON という初めて作ったバイラルメディアのサイトを公開したのですが、WordPress のテーマやプラグインを存分に活用することで、とても手早く簡単に作れてしまうことが実感できました。 こんなサイトを自分でも作ってみたい！という方も中にはいるかもしれませんので、参考までに SUPOCON の作り方をざっくり紹介してみようと思います。 WordPress の基本準備や最低限のカスタマイズを行い、一時間程度でサイト公開できる状態まで仕上げることを目標にします。 WordPressインストール（10分） WordPressの詳しいインストール方法については省略します。 昨今のレンタルサーバだと標準で WordPress インストール機能が付いているものも多いので、そういうのが使えると一番手っ取り早いですね。 分からない方は「WordPress インストール」で検索するとドッと参考
Web制作者がマジで学べる国内ブログ厳選10個【制作+SEO対策編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんどうも〜こんにちはぁ！ 日々レベルアップを目指してWebを学んでおりますライターの、のび太です。 以前「Web制作初心者がマジで学べるおすすめ国内ブログ厳選10個」という記事を書かせていただいたのですが、予想以上に好評で驚きました。お役に立てて光栄です！ そのときご紹介したブログの他にも、まだまだ有益で素晴らしい国内ブログはたくさんあります。そこで今回は、「やばい！ マジで有益すぎる！ ありがてぇ！」と感じたブログを、制作系とSEO系とに分けて、計10個ほどご紹介したいと思います。 今まで知らなかったという人は、ぜひこの機会にRSS購読を！ 制作系 以下7ブログが、デザイン、コーディング、CMSなど制作系の内容になります。 NxWorld http://www.nxworld.net/ どの記事もシンプルかつ丁寧な説明で非常にわかりやすいです。特にWordPressカスタマイズ系の
なぜ Web Components はウェブ開発に革命を起こすのか
ウェブアプリケーションのフロントエンドに関わる方なら、もう Web Components という 言葉を全く聴いたことがない方は少ないのではないでしょか。 すでに関連記事も数多く出回っており、実際に触り始めている方も多いと思います。しか し、なぜこれが革命的技術なのか、周囲の人に簡潔に説明できる方はどれくらいいるで しょうか？この記事では、それを試みていきたいと思います。 デジタル部品の流通革命 # ソフトウェア部品の流通に今、大きな変化が起きてきています。 数年前のオープンソース環境を覚えているでしょうか？レポジトリは集中管理型の subversion、リリースは zip、テストは手動。Issue の登録もプロジェクトごとにことな るバグ管理システムが使われていたため、とっつきづらかったでしょうし、パッチを送る のも面倒でした。 そんなオープンソースを取り巻く環境が、git や GitH
Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ
TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション／受注前 １．書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類（ヒアリングシート／企画書／提案書／業務委託書／見積書／契約書）など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３ ２．見積もりの目安と計算方法 例えば項目を作るとき１．項目／２．内容／３．設計(人日)／４．製造(人
新人コーダーに知っておいて欲しいリダイレクトの基本｜クロノドライブ
サイトを運営していると、サイト内のページの移動や削除、またはサイト自体の移転をすることがあります。その場合、リダイレクトという処理を用いて新たなページに転送を行いますが、正しい知識と手順を以って対応しなければ、検索順位の下降、ページランクやドメインエイジの喪失といったSEO的なペナルティを招いてしまいます。 そこで、そのようなペナルティを受けないために、ページ移動・サイト移転時の正しいリダイレクトの設定方法と、代表的なリダイレクトの種類やその実装方法をご紹介します。 リダイレクトの種類 リダイレクトには、HTMLやJavaScriptといったクライアントサイドプログラム、PHPやPerlといったサーバサイドプログラム、あるいは.htaccessの設定変更を行う等、様々な対応方法があります。そのうちのいくつかを、実際のサンプルソースとともに解説します。 metaタグによるリダイレクト hea
BootstrapのUIがドラッグアンドドロップだけで組める！最速でウェブのユーザーインターフェースが構築できるエディタ「Jetstrap」 - Chrome Life
先日、Twitter Bootstrapが2.1.1にアップデートされました。 Bootstrapが2.1になって大幅に機能も追加され、ウェブサイトを構築する上で必要なUIがほとんど揃っている感じがします。 最近では、スタートアップ系のWebサービスを作る人にとっては、Bootstrapが必要不可欠な存在になりつつあります。 とはいっても、Bootstrapに慣れていない人が、実際にページを作っていくにはコンポーネントのタグ構造やClass名を意識して作らないといけないので、少し難しい部分もあります。 Bootstrapのサイトを見ればマークアップのサンプルがあるので、それを見ながら作れば良いのですが1つ1つ確認しながら行うのも手間です。 そこで今回ご紹介するのが、BootstrapのUIをドラッグアンドドロップだけで簡単に組めるエディタ「Jetstrap」です。 jetstrap - B
ウェブ業界で求められるスキルセット | six1ブログ
先日、独立した元部下と飲んだのですが、その時の話。 その部下が「企画、コンセプト立案から、デザイン、集客」まで行なって立ち上げた事業が軌道に乗りつつあるという話を聞いたのだけど、フト 「いろいろできるんですけど、自分のスキルって専門性が低いんです。システムエンジニアとして専門って言えば、そうじゃないし。。。」 という弱音をはいてました。 その時に「そんなこと無いんじゃない？」とは思ったんだけど、その理由をチョイチョイと。 —- 例えば、少し昔の記事で、Zyngaの求める人物に関する記事があったのだけど、その中でZyngaはデザイナーとプログラマーの両方が、FlashとPHPのスキルを保有しているという話。 一般的にPC向けのソーシャルゲームでは、クライアントはFlash、サーバは、Zyngaの場合はPHPと、異なるスキルが必要になります。もしデベロッパーがいずれか一方の知識しかない場合は、
「Web制作の現場で起きているのは、クリエイターのたたき売り」 元フリーランスの開発部長が描く「Webの仕事探し」の理想形
ソーシャルゲームの活況やスマートフォンアプリを活用したWebサービスの林立が多くの媒体で毎日のように報道されている。一時期は、グリーが新卒入社の社員に1500万円を支払うなど華々しいニュースが飛び交った。その活況の中心にいるWebクリエイターにとっては、さぞかしいい時代だろうと想像してしまうが、Web制作の現場はそうでもないらしい。 そこにあるのは「たたき売り」によって適正な条件の仕事がないという厳しい状態。この状況に立ち向かうため、新たなリクルーティングサービス「スキルプル」を立ち上げた人材サービス運営アイ・アム＆インターワークスの担当者に業界の現状やサービスの狙いを聞いた。 新卒に1500万円、その裏側で起きているたたき売り 華やかな報道に埋もれて見えてこないWeb業界の現場では何が起こっているのだろうか。アイ・アム＆インターワークスの戦略開発部の赤澤仁士さんは「プログラマーやデザイナ
WEBシステムのデザインについて今の会社を退職する前に私が後輩に伝えたこと
このたび会社を退職することが決まり、デザインについてほとんど初心者である後輩に対して私の思考を託す時が来ました。 私自身WEBシステムの制作を手がけたことはなく（ないのかよ！！と全力でつっこんでおｋ）今度のプロジェクトでうちのチーム初のWEBシステム制作案件があるそうなので、デザインする時のポイントなどを自分なりにまとめてみました。 私は携われないんですけどね＼(^o^)／ 様々なWEBシステムのデザイン よいデザインはデザインをする対象（今回はWEBシステム）のことを知らなければ出来ません。 自分の考えだけでデザインをはじめると、思考の偏った使いにく～いものになってしまう恐れがありますので 必ず調査をしましょう。 そして、何故その要素がそこに配置されているのかを考えましょう。 以下に様々なWEBシステムのキャプチャと 超稚拙で言葉足らずな安易すぎる説明を掲載します。 ですが、掲載されてい
女性向けサイト等に使えそうなイラスト風の花・植物のPhotoshopブラシ集:phpspot開発日誌
Free Floral Photoshop Brushes | Professional photo gallery | Create and buy flash xml photo gallery 女性向けサイト等に使えそうなイラスト風の花・植物のPhotoshopブラシ集が色々まとまったエントリのご紹介です。 サイトに使うことでサイトがオシャレになったりしそうです。 これは絶対に使えそうですね。 関連エントリ ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ 100以上のクールなPhotoShop用ブラシがダウンロードできる「getbrushes.com」 動物に関するPhotoshopブラシ色々 クリエイティブでカッコいいPhotoshopブラシセット５０
商用利用も無料、ウェブ用のエレメント・ページレイアウト・アイコンのPSD素材の配布サイト -design deck
ナビゲーション、ボタンなどのエレメントをはじめ、ページレイアウト、アイコンなど、商用でも無料で利用できるウェブデザイン用のPSD素材を配布しているサイトを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SEO Cardiff
このWEBサービスやアプリ達に感謝しなければ年を越せない！僕が今年使い倒した2012年のベストを全部ご紹介！ | バンクーバーのうぇぶ屋
GW中にまとめて読みたい、Web制作者におすすめのスライド
最近のWeb制作で必ず1度はお世話になる便利なジェネレーターまとめ5つ - W3Q
Welcome to nginx!