2月9日に東京で開催された World IA Day 2013 に参加してきました。前回の記事 で書いた今後の IA の課題のヒントになるようなメッセージを、イベントを通して幾つか見つけることができました。 今回は吸収した内容を自分なりにインフォグラフィックにしてみました。 イベントを通して『情報』にはデータベースに蓄積できるようなものと、掴み所がないものと二種類あると考えました。言い換えれば右脳的な情報と左脳的な情報があるといったところでしょうか。まったく違う存在のようにみえる二種類ではありますが、4つの段階を踏んでアーキテクチャ（構造）を作り出しているようにみえました。 Deconstruct （分解） Sort（分類） Compose（構成） Adjust（調整） つまり、感情やニュアンスといった掴み所のない情報だったとしても、ビッグデータを活用した情報の解析だったとしても、進むべき

このコピー講座は、2012年11月にスタートアップ企業向けに開催した「WEBこそコピーがたいせつ講座」の抜粋および、2013年2月に岡山広告温泉で話そうと思っていたことのスライドです。Read less

GIMPがバージョン2.8.4で日本語に対応した。 GIMPは、レイヤー、トーンカーブ、ブラシエディタ、モザイク編集、アニメーション合成など、多くの機能を備えた無料の画像加工アプリ。以前は、Macの表示機能を拡張するX11が必要だったが、昨年8月にリリースされた2.8.2でネイティブアプリになった。 だが、2.8.2には日本語環境で立ち上げるとクラッシュするバグがあった。利用する場合は、英語環境で起動させるApp Language Chooserを使う必要があったが、昨日リリースされた2.8.4でバグが解消された。 2.8.4のダウンロードは、今のところGIMPのトップページから。最初に、「GIMP 2.8.4 FOR OSX AVAILABLE 2013-02-10」というニュース項目にある「disk image」をクリックする。上のスクリーンショットのようにパスワードを要求されるが、ユ

ウェブデザインやポスター、フリーペーパーなど、何かをデザインするときにシンプルすぎるフォントでは物足りないし、かといってインパクトがありすぎてもデザイン全体とマッチしない！という事態に陥ってしまうこともしばしば。うまく使えば効果的なのですが、洗練されたデザインフォントを見つけるのは難しい……ということで、デザイナーに人気の無料フォントをSmashing Hubが集めています。 Top 50 Sources for Designers to Download Free Fonts http://smashinghub.com/download-free-fonts.htm ◆01:Source Code Pro | Free software downloads at SourceForge.net Source Code ProはSource Sans Proに続くAdobeのオープンソー

Frontrend Vol.4 に参加してきたのでその時のメモです。 CA Frontrend v04 Frontrend Vol.4 powered by CyberAgent, Inc. : ATND 場所: サイバーエージェント本社 13F セミナールーム （東京都渋谷区道玄坂一丁目12番1号渋谷マークシティ ウエスト13階） Frontrend Vol.4 powered by CyberAgent, Inc. に回答するとスライドがある JavaScript Development Tools – JavaScript開発の効率アップ – Layzie JavaScript開発に役立つGUI JavaScript開発に役立つCUI Chrome Developer Tools ショートカット ブレークポイント DOMの属性が変更 Throw Error XHRでURLに通信した時

HTML5 Carnival Fukuokaで発表したアドビの Edge ツールの紹介です。基本的に現段階（2013/2/9）なら、結構な範囲でHTML5のWeb制作ツールを無償で使えます。 この機をお見逃しなく。Read less

High-quality typefaces often come with a hefty price tag, but these days, the best free fonts are surprisingly capable, so you can get something for nothing. In our comprehensive roundup, we've curated the 50 best available today, spanning a wide range of styles and use cases. From elegant serifs to modern sans-serifs, playful scripts to robust display fonts, each font in this list has been carefu

前にも一度、同じような問題に直面して調べて解決したような気がしたのですが、今回もおそらくその時と同じくGoogleで調べて解決したので、メモって忘れないようにしておこう。 font size自動調整をきる 最近ではレスポンシブデザインでいろんなデバイスに対応したりしますが、私もそんな感じの仕事をしていたわけです。最初はPC Chromeでwindowを伸び縮みさせながら作っていたわけですが、ある程度できた所でiPhone Mobile Safariでチェックしていたのです。Portrait mode（縦向き）では問題なく閲覧していたのですが、Landscape mode（横向き）にしたときにどうも文字サイズが変になります。 最近はiPhoneもリモートでWeb inspectorで見れたりしますから、細かく調べてみても数値的には問題無さそう。おかしいなってことで調べた後に、iPhoneでは

[“ <\/p>\r\n It’s the trend that people are calling for this year. But it’s really a trend that’s been here for the past couple of years. Typography is a concept that’s been practiced for many centuries. And it’s one that’s going to stick around for years to come.<\/p>\r\n What is it about typography that makes everyone go crazy? It has this artistic component to it, where it can increase the aest

みなさんはじめまして。初登場のWPD-Bordeaux（ボルドー）です。 今回はみんなが気になるWordPressの収益モデルについて書いてみたいと思います。 ではさっそく行きましょう。 収益モデルについては主に下記のパターンに分類出来ると思います。 ※他にもあったら僕も参考にしたいのでコメントなど下さいね。 受託型収益モデル クライアントの要望を踏まえて�ウェブサイトやシステム、 テーマ、プラグインを開発し、�その制作費が売上となる サーバー・システムの�保守・メンテナンス費や�運営コンサルティング費など 制作会社においてもっとも一般的な収益モデルだと思います。 このモデルの場合、良くも悪くも「やってなんぼ」の売上なので、売上を上げるには、 「受注数」と「受注単価」の増加を目指す事になります。 仕事がなければ売上になりませんし、受注単価が低ければ制作コストが上回って利益どころか赤字になり

決済サービスを展開する米「Stripe」は2013年2月7日、ポピュラーなJavaScript用ライブラリ (プログラム郡がパッケージされたもの)「jQuery」と連携して仕様できる決済ライブラリ「jQuery.payment」をリリースしたと発表した。 「Stripe」は、面倒で時間のかかる決済機能の導入について、どこよりも簡単に実装できるAPIを提供する企業。大手決済サービスを展開する米PayPal 創業者や、大手有力VCから投資を受けるなど注目をあびている。 今回リリースされた「jQuery.payment」を使えば、数行のJavaScriptコードだけで決済機能を導入することができるようになる。 冒頭のスナップショットは、実際に「jQuery.payment」を使ってドネーションを受けられるようにしたサイト。決済者は面倒なユーザー登録作業などをする必要なく、この画面から利用すること

iPadで思いっきり文章やブログが書きたい！ そんなときに助けとなるのが Bluetooth で接続する外部キーボードです。気づけばiPad用の私は外部キーボードだけで４種類を購入しているのですが、それはどれもが一長一短だということでもあります。 しかし今回入手した Brydge はひと味違います。 BrydgeはもともとクラウドファンディングのプロジェクトとしてKickstarterで去年の４月にスタートしました。その後紆余曲折をへて今の形になり、ようやく出資者のもとに完成品が届きました。### iPadを本当にノートパソコンのように iPadをノートパソコンのように使う外部キーボードとして以前紹介した Zagg folioがあります。Zagg folioは iPad 本体のカバーとしても機能しますが、その分だけ分厚くなったりキーボード部分とのズレが気になったりします。 これに対してBr

物凄い仰々しいタイトルになっていますが、実は先日行ってきた「CSS Niteビギナーズ：Web解析」の受講レポートになります。すばらしく濃い内容で「ビギナーズ？嘘つけ！」などと思ったりもしましたが、すぐに試したいネタが満載で大変勉強になりました。 色々あって公開が遅くなりましたが、以下にナカムラが大事だと感じたポイントを書き留めて行きたいと思います。 一貫していた「解析と施策のスピード」という考え方 豪華メンバーの揃った今回の講演。皆さんほぼ共通していたのは「Web解析にはもっとスピードが必要だ！」という考え方でした。 解析はPDCAサイクルで言うところの C（チェック）の部分なので、さっさと A（改善）に移ってアレコレ試さなきゃ役に立たないよ！ということですね。 で、沢山の解析効率化ネタが紹介されたんですが、中でも特に僕の気になった物を以下にピックアップしてみます。 イベントトラッキング

dIG iT Digital Marketingに関する様々なテーマで発信するブログ。 若干ペースが落ちているものの、１本は濃い内容で書いてみてます！ ウェブサイトで実施されるテストの回数やアプローチなどを日本とUSで比較をすると、やはり少し日本の方が遅れている感があります。感覚的には今の日本でのWeb解析の盛り上がりが、USにおけるウェブサイトでのテストの状況といった感じです。 ちなみにWebサイトでのテストに実施については、USのある調査によると平均で４〜５回／月に実施されているところが最も多いというレポートもあったりします。日本は実際にどうでしょうか？恐らくそこまで＜テスト＞といった視点で実施していることは少ないのではないでしょうか？ そこで「なぜ日本においてテストの文化が根付いていかないのか？」について少しつらつらと考えながら書きだしてみたいと思います。ただ、これはあくまで私見なの

第二回目となるWorld IA Day。 テーマは"情報アーキテクチャの価値体系を探求・拡大する"。 日時：2013年2月9日(土) 会場：東京大学本郷キャンパス 福武ラーニングシアター 続きを読む

Recently I had published an article on SitePoint showcasing different examples of the use of CSS3 2D and 3D transform . CSS3 excites us so much, you could be forgiven for thinking this is the most advanced version of CSS available. Not so. Even now, just as you are still learning to use CSS3 and HTML5, those talented folks at W3C have released a working draft of the Level 4 standards of CSS Select

様々なJSライブラリのまとめサイトのご紹介。主にクライアントサイドのJSライブラリを中心にコレクションしているみたいです。シンプルで探しやすかったのでメモ。 JSのコレクションサイト。サクサク動作して広告などの余計なコンテンツも無いので非常に探しやすい印象です。

wordpress.com/restaurants というページをオープンして以来、多くのお店が WordPress.com を使って独自の魅力を伝えています。私達が見つけたすてきな例をいくつか挙げてみます。 昨年、レストランがサイトをすばやく簡単に立ち上げられる機能をまとめた、wordpress.com/restaurants というページをオープンしました。その際に、メニューや地図・アクセス情報、OpenTable 予約ウィジェットなどを含んだ、新しい無料テーマをご紹介していました。以来、伝統と人気を誇るレストランから、隠れ家的ナイトクラブまで、多くのお店が WordPress.com を使って独自の魅力を伝えています。私達が見つけたすてきな例をいくつか挙げてみます。 POSH POSH はアリゾナ州スコッツデールにある「インプロブ（即興的）・レストラン」です。シェフのジョシュ・ハーバ

CSSスプライト、CSSアニメーションを駆使し、キーボードやマウスで操作可能なストリートファイターⅡのケンの様々な動を作完全再現したデモです。パンチやキックのみならず、波動拳、昇竜拳や竜巻旋風脚などの必殺技も思いのままです。 HTML、CSS、JSのソースコードはこんな感じになっています。 Check out this Pen! デモページはこちら Ken's Street Fighter II with animated sprites – CodePen またこちらのサイトに動作の詳細仕様が記載されています。 ソース：Animate png sprites with css3 animations | Front / Back