☆ご注意☆ この記事は 2011年5月29日 に書いたものです。情報が古い可能性がありますのでご注意ください。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 毛の生えた私からツルツルの私へのダメだし Webデザイナーなりたてのころ、デザインのチェックをしてもらったとき、 「んーーーなんかこのへん素人っぽいね」と言われた事があります。 素人っぽい。。。？？？(゜д゜) そのときは何だろう、どんなのが素人っぽいんだろうとわかりませんでした。 就職はできたものの、技術は完全ど素人なので。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 「素人っぽい」の意味が。 毎日、たっくさんのWebサイトを見ますが、プロのデザイナーが作ったと思われる、構成もデザインもしっかりしたサイトもあれば、お店の人が一生懸命手作りしてそうなサイ
Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ（Webサイト）を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちら Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事 Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて
ブログ記事をより多くの方に読んでいただくために、 小手先の文章テクニックや 場当たり的なアクセス稼ぎテクニックなどよりも はるかに効果のあること があると思います。 それは、経営戦略の基本中の基本である、需給バランスに徹底的にこだわることです。 すなわち、需要があるのに供給が不足している記事を書くのです。 本来、「需要があるのに供給が不足している」というのは異常な状態です。 なぜなら、みんなが読みたがっているのに、誰も書いていない記事を書けば、たくさんの読者を獲得できるのは明らかだから、そういう記事は瞬く間にたくさんのブロガーに書かれ、需給はすぐにバランスしてしまうはずだから、 そんな状態は、本来アリエナイはずだからです。 したがって、「需要があるのに供給が不足している」という異常な状態は、 なにか「供給を阻害している要因」がある場合にしか生じません。 なので、取るべき戦略は、 記事の供給
Webサービスの企画を行う際に、企画書を作られることがあるかと思います。個人で作るサービスであれば作らないこともあるでしょうが、企業として取り組む場合には必要なものです。 via Changes to site permalink page on Flickr - Photo Sharing! なぜ必要かと言えば、プロジェクトメンバーと意識を共有するためです。これがずれていると、プロジェクトの進行方向が徐々にずれていってしまいます。そうならないよう、初志を書き出しておくことで、定期的に見直し、改訂してプロジェクトを進めていくのが重要です。 そこで今回は私がWebの企画書（自分用ではなく、他社への提案用）を作る際に注意している項目を書き出してみました。実際は、これらを必要に応じて削除/追加したりします。 □ コンセプト 最も大事ですね。端的な言葉でサービスの概要を言い表す必要があります。 □
WEB制作に役立つWebサービスやツール等、合計37のブックマークまとめ。 とりあえず全て無料をあつめました。 Webサイト作成のお供にFLASH関連 Wink デスクトップのマウスの操作を含めた動きを全てFLASHへ変換するソフト。 途中注意書きを追加したり、要らない部分のカット等も出来ます。完成したムービーに次へボタンをつけたりも出来ますし、ローディングバーもつけれます。 使い方 2.0にバージョンアップ その他使いやすいデスクトップを動画にするキャプチャ マニュアル作成が１０倍楽になるソフトがありました Flashできれいなパイチャートや円グラフを無料で作る いまはやりの丸グラを作るのにフラッシュの知識がなくても簡単に作れるツール。 動画をまとめて配信するフラッシュコンテンツの作成 各種動画サイトの複数映像をまとめて表示するツール。 役立つWEBサービス 白地図、世界地図、日本地図が
Movabletypeで作成したサイトを、Movabletypeの機能を利用して、携帯向けにも公開した。その方法を紹介する。 ※今回はMT3.xを利用した方法。考え方だけ理解できれば、MT4.xにも適用できるはず。 参考）本ブログの携帯版http://www.web2-labo.com/m/ MT4iの致命的な弱点 当初はMT携帯サイト化用の超有名なスクリプト「MT4i」を利用した。 だが、MT4iは、MT最大の利点である「静的htmlファイル生成」を行わないため、携帯からアクセスするとメチャクチャ重くて却下。 MTの機能をフル活用 良く考えてみたら、Movabletypeの機能を上手く使えば、PC/携帯両方向けのhtmlファイルを同時に生成できる。 ※当方法は、画像サイズ変換にPHPを利用するため、ご利用のサーバーがPHPを利用できることが前提。 1)携帯サイト用テンプレートを追加 携帯
追記：ちょうどPHP入門にいいエントリが出てたのではっときます。僕の意見よりこっちのエントリのほうがお薦め。 15Pub ? Blog Archive ? PHPのススメ というのはもともとcatfrogさんが言っていたのだけど、ほんとそう。PHPがなかったら僕プログラミングやってなかったかもって思う。PHPは手軽さとかとっつきやすさがすばらしい。 こないだPHP使う人が集まってるところで「PHPはなんとなく動くのがいいよねー」「うんうん」とかそんな話をしてたくらいです。みんなPHPやろーぜ。 勉強しはじめに使ってたのはこれ。他と比べてないのでよくわかんないけどまあまあわかりやすかった。 独習PHP 作者: 山田祥寛出版社/メーカー: 翔泳社発売日: 2006/01/24メディア: 大型本購入: 7人 クリック: 39回この商品を含むブログ (27件) を見る僕は見てないのだけど、こっちの
※本記事は、11/29 13：18に最新の追記・修正が入っています。 builder読者の皆さん、こんにちは。 職場で隣のデスクの先輩に「僕は今年のクリスマスも一人寂しくTVを見ることになりそうです」と言ったら、「俺は一人でイルミネーションを見に行く」と呟かれてしまった山田井ユウキです。 この先輩には一生勝てないと思います。 そんなことはさておき。 今回もネット黎明期を支えた個人サイトについて更新しようかと思ったのですが、急きょ別の企画を思いついたのでそっちを書くことにしますね。 題して、 です。 「ネット文化圏」って何よ？ という方のためにちょこっと説明すると、広大なネット世界には数多くの文化圏がそれこそ宇宙の星々のごとく点在しており、それぞれが独自のカルチャーやコミュニティを築いて発展しています。 たとえばmixiや2ch、ニコニコ動画など……。 そういった、ネットに大きな影響を与えて
ウェブデザインの世界においてどのようなフォントが好まれて使われているのかを調査した結果、21種類のフォントが選び出されたそうです。どれもこれも使い勝手の良さそうな、見やすくわかりやすい、それでいてインパクトのある英文フォントばかりなので、覚えておいて損はありません。 プロフェッショナルのデザイナーによく使われている21種類のフォント一覧は以下から。 21 Most Used Fonts By Professional Designers | instantShift Helvetica Frutiger Myriad Pro Avenir Std Trajan Optima Std ITC Franklin Gothic Std Futura Bickham Script Univers Eurostile Interstate Trade Gothic Gill Sans Warnock
まとめwebプログラムをしていて、いざサービスを作ろうと思ったときにネックになるのが、デザインです。 僕はもうその手のセンスが絶望的に欠けていて、配色もレイアウトもまともなものが出来ません。HTMLやCSSそのものの知識があっても、それで作るモノが見えてこない。CakePHPの勉強をしてwebサービスをいっぱい作ろうと思っているのに、これは良くない。 そこで実際にwebサービスを作る前に読んでおきたいwebデザイン系の記事をメモとして並べておくことにしました。「これを読んでおけ」「ここのデザインは参考になるよ」「このアイコン集おすすめ」「あのツールの使い方ならここだ」「このツール良い感じ」みたいなものがあれば、是非教えてください！ 随時追加していきます。 プログラマでも出来るWebデザイン - Blog.37to.netウノウラボ Unoh Labs: デザインセンスの無い人がwebサイト
携帯サイトのユーザビリティはPCサイトと異なる部分が多く、携帯サイト特有のtipsが存在します。今回は、携帯サイトでのページ分割と、ページ内リンクの活用についてご紹介します。 従って、同じ量の情報を伝えるにあたって、 ページを複数に分割し、ページ遷移させる(ロードが必要) 1ページに情報をまとめ、ページ内リンクでコンテンツ間を移動させる(ロードが不要) という2種類の方法では、後者の方が「携帯電話=PCの代替」ユーザに好まれ、より多くの情報に接してもらうことができます。 実際、ページを複数に分割した場合、弊社のユーザビリティテスト（ユーザ行動観察調査）では図1のような行動が観察されています。 インデックスページへ戻ることを繰り返し、「面倒だ」と感じた時点でそのサイトへの興味を失い、閲覧を止めてしまうのです。 一方、1ページに情報をまとめ、ページ内リンクで誘導した場合の行動は図2のようになり
色々な修正チュートリアルまとめ 70 Beauty-Retouching Photoshop Tutorials いつもまとめ方がはんぱじゃなくて尊敬しているブログですが、今回もすごい。 いくつか8つほどあとで使いそうな奴をピックアップしますが、上記サイトではかゆいところに手が届くほど様々なチュートリアルが存在しますので必読ですよ。 シミやそばかすなんかを見事にすっきり！ ヘアカラーを見事に変化！ 違いがわかりますでしょうか・・・。鼻の形が変わっています。 このテクニックはあまり普及してはいけない気がするんだ・・・。 これはチュートリアルではないけども、修正前、修正後が、マウスロールオーバーで確認出来るので、いろいろと技術の勉強になる。一度これを見てしまうと、web画像も自分の観で信憑性を疑う事も大事なんだなぁと実感しちゃいますね。 YouTube投稿動画チュートリアル。 恐ろしい・・・。
最近ケータイサイトの開発を行っているのですが、キャリアや機種によって動作にいろいろと違いがあり、なかなか面倒ですね。 キャリアごとにテンプレートを分けて記述するのは手間なので、基本的に共通テンプレートで記述したいところですが、どうしても振り分けをしないと駄目なこともあるため、今回やってみて気がついた違いなどについてまとめてみました。 なお、いわゆる第三世代携帯電話(DoCoMo FOMA, au WIN, SoftBank/Vodafone 3G)でXHTML対応機種のみを対象としています。 ■文字コード UTF-8で統一して大丈夫そうなのですが、DoCoMoのみ特定の文字(三点リーダーや丸数字など)をフォームから入力した場合に消えてしまったりするようですので、DoCoMoは入出力をShift_JISにする必要があります。 ※上記で特定の文字のひとつとしてあげました三点リーダーですが、UT
こんにちは。小久保です。 今回は広告効果の捉え方について書きたいと思います。 ご存知のようにインターネットの広告には様々な商品があります。通常のバナー広告から、コンテンツマッチ広告、アフィリエイト広告、行動ターゲティング広告などなど...... 以前、「livedoor Blogの売上比率について」にもありましたが、ブログに限らずインターネット媒体はいくつかの収益モデルの組み合わせで運営されていることがほとんどだと思います。 実際に私達も、適切な広告を適切な場所に採用するために日々数字とにらめっこをしているのですが、時に収益性の良し悪しの判断を誤ってしまうこともあります。一口に広告効果といっても様々なパラメータに左右されますし、例えば皆さんもよくご存知の Google AdSense であれば、インプレッション、CTR、クリック単価などが売上げに寄与するパラメータになると思います。 一例に
紙に書かれたテキストから始まり、ハイパーテキスト、WEBサイト、そして WEB2.0 までを5分間で網羅してくれるというビデオ： カンザス州立大学の Michael Wesch 助教授（文化人類学）作成とのこと（ちなみに最後に表示される Digital ethnography とはカンザス州立大学内のワークグループだそうです）。はっきり言って早すぎるので、何が書かれているか目で追うだけで一苦労なのですが、非常にカッコ良くできています。個人的に、最後に出てくるメッセージ： "Web 2.0 is linking people ..." "We'll need to rethink a few things ... copyright ... authorship ... identity ... ethics ... aesthetics ... rhetorics ... governan
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く