LEADING BRANDS TO DIGITAL WE ARE A DATA-DRIVEN MARKETING AGENCY FICCはデータに基づく論理的なマーケティングを提供するデジタルエージェンシーです。 消費者に価値あるコンテンツと体験を届けるため、戦略立案から施策実行まで一貫して提供しています。
FICC | デジタルエージェンシー
LEADING BRANDS TO DIGITAL WE ARE A DATA-DRIVEN MARKETING AGENCY FICCはデータに基づく論理的なマーケティングを提供するデジタルエージェンシーです。 消費者に価値あるコンテンツと体験を届けるため、戦略立案から施策実行まで一貫して提供しています。
「Web」とはなにか？じっくり考えてみた（2014年）
「Web」について今の自分が考えてることを記録として書いてます。去年に続き三回目です。タイトルに2014年が入ってるのは時間と共にWebのあり方や自分の考えも変わっていくからです。 はじめに 毎年恒例の記事三年目です。 「Webデザイン」とはなにか？じっくり考えてみた（2012年） 「Webデザイン」とはなにか？ザックリ考えてみた（2013年） 今年の内容は「Webデザイン」に収まらないのでタイトルを少し変えました。 更にwebの範疇を超えて”インターネット”に該当するであろう部分まで触れてますが、切り離して考えられないので”インターネット”も含めて考えています。 この記事は2013年の総括や2014年のトレンドではなく、Webについて今の自分が思ってることをつらつらと書いてます。異なる意見があって当然だと思ってますし、正解を出したい訳でもありません。 自分の考えを整理するため、そして読ん
VirtualBoxとVagrantで開発環境を構築
環境なんてMAMPとXAMPPがあれば全て解決する。 なんて思っていた。 そう今までは。 そううかつでした。 いやぁ時の流れは早いものですね。 今回はVirtualBoxとVagrantで環境構築ということで、まずそれぞれ「なんぞや」と言うところから。 まず、VirtualBoxなんですが、無料で使用できるx86仮想化ソフトウェア・パッケージの一つで、開発はオラクルが行っています。 その他にもVMの種類としてVMware FusionやParallels等があるのですが、これらは有償となっております。 なにはともあれダウンロードを行いましょう。 以下のURLからダウンロードできますので、お使いの環境に合わせてダウンロードしましょう。 ダウンロード https://www.virtualbox.org/wiki/Downloads ダウンロードしたら指示に従ってポチポチインストールしていきま
CSSセレクタ20個のおさらい
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル
It's 2014. Is Web Design Dead?
IN A RECENT article on his website, Web Standards Killed the HTML Star, designer Jeff Croft laments the passing of the “HTML and CSS ‘guru’” as a viable long-term professional position and urges his fellow web design generalists to “diversify or die.” The reason the Web Standards Movement mattered was that the browsers sucked. The stated goal of the Movement was to get browser makers on board with
ゲーム系UIデザイナーの勉強を２年近くやって思った12のこと。 - meycoのUX&UIデザイン技術メモ
あけましておめでとうございます。 新年になり、すこしゆったりとした時間を過ごす事ができました。せっかくなので、去年からずっと思っていたUIデザイナーについて思った頭の中のことをまとめたいと思います。 WEBのUI設計よりも、明らかにゲームの方が難しい これは結構何度も言ってますが、ゲームの設計(ゲーミフィケーションのアプリ含む)の方が明らかに「やることが多い」です。 もっとプレイしてもらうには？ゲームが終わったときに、どのような設計になればもう一度やってくれる？ チュートリアルは必要？やりこみ要素はどうする？ソーシャルとどうやって連携する？ポイント加算の条件は？アクショナブルフィードバックは？日常で使ってくれるような設計には何が必要？盛り込みすぎではないか？ などなど、考えることが多いです。 このあたりは、ソーシャルゲームが本当に上手にできてるなーと思っているので、日々勉強しています。 ゲ
死んでしまったサービスの供養
この記事は 闇アドベントカレンダー、 22 日目の記事です。何書こうか迷って担当日に書けなかったので三日ほど遅れてしまったけど書きます。 2011 年の 10 月から FANIC という音楽配信サービスの開発に携わっていたのだけど、サービスを成長させることができず、 2013 年の 8 月にサービス終了した。 サービスが死ぬのは技術者がクソだということだけではないと思う。市場とか外部環境に左右されるし、企画とか売り方がダメなことの方が多いと思う。しかし現実に自分はプログラマーとして FANIC というサービスの死に荷担してしまった。弔いになるか分からないけど、 FANIC で何がよくて何が良くなかったのかを書いてみたいと思う。 FANIC とは FANIC は主にアマチュアのミュージシャンをターゲットにしたホームページ作成＆音楽販売サービスで、アーティストは自分の公式ホームページを簡単に作
打倒Grunt！Node.js用の新たなビルドシステムgulpことはじめ | OpenWeb
メリークリスマス！ このブログは、HTML5 Advent Calendar 2013の12/25用です。 とはいえ、HTML5カンファレンスとかあったせいで、最近あまり技術的なトピックを追っておらず・・・ ここは、つい最近目にした gulp というプロダクトを触ってみたレポートでもしようかと思います。 Node.js製なので、実はHTML5ともあんまり関係ない。すいませんすいません gulpは、自身のことを「ストリーミング・ビルド・システム」と称しています。つまり、Gruntなどと同カテゴリの「ビルド用ツール」です。 Gruntは、JSON形式で宣言的にタスクのパラメータを記述していく形式です。慣れればスッキリしていて見やすいし、設定を変更するのも容易なのですが、細かくタスクの動作を制御する必要が生じた時に「何をどうすれば求める結果が得られるのか？」がわかりにくいという欠点があります。あ
UI変更批判バトルと複数のバージョンのウェブサービスを同時に配信することについて - hitode909の日記
ウェブサービス，UI変えると，改悪とか，元に戻してとか，そういう意見が出る． サービス提供する側の立場では，新しいUIのほうが使いやすかったり，機能が増えたり，収益が増えたりするので，新しい方を多くの人に提供することに価値がある．使いやすいかとか，儲かるかとかは，リリースまでに調べておく必要があり，リリースの結果使いにくくなったり収益減ったりしたら，失敗ということになる． 一方で，ユーザーの立場からすると，前の方がずっと使ってて愛着があったとか，新しい方を覚えるのは手間とか，確かにという感じはする．また，ウェブサービスは最終的にユーザーの手元のブラウザで表示されて動くので，映画の結末が気に入らないから変えたいといった要望よりは，受け入れやすい．データ構造についての，サーバー側の処理についてのユーザーからの要望というのはあまりなくて，このボタンがどうみたいな，UIの要望が多いと思う． 全部置
イラストの料金とは
イラスト、、、、趣味ではなく仕事というカテゴリーです。 なぜか、イラスト(絵)となると、趣味の延長の様にとらわれがちです。 通常の会社員が、営業したり、事務処理をしたりするのと同じ仕事です。 絵は、値段の無いもの、気持ちで描き受け取るもの、、、？？？ まるでお布施ですね。。 以前、B１サイズのイラストで原寸で描いて頂けませんか。 という、打診がありました。 予算は、７千円ぐらいで描いて頂けませんかと。。。 その案件は、丁寧にお断り致しました。その際、お断りする理由を述べました。 ＜以下＞ 案件の絵、B１サイズを描くには最低でも１週間はかかるという事。 そこで、なぜ、７日間／７千円でお引き受け出来ないかという事を 説明しました。 平均的な会社員の月給を日給にすると約１万２千円です(あくまで平均)。 つまり、７日間×１万２千円＝８万４千円になります。 日給で計算し
俺的フロントレンド2013総括
と、コラボ特別編「JavaScript engineer's Night～サイバーエージェント×DeNA フロントエンドエンジニアの仕事＠渋谷ヒカリエ～」 http://www.creativevillage.ne.jp/PR/seminar109.html で利用したスライドです。本編10分(!!)
Sass 3.3で追加された新しいデータタイプ「マップ」まとめ解説
前回の記事では、Sass 3.3で追加される「&」の新機能と@at-rootについて解説しました。今回は新しいデータタイプの「マップ」について解説します。 マップは色々な使い道があると思いますし、使い方によってはかなり便利なものですので、ライブラリを作っている方などは特に覚えておくと良いと思います。 マップとは マップは任意の名前と値のペアが集まったもので、名前をキーにして値を設定したり、取り出して使います。 マップの書き方ですが、名前と値をコロン（:）で区切り、複数記述する場合はカンマ（,）で区切り、それらを丸括弧（()）で囲みます。CSSのスタイルの書き方とちょっと似ていますね。 // マップ $map: ( key1: value1, // key1にvalue1を設定 key2: value2, key3: value3, ); // CSSのスタイル selector { pro
iOS 7 Design Resources
Learn how to design great apps and games that integrate seamlessly with Apple platforms. Human Interface Guidelines Learn essential information about platforms, foundations, patterns, components, inputs, and technologies. The HIG offers guidance and best practices for designing exceptional user experiences across all Apple platforms.
WEBデザイナーが死ぬ時 - 日めくりブログ
この記事は闇 Advent Calendar 2013の17日目の為に書いた記事です。 今日で30歳になった。 そこそこ年も食ってきたので、振り返りをしながら今抱えている闇のようなものを書く。 私の職業はWEBデザイナーだ。 WEBデザイナーになる前は繊維系の研究員をやっていて、アパレル向けの開発や特許を書く仕事をしていた。 この業界に入って5年目で、フリーランスになって2年が経とうとしている。 出産で二度休業を挟んでいるので、実質3年半程度の経験だ。 私より経験のある人や、経験はなくても若く優れている人が沢山いる世界だ。 経験も実力もある人が私より安い賃金で早く仕上げてくれる人もいる世界だ。 日本人とは限らない。 ローカリゼーションが得意な人が間に入れば、世界中にそういう自分より優れた人がいる。 他のデザインの世界をあまり知らないのでよくわからないが、 WEBデザインはデザインだけやって
闇に対する態度について、あるいは幸福の源泉としてのゆるゆり讃歌 - hdemon's diary
2013-12-13 闇に対する態度について、あるいは幸福の源泉としてのゆるゆり讃歌 この記事は、闇 Advent Calendar の13日の記事として書きました。 僕らは闇に対して、見ないふりをしている。 この前また110番をした。 自宅の近所から興奮して怒鳴る男の声と、女子供の「たすけて！誰かたすけて！！」という声が聞こえたからだ。ぶっちゃけ自宅界隈で警察呼ぶの初めてじゃなくて、だいぶうんざりしている。日々闇が近くで蠢いているのを感じる。 しかし、たぶん僕は特別不運なのではない。だって事件なんて毎日至る所で起きているはずだもの。犯罪白書によれば、平成24年の殺人事件の認知件数は1,030件らしい。だいたい8時間おきに誰かが日本のどこかで殺されている計算になる。十分に低い頻度とは、僕は思わない。 まあ具体的な件数はともかく、我々はそういう事実を「薄々」知りつつ、その闇に対して見ないふり
CSS書く人なら絶対入れとけのgrunt-contrib-csslintについて紹介するよ - Qiita
gruntjs/grunt-contrib-csslint 今回紹介するgrunt-contrib-csslintは栄えある安全安心のContribシリーズでありCSS Lintをしてくれるgrunt-pluginである。 JavaScripttを書く人であればJSLintやJSHintを使うのが当たり前かと思うが、HTMLコーダーにとってLintという行為馴染みが薄いかもしれない。ちなみに、LintとはWikipediaに以下のように書かれている。 転じて、C言語に限らず、各種言語で書かれた文書に対して文法チェックを行うプログラムも、lintと呼ばれるようになった。この意味でのlintの代表例としては、HTMLの文法チェックを行うAnother HTML-lintがある。 lint - Wikipedia おお、HTML Lintか！懐かしい！Validatorの名前のほうがコーダーにと
compassでcssスプライトするときの出力をできるだけ少なくする試み - しるてく
概要 Sprite layouts | Compass Documentation compassでのcssスプライトを試してみたのでメモ。 sprite-backgroundっていうmixinは結構色々な人がブログに書いてるんだけど、retina対応していなかったり、無駄な処理が入っていたりしてなんかしっくりこなかったので自分で実装してみた。 完成品 以下のファイルは使い回せるので、mixins/_sprite.scssみたいにプロジェクトに依存しないファイルとして置いておく。 @mixin sprite-background-size($name, $sprites, $device-pixel-ratio: 2) { $_width: image-width(sprite-file($sprites, $name)) / $device-pixel-ratio; $_height:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ring
Reminder: Design is still about words
GIFマンガ