来週 Sixcore がメンテナンスを行うということで、このブログもアクセスできなくなるという通知を受け取りました。 通知のエントリを書こうかとも思ったのですが、後々まで残しておくエントリでもないし、と思っていたところ、タイムリーな事にブログ上にお知らせが出せるプラグイン Apollo Bar Plugin の紹介があったので、導入してお知らせを出してみました。 Apollo Bar Plugin は以下のブログで紹介されていて知りました。 アナウンスを簡単に出せる、というのは便利そうです。 が、まぁ、普通のブロガーは滅多に使わない機能ですね。きっと。 ブログが停止するなんてことは在ってはいけないことですし、それ以外に告知することなんて、殆どないはず。 でも、今回はタイムリーだったのでちょっと使ってみました。 Apollo Bar は以下からダウンロードできます。 The Apollo B

Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法 2011-08-28 Webデザイナーが、Webサイトのパフォーマンスを重視する傾向はあまり無いように感じますが重要なことです。 Googleでは、0.5秒遅くなると、検索数が20%減少する amazonでは、0.1秒遅くなると、売り上げが1%減少する という報告もあるようです。Webサイトのパフォーマンスはコンバージョンにも影響する大切な部分。 今回はWebサイトのパフォーマンスを上げる方法を取り上げます。 パフォーマンスアップの前に 応答時間の限界 0.1秒までなら、結果はコンピューターではなく、ユーザーによって引き起こされたように感じる。 1秒までなら、"遅れている"と感じるが、ユーザーの思考は途切れずに、自由に動いていると感じる。 10秒までになると、ユーザーがコンピューターに振り回されている気持ちになり、ストレ

Backbone.jsで書き始めたら「Backboneどう？」と聞かれることがあったので、自分ではあんま語れるほど知らないけど「ここらへんの記事は素晴らしいよ！」というものをまとめておいたヽ(・ω・´)ゝ まずは読んでおくべきもの Backbone.js Advent Calendar 2011 なにはともあれまずはBackbone.js Advent Calendar 2011 ある程度まで書けるようになる情報は総ざらいで書いてあると思う。 中でもBackbone.js入門はありがたい。読んでおけば基本の仕組みを知ることが出来る。 Backbone.jsが依存しているunderscore.jsの情報なんかもあったりしてありがたい。 ちなみに今年(2012)のAdvent Calendarはこちら。今はまだ始まったばかりだから情報少ないけどこれから充実してくるだろうし楽しみ（´ω｀） Ba

CSS おれおれ Advent Calendar 2012 – 04日目 iOSでよくみるあのメニューっぽいのをCSSで組んでみたいと思います。 必要になる知識はこんな感じ: border-radius :first-child, :last-child box-shadow デモ 先に完成品です。 作り方 HTML グループを括る要素と各項目の要素が必要です。 何でも良いですが、今回は愚直にul>liにして、ulの方にクラス名を与えました。 最初のCSS まずは枠を用意します。 全体を括る枠があるのですが、ulではなくliの方に付けます。そして項目の境界部分が太くならないよう、下側を空けます。 ここで:last-childというのが出てきました。疑似クラスというやつで、:hoverの仲間です。この場合は「兄弟の中で最後のもの」を指します。 兄弟？ あ、「兄弟」とかわかりますかね？　HTM

前回は初期の設定とプラグインのインストールと削除をやりました。 今回は、Dropboxを使って家のマシンでも会社のマシンでも設定を共有出来るようにしたいと思います。 設定の共有 別のマシンでも製作する人は設定が同じ方が便利ですよね。でもわざわざ設定をまるまる移すのは大変だったりします。移し忘れることもありますし。 というわけで、このSublime Text 2を使うときに設定が簡単に共有できないか調べたのですが、 Dropboxで設定ファイルを共有し、別のマシンでも同じ設定を共有できる方法を見つけました。 共有するフォルダ 共有するフォルダは以下の3つ。 Installed Packages Packages Pristine Packages フォルダの場所は「C:\Users\hogehoge\AppData\Roaming\Sublime Text 2」 MacかWindowsか。ま

今回、WEBCRE8.jpの優さん企画の#LOVEFONT Advent Calendar 2012というイベントにお誘いいただきました。 愛するフォントの魅力を語る・詳しくなくても構わない、と優しい声をかけていただいて勇気がでたので、私も参加させていただくことになりました。 今回の企画、Advent Calendarと#LOVEFONTについては、WEBCRE8.jpさんの記事をご覧ください。 2012年、今年こそはAdvent Calendarに参加しよう！！ ｜WEBCRE8.jp#LOVEFONT ｜ WEBCRE8.jp#LOVEFONT Advent Calendar やさしさゴシックって…？その名の通り、やさしい雰囲気の「やさしさゴシック」。 好きなポイントはいろいろあるのに、そのフォントについて知っていることは、とても少なかったので調べてみることにしました。 やさしさゴシッ

今日まででMacBook Proを1年間、そしてiMacを購入して半年が経つので、今や僕にとって無くてはならなくなったアプリの数々をご紹介しようって趣旨です！１年って言うと全然周りのMac使いの人たちと比べても長くもなんとも無いんですが、まぁ一年の節目も迎えようって時期ですし、日頃の多大な感謝を込めて今年一年WEB制作において超ありがたーく使わせて頂いたアプリをご紹介させて頂ければと思います！ 結構まだまだ、『え？これ使って無いの？』なんて言われる事も多いですし、周りの友人達から教えて頂いた物も多いので、一個くらいは皆さんにとっても良さげな物が共有できれば嬉しいです！量も多いので、ブラウザやメーラー、Adobe製品等は省きますね！ それでは、前置きは簡単にして早速ご紹介させて頂きましょう！ Coda（6,500円） もはや定番のWEB制作ツール！ Evernote（無料） 超定番のノートツ

おそらく、数年前のWordPressの解説本の知識でいる方にとって、かなりオドロキの進化がなされているのではないかと思うのが、WordPressのカスタムフィールド周りの機能です。 たとえば、ピックアップ商品としてフラグを立てた商品の中から、価格が500円以上のものを最新5件取得して表示する、みたいなコードは、WordPress3.5ではこのように書けます。非常にスッキリしております。 <section> <h1>ピックアップ商品</h1> <ul> <?php // 投稿の取得条件を設定 $args = array( // 'product' 投稿タイプから取得 'post_type' => 'product', // 最新の投稿を5件取得 'posts_per_page' => 5, // カスタムフィールドで絞込み '

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、こんにちは。 ネット総合事業本部プラットフォームDivの斉藤です。 今回は私の所属している部署からは初の1pixelへの寄稿となるそうです。 CSS開発のアプローチほぼ同時期にモダンウェブ開発に欠かすことが出来ないと言われるようになったJavaScriptと比べると、CSSにおける設計、という話題はなかなか出てきません。 単純なウェブサイトを作る際にはあまり気にしてこなかった部分ですが、ウェブアプリを制作している我々の仕事には欠かすことが出来なくなってきています。 ほかのプログラミング言語に比べると圧倒的に非力な言語だからこそ、ほかのプ

iPad mini + Cellularを朝一番から並んで買いました！軽くてLTEでネットが使えるということで、外に持ち歩き端末としてはApple史上最高な端末です。 しかし、私は出かけるときには常にコードを書ける環境を持って歩きたいので、結局MacbookProかAirを持って出かけることになってしまいます。 最近、MBP15に代えたのでちょっと持ち歩きが厳しいなと思っていたので、この際iPad miniでコードを書く環境を構築することにしました。 まずはキーボード。前に買ってあったrapoo E-6300をBluetoothで接続してみます。一発でつながったし、サイズ感も良い感じです。 蓋になる形のキーボードも出ているようですが、とりあえずE-6300で問題なさげ。 次にメインとなるエディタです。iPadでソースコードを書くのに適していて、Dropboxに対応しているエディタといえば、

#12/5 22:40追記あり どうもどうも、マイペースたんことKさんです。 この記事は12/1～12/25の期間、毎日ブログ記事を数珠つなぎにしていく「WordPress Advent Calendar 2012」の第5日目として書いております。 4日目の星野さん(@khoshino)、水野さん(@ounziw)というビッグネームからのバトンを受けての投稿です。 （予約投稿なので星野さんの記事より先に出てたらごめんなさい） 今日12/5はいよいよ！WordPress3.5の正式リリース予定日です！ （本当に今日リリースされるかはまだ知らない） そこで今日はもちろん、3.5の最速レビュー………………………だと思った？ 残念！ （RC1のスライド頑張ったからそれで勘弁して） 実は昨年参加させてもらった「WordPress Advent Calendar 2011」で書いた『3大「WordPr

Now more than ever, we’re designing work meant to be viewed along a gradient of different experiences. Responsive web design offers us a way forward, finally allowing us to “design for the ebb and flow of things.” With those two sentences, Ethan closed the article that introduced the web to responsive design. Since then, responsive design has taken the web by storm. Seemingly every day, some compa

Sublime Text 2 Advent Calendarの1日目です。 本当は12/1に書くはずが、風邪でダウンしていて公開が遅れてしまいました。。 気を取り直して、頑張って書きたいと思います。 最初にAdvent Calendarとは何か？という方は、技術評論社さんのこちらの記事が参考になります。 本日12月1日より，プログラマ有志による2012年の技術系Advent Calendarが各所ではじまる Sublime Text 2 Advent Calendarについては、こちらで他の方のブログポストやエントリーができます。まだ空きがあるようですので、興味のある方は是非！ Sublime Text 2 Advent Calendar さて今回は、意外とあまり取り上げられないSublime Text 2のテーマについて触れてみたいと思います。デフォルトでも多くのテーマがあり、Soda

こんにちはこんにちは！！ 今日はちょっとUIについて思うことのお話をしたいと思います。 ぼくは以前、ゲーム業界にいたんだけど、そこでは、 いわゆるグラフィックデザインを専門にしている人に 「この画面のUIおねがいね」と丸投げする光景をよく見ました。 だけど、見た目が綺麗なデザインを仕上げるのと 使い勝手を考慮したユーザーインターフェイスを設計するのとでは、 考え方も、必要なスキルもまるで違うものだと思う。 情報や機能を、どのようにユーザーに提供するか。 これは画面上の配置や見た目だけの話だけじゃなくって、 情報の階層化や、いつどのタイミングで見せるかといったことまで考えなきゃならない。 たとえばゲームなら、初めからボタンだらけの画面にするのではなくて、 ゲームの進み具合、ユーザーの習熟度に応じて段階的に機能を見せるとかね。 細かい話なら、ボタンを押した時に反応するのか、 離した時に反応する

The performance community is growing. With 17K members across 46 meetup groups it’s pretty easy to find someone else who cares about performance. But what if your company is new to the world of high performance websites? How can you make performance a priority within your organization? I don’t have a guaranteed recipe, but here […]

HTML5推進派のFinancial Times、ネイティブアプリに回帰したFacebook、それぞれの思惑は：Open Mobile Summit（1/2 ページ） ネイティブアプリか、HTML5か、ハイブリッドか――。アプリ開発者たちのあいだで議論が繰り広げられる中、11月上旬に米サンフランシスコで開催されたモバイル関連イベント「Open Mobile Summit」の講演に、対照的な2社のキーパーソンが登場した。 1社はネイティブアプリからWebアプリへの移行で成功を収めたFinancial Times（以下、FT）。もう1社はHTML5のWebアプリからネイティブアプリにシフトしたFacebook。それぞれが語ったモバイルアプリ戦略はどのようなものだったのだろうか。 HTML5アプリでデジタル有料購読者を増やしたFT FTといえば、ネイティブアプリからWebアプリへの移行で成功を収

Je ne suis pas monsieur Lebowski. C’est vous monsieur Lebowski. Moi, je suis le Duc. The Big Lebowski, French version There is a world where Harry Potter’s arch enemy is “Du-weißt-schon-wer,” Facebook users click the “Me gusta” button, and the Dude is named “le Duc.” This world is a translated world. We—the people who make websites—now study almost every aspect of our trade, from content and usabi

A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used. You know that feeling when you are in the design heaven of Photoshop (or another maybe not that overpriced app), then come to writing the markup and things like <select>, <input type="radio|checkbox|file" /> throw you back into the harsh reality? Just because the usual CSS styling was not grante

Here’s a quote from Josef Albers: In visual perception a colour is almost never seen as it really is[…] This fact makes colour the most relative medium in art.Josef Albers, Interaction of Color, 1963 Albers was a German abstract painter and teacher, and published a very famous course on colour theory in 1963. Colour is very relative — not just in the way that it appears differently across differen

テストするとは模索すること ユーザーテストをすることのメリットは、Web やアプリの開発に携わる方であれば周知のことだと思います。例えば、スポーツ系 SNS Sidelines は、6 つの異なる A/B テストを実施したことで、コンバージョンを 5% から 55% まで上げることに成功しました。 最近見つけたユーザーテストの面白い例といえば、先月の大統領選挙でのオバマ大統領のメール戦略。キャンペーンEメールの件名を「有権者の皆様にお会いしたいです」のようなよくある件名から、「支出が多過ぎるかも」みたいなちょっと変わったものまで様々なパターンを検証。毎回 10 数パターンをつくった上でベストと考えられる件名をつかって配信されたそうです。いろいろ試した結果、最も寄付金が多かったときのメールの件名が「Hey （やぁ）」。カジュアルな口調を件名にもっていったほうが良い効果を得ることができたそうで

藤川真一（えふしん） FA装置メーカー、Web制作のベンチャーを経て、2006年にpaperboy&co.へ。ショッピングモールサービスにプロデューサーとして携わるかたわら、2007年からモバイル端末向けのTwitterウェブサービス型クライアント『モバツイ』の開発・運営を個人で開始。2010年、想創社（現・マインドスコープ）を設立し、2012年4月30日まで代表取締役社長を務める。その後しばらくフリーランスエンジニアとして活躍し、2012年11月6日に想創社（version2）設立 昔、ある会社にいた時に転職しようと思ったきっかけは、「ネットってもっと面白いところだったよね？！」という会話からだったような気がします。インターネットって、まだまだこれからだと思うんです。それがWebをブラウザで見る形なのかアプリという形なのかは分からないけど、優れたテクノロジーは何かしらの形で変化していきま

マーケティング、デザイン、Web技術と幅広い知識が要求される、Webサイトマスターの仕事。サイトマスターは何を考え、何を実行したらいいのか？　数々の企業サイトを成功に導いてきたコンテンツブレインの小池 勉氏が、サイトマスターが知っておきたい企業サイト運営のノウハウを提供します。

アドビはFlashの未来を本気でゲームに賭けたようだ。アドビ システムズは、12月4日、ゲーム開発ツール群「Adobe Game Developer Tools」を発表した。パフォーマンスチューニングツールの「Adobe Scout」、C/C++のクロスコンパイラ「Flash C++ Compiler」、「Adobe Gaming SDK」などからなり、製品名に「Flash」の文字こそないものの、Flashゲームに特化した開発ツール群となっている。 Adobe Scoutは、Flashコンテンツのパフォーマンスチューニングツール。2011年に「Monocle」というコードネームで紹介されていたもので、Game Developer Toolsの投入に合わせて正式版としてリリースされた。ActionScriptだけでなく、Flash PlayerやAIR内部の動作状況をモニタリングでき、Fla

CSS3でのposition:relative 昨日「スマホサイトでtd/th要素へのposition:relativeはダメ！」と書いたところ仕様書を読め的な圧力がいろんな所からかかってきました。こわいですね。 position:relativeが仕様としてどうなっているかは@Takazudoが5年ほど前に解説しているのでそちらを参考にしてください。 table系にはposition:relativeが効かない | Takazudo Clipping* ただ、これはCSS2.1の仕様なんですね。最新のCSS3ではWD段階ではありますが、次のようになっています。 table-caption and table-cell offset relative to its normal position within the table. If a table cell spans multipl