デザインや使いやすさよりも、はるかにSEOやSEMにお金が流れ易いジレンマ
実際に優れたレスポンスを持ったwebデザイナーがいたとしても、優れたSEO、SEM能力が高い人間に食われてしまうジレンマが、現在のweb業界なのかもしれない。 こんな事をいうwebデザイナーに会った。 大事なのはデザインではない。使いやすさもおまけだ。アクセス数の高いホームページで、リピーターを引き付けるサイト。そんなSEOやSEMを歌う連中にばっかりお金が流れていって、デザイナーはどんどん食われていくんだ。もうダメだ。webデザイナは。 つまり 露出回数を上げるスキルリピート力この二つがあれば、web制作費が多少高くても勝ち取れる、というのだ。 なかなか興味深い話だった。 webデザインとはなんなのか 制作を「依頼」する側にある欲求は実にシンプルだ。 「コストがかからず」「カッコ良く」「見やすく」「売り上げが上がり」「問い合わせがバンバンくる」 こんなサイトをご要望だろう。 制作に関して
Zen-Codingでさらにコーディングを1.5倍くらい速くするためのカスタマイズ方法 - EC studio デザインブログ
Zen-CodingでHTML/CSSコーディング作業の効率があがった人が増えてきたのではないかと思いますが、そこでさらにカスタマイズすることで効率化アップする方法を紹介します。 Zen-Codingではあらかじめ多くのHTML/CSSのショートコード、スニペットが登録されていますが、Zen-Codingを構成するファイルを少し修正するだけで、オリジナルのコードを登録することができます。 JavaScriptを触ることにはなりますが、JavaScriptを知らなくても大丈夫なぐらい簡単です。 zen_setting.jsに秘密がある Zen-Codingをダウンロードすると、対応アプリケーションごとのファイルをダウンロードすることができますが、そのダウンロードしたファイルの中にはzen_setting.jsというファイルが存在しています。 実はその中に、省略コードやスニペットがすべて書き込
少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイル:phpspot開発日誌
少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイル 2010年03月03日- 30 High-Quality Free Website Templates to Download|Dzine Blog 少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイルが３０種類も紹介されています。 次のような、本当に、本当にフリーでいいんですか？本当にフリーでいいんですか？とつい歌ってしまいそうなレイアウト集がダウンロード出来ます。 色鮮やかでインパクトあるデザインや、すっきり見やすいレイアウト等、そのままWEBサービスに使ってしまってもよいようなものばかりです。 ライセンス等は確認したほうがよいと思いますが、活用すれば手間を大きく削減出来るかもしれませんね。 関連エントリ チュートリアルで
MacのStackの動きを実装するjQuery – creamu
洗練されたインターフェースを実装したい。 そんなときに参考になるのが、『”Outside the Box” Navigation with jQuery』。MacのStackの動きを実装するjQueryです。 MacのDock風の動きはよく見られますが、Stackの動きを作っていますね。動きが軽快でかなり気持ちいいです。HTMLはul, liでクリーンに書かれていますね。 デモは以下から。 Demo – see it in action 一度見てみてください。 “Outside the Box” Navigation with jQuery いろいろぱつぱつだったけどようやく少し落ち着いた。一つリリースできて、もう一つリリースできそうで、いい感じです。クライアントに喜んでもらえるとがんばった甲斐がありますね。
ゆーすけべー日記
サキとは彼女の自宅近く、湘南台駅前のスーパーマーケットで待ち合わせをした。彼女は自転車で後から追いつくと言い、僕は大きなコインパーキングへ車を停めた。煙草を一本吸ってからスーパーマーケットへ向かうと、ひっきりなしに主婦的な女性かおばあちゃんが入り口を出たり入ったりしていた。時刻は午後5時になる。時計から目を上げると、待たせちゃったわねと大して悪びれてない様子でサキが手ぶらでやってきた。 お礼に料理を作るとはいえ、サキの家には食材が十分足りていないらしく、こうしてスーパーマーケットに寄ることになった。サキは野菜コーナーから精肉コーナーまで、まるで優秀なカーナビに導かれるように無駄なく点検していった。欲しい食材があると、2秒間程度それらを凝視し、一度手に取ったじゃがいもやら豚肉やらを迷うことなく僕が持っているカゴに放り込んだ。最後にアルコール飲料が冷やされている棚の前へ行くと、私が飲むからとチ
Adobe AIRでのCPU使用率の削減 | デベロッパーセンター
コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* 正直に言いましょう。AIRはランタイムが大きすぎ、貴重なメモリとCPUを浪費すると言われています。確かに多くのAIRアプリケーションがこの罠に陥っていますが、これは決して避けられないわけではありません。様々な技法を利用することで、ネイティブプログラムに遜色ないパフォーマンスを発揮する軽量のアプリケーションも開発できるのです。 CPU使用率を劇
いまからでも間に合う開発者テスト - mixi engineer blog
はじめまして。開発部じゃない加藤和良です。 最近、mixi では Buildbot をつかった継続的インテグレーションをはじめています。安定版の mixi のソースコードにコミットすると Buildbot がそれを検知し、自動的にテストが走るようになりました。 ここでの「テスト」は Test::Simple や prove(1) をつかった、Perl でかかれた開発者テストを指しています。mixi の開発者テストをとりまく環境は、ここ数年でかなり改善されました。今回はその歩みをふりかえりながら、テストの無いコードベースをどこからどうやって変えていったかという話をしたいと思います。 開発環境 はじめに、前提となる mixi の開発環境について説明します。mixi では複数人の開発者がひとつのマシンで作業を行います。それぞれの開発者は、あらかじめ割り当てられたポートで Apache を起動し、
Chromeのタブを強化するエクステンション10 | エンタープライズ | マイコミジャーナル
Make Tech Easier - Uncomplicating the complicated, making life easier 10 Useful Chrome Extensions For Efficient Tabs Management - Make Tech EasierにおいてChromeのタブ機能を拡張するための10のエクステンションが紹介されている。Mozillaの実施した調査によればユーザの平気的なブラウザタブの数は10前後。最大で20ほどだ。 デフォルトの機能だけでも利用はできるが、このタブをもっと便利に活用するためのブラウザエクステンションはすでに数多くリリースされている。10 Useful Chrome Extensions For Efficient Tabs Managementで紹介されているChromeエクステンションは次のとおり。 1. TooM
画像をより魅力的に使うためのWordPressプラグイン20 – creamu
WordPressで作ったサイトをより魅力的にしたい。 そんなときにおすすめなのが、『20 WordPress Plugins For Better Image Handling』。画像をより魅力的に使うためのWordPressプラグイン集です。 おっと思うようなプラグインが結構ありますね。いくつかご紹介します。 jQuery Image Lazy Loader WP 最近の海外のブログでよく見られるプラグイン。ページをスクロールするのに合わせて画像が読み込まれる。これを使っていたのか。。 Frontpage-Slideshow クリッカブルなスライドショーを作成。記事へのリンク等に使える NextGEN Gallery 画像にFlashのアニメーションのような効果をつけられるNextGEN Gallery。かなりかっこいい FlippingBook ページがめくれたような表現で画像を表示
秀逸なテーブルデザインのパターン集:phpspot開発日誌
Ultimate guide to table UI patterns 秀逸なテーブルデザインのパターン集をまとめたエントリのご紹介です。 デザインだけでなく、見やすさや分かりやすさという点にも気を配りたいテーブルデザインは比較的難しいものになりますね。 テーブルデザインの例を知っておくことで、難しいテーブルのデザインをする際にも参考に出来そうです。 Apple のデザインっぽいテーブル 複雑なデータをわかりやすくスタイリッシュにまとめたテーブル 画像なども盛り込みつつ見やすいテーブル シンプルに見やすいテーブル JavaScript の入ったものも入ってきますが色々なテーブルを見てストックしておくと後に役立ちそうです。 関連エントリ CSSでデザインしたクールなテーブルのサンプル集 CSSでデザインされたテーブルレスでクールなフォームサンプル
PHPによるWeb Socket実装·PHPWebSocket MOONGIFT
PHPWebSocketはPHP製のフリーウェア（ソースコードは公開されている）。HTML5で登場する新しい機能の一つがWeb Socketだ。JavaScriptを使って特定のWebサーバとソケット通信ができるようになる。これまでAjaxを使って行っていたような操作がもっと手軽に、さらに高度なこともできるようになるだろう。 クライアントサイド だが実装までの道のりが複雑であれば利用頻度は少なくなってしまう。そこで参考にしたいのがPHPWebSocketだ。PHPWebSocketはPHPを使ったWeb Socketサーバの実装と、それと会話するクライアントのデモを提供している。 server.phpを実行すると、localhost:12345でサービスが立ち上がる。後はWeb Socketに対応したクライアント（例えばGoogle Chrome）でclient.htmlを開けば良い。サー
ゆーすけべー日記
サキとは彼女の自宅近く、湘南台駅前のスーパーマーケットで待ち合わせをした。彼女は自転車で後から追いつくと言い、僕は大きなコインパーキングへ車を停めた。煙草を一本吸ってからスーパーマーケットへ向かうと、ひっきりなしに主婦的な女性かおばあちゃんが入り口を出たり入ったりしていた。時刻は午後5時になる。時計から目を上げると、待たせちゃったわねと大して悪びれてない様子でサキが手ぶらでやってきた。 お礼に料理を作るとはいえ、サキの家には食材が十分足りていないらしく、こうしてスーパーマーケットに寄ることになった。サキは野菜コーナーから精肉コーナーまで、まるで優秀なカーナビに導かれるように無駄なく点検していった。欲しい食材があると、2秒間程度それらを凝視し、一度手に取ったじゃがいもやら豚肉やらを迷うことなく僕が持っているカゴに放り込んだ。最後にアルコール飲料が冷やされている棚の前へ行くと、私が飲むからとチ
【速報】Twitter社が全ツイートにアクセスできるAPIをベンチャーに開放！その真意を探る：In the looop：オルタナティブ・ブログ
日本時間の3月2日6時に発表されたほやほやのニュースをひとつ。 Twitter社が自社ブログにて，一部ベンチャー向けにFirehose（ツイッターが蓄積している全ツイート，ただしダイレクトメッセージを除く）にアクセスできるライセンス契約を7社のベンチャー企業と締結したことを発表した。 ・ Enabling A Rush of Innovation (Twitter, 2010/3/1) このFirehoseを現在利用できるのは，Google，Microsoft，Yahooの3社のみ。3社合計で推定約30億円という巨額な年間ライセンスを支払うことでTwitter社から得た権利だ。 それに対して，新たに契約したと発表されたベンチャー企業は次の7社だ。 Twazzup Collecta CrowdEye Scoopler Kosmix Ellerdale Chainn Search（サービス準備
Illustratorで文章を扱うとき（文字組版） - DTP Transit
Illustratorで文章を扱うとき、矩形エリアに文字を流し込んだままではなく、次の4点は、最低限設定します。 行送りの設定 均等配置（行頭行末揃え／ジャスティファイ） 禁則 文字組み（約物前後や和欧間のスペースの設定） 逆を言えば、Illustratorではポイントテキスト（文字ツールでクリックして入力したテキストオブジェクト）を前提としています。 デフォルトの［行送り］は、文字サイズの175％に設定されています。「（14.4pt）」のように（）付きで表示されているときには「自動」行送りになっています。1行あたりの文字数に応じて調整します。 CS以前のIllustratorや、バージョン互換を行ったドキュメントによっては自動行送りが欧文に準じた120%になってしまいます。120%では行送りは狭すぎます。日本語では150-190%程度に設定します。 ［段落］パネルの［均等配置（最終行左揃
PHPによるデザインパターン入門 - Do You PHP?
PHPによるデザインパターン入門 秀和システムから発売となった「PHPによるデザインパターン入門」（ISBN4-7980-1516-4・ 2006/11/23発売）を執筆しました（共著です）。 「PHPを使ってGoFパターンを見ていこう」的な書籍になっています。GoFパターンについては、それぞれパターンの説明とサンプルコードという構成です。サンプルコードは、CentOS4.4/Windows XP（SP2）＋PHP5.1.x/5.2.0で動作確認しています。 目次は以下の通りです。 1章 デザインパターンの世界へようこそ デザインパターンって何？ デザインパターンとは？ オブジェクト指向 GoFパターン デザインパターンのメリット・デメリット デザインパターンを使うメリット デザインパターンを使うデメリット PHPとオブジェクト指向 PHPとは？ PHP5でのオブジェクト指向開発 2章
スピリチュアルエンジニアリング入門 - 昼メシ物語
先日 hack05 というイベントで LT をしたので、そのときの資料をまとめておきます。 スピリチュアル エンジニアリングとは システム開発・運用にスピリチュアル要素を取り入れることでシステム安定化を目指します。 皆さんご存知の通り、人間の技術力には限界があり、予測不能な事故（バグ）はまさに、神の領域といえます。 そこで「ジンクス」「縁起かつぎ」「妖精さん」などの力を借りることで、人間の手ではどうしようもない事態を回避するというのがこのスピリチュアルエンジニアリングです。 スピリチュアルエンジニアリングの基本原理 スピリチュアルエンジニアリングの基本は「祈り」にあります。「絶対に動く」という祈りの強さがよりよいコードをもたらします。 スピリチュアルはすべてのエンジニアの身近に！ 以下に当てはまる人がいたら、あなたも立派なスピリチュアルエンジニア！ コーディング中に神が降りてきたと思う瞬間
書籍「PHPによるデザインパターン入門」の原稿テキストを公開します - Do You PHP はてブロ
ご報告が遅くなりましたが、去る2009/09/14に絶版となりました orz 出版から3年ですか。自分が最初に書いた本(雑誌ではなく)で、いろいろな思い入れはあったんですが、やっぱりCakePHPなどのフレームワークとかJavascript関連などの"今、熱い"技術の本と違って、"ブーム"が去るのが早いですね。。。 製作に関わっていただいた方、また書店で手に取っていただいた方、ありがとうございました。 で、これに伴い、校正前の原稿テキストを(一部を除き)順次公開しようと思います。基本的に『原稿テキストをHTML形式に変換したもの＋図画そのまま』ですので、誤字/脱字、説明不足の箇所もあるかも知れませんがご了承ください。挿絵はありません。 http://www.doyouphp.jp/book/book_phpdp.shtml とりあえず、第1章、第4章のTemplateMethodを公開しま
webデザイナーのためのjQueryベストプラグイン＆チュートリアル10個
かなり人気のあるjQueryですが、そんなjQueryの私個人が選ぶ素敵なプラグインとチュートリアル10選。 とりあえず定番的なものをどうぞ。 ちなみにjQueryを自作できるレベルまで手軽になりたい人は以下記事参照。 web制作の現場で使うjQueryデザイン入門が激しくお勧めな件 タグクラウドの細分化 jquery Hover Sub Tag Cloud - Noupe サンプルデモ これかなり好き。 タグクラウドをさらに細分化させて表示させてます。 こういう発想は今までなかったので最初見たときちょっと感動しましたね。 ローディングページ How to Load In and Animate Content with jQuery | Nettuts+ サンプルデモのメニュー部分をクリックしてみてください。 右上にローディングのマークが若干出て、さらにアコーディオン風に内容が変わります
これで主催もばっちり！？思い立ったが吉日、勉強会をはじめる方法 - はてなニュース
リアルはもちろん、ブログにはじまりSNSやTwitter…同好の士と出会って勉強会に参加、いつかは勉強会を開催してみたいと思う方も少なくないのではないでしょうか。一方で、事前準備、当日の運営、さらにはアフターフォローまで、心配の種はつきません。今回はそんな時に頼りになりそうなエントリーを勉強会開催の段取りに沿って紹介していきます。 ■ スケジュールの調整 勉強会の中心になるメンバーの予定の調整に役立つサービスがあります。 ▽ 調整さん (beta)- 簡単みんなのスケジュール調整ツール ▽ 伝助 スケジュール調整サービス どちらもユーザー登録なしでスケジュール調整のページを作れます。URLを共有してスケジュールを書き込んでもらいましょう。 ■ 開催時間はいろいろ、朝やお昼の開催も 勉強会というとまとまった時間をとりやすい平日の夜や休日の開催を考えがちですが、朝やお昼に開催するスタイルはいか
素敵な名刺デザインいろいろ
個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 たまたま、先日名刺の話題を Twitterでしていたのでついでに エントリー。 一貫性もコメントも何も無い、個人的なメモ（ギャラリー）です。 Paper Napkin Designs Paper Napkin Designs i Draw Designs i Draw Designs caddyshack putters caddyshack putters ed ed doTerra doTerra Andy-Westwood Andy-Westwood Bridge Photographic Bridge Photographic Tecknogr▲fick™ Te
この国を変える流星-METEOR- 1994年ゲームクリエイター達の言葉(1)／堀井雄二、坂口博信、宮本茂
◆バックナンバー ・「1994年ゲームクリエイター達の言葉(2)／岩田聡、糸井重里、宮岡寛(みや王)」 ・「1994年ゲームクリエイター達の言葉(3)／すぎやまこういち、植松伸夫、内藤寛、靄沢秀二 1994年発行の「ゲームデザイナー入門」という本で、当時活躍していたゲームクリエイター達のインタビューが多数収録されていました。もちろん今も第一線で活躍されている方達ですが、SFC時代ならではの言葉や、「ゲーム作り」にとって不変なためになる言葉も多く、ぜひ今紹介したいと思いました。 今回はその中から堀井雄二さん、坂口博信さん、宮本茂さんのインタビューをご紹介したいと思います。 ■堀井雄二さん ・シナリオを書くにもプログラムの知識が必要です。 よく「シナリオを書くのだから、プログラムの知識は必要ない」と思ってしまう人がいるようですが、実際にはある程度の知識が必要です。 ただ単にゲームの企画だけ
Geekなぺーじ : 良いプログラマの見分け方
「How to recognise a good programmer」という記事がありました。 良いプログラマを見分けて雇用するためのTIPSが書いてありました。 原文前半では、Paul Graham氏が書いている「The 18 mistakes that kill startups, 日本語版:スタートアップを殺す18の誤り」というエッセーに書かれている「90年代のE-コマースで多くのベンチャーを失敗させたのが質の悪いプログラマであるが、プログラマではない起業家には良いプログラマと悪いプログラマを見分ける術がない。」といった内容に対して反論すると書いています。 見分け方をまとめると、以下のようになるそうです。 流石に全ての項目を満たすような人は少ないそうですが、どれか一つでもあてはまる項目があれば、それは良いプログラマなのかも知れないそうです。 原文には、詳細な説明があるので興味のある
プログラマーの力量を見極める--面接官になったら尋ねるべき質問実例集
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます ソフトウェア開発者を採用する面接の場においては、応募者の専門家としての力量を見極めることが最も困難な作業の1つである。彼らの考え方については、面接時に少しやり取りを行えばそれなりに見当が付くだろう。しかし、実際のプログラミング経験を推し量るのは至難の業だ。一部の企業では、さまざまなテストを実施することでこれを行おうとするものの、筆者の経験から言えば、こういったテストは近代的な開発環境では必要性が薄い知識（IDEのオートコンプリート機能や、F1キーの押下で表示されるヘルプ、インターネットといったものがあるため、ライブラリの知識は以前ほど重要ではなくなっている）の丸暗記能力を試すだけに終わることも多い。そこで本記事では、開発者を評価するうえ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スクリプト言語“Ruby”をWindows環境へ簡単に導入できる「RubyInstaller」NOT SUPPORTED
『Disc Space Fan』で素早く、おしゃれにハードディスク解析 | ライフハッカー・ジャパン
新着記事
IDEA * IDEA
IDEA * IDEA
そんなプログラマは必要ない！優秀なプログラマの8つの条件*ホームページを作る人のネタ帳