〜「EC」✕「メディア」で独自の世界観を創りだす、「北欧、暮らしの道具店」。その世界観の作り方から、SNSの活用までを公開〜 月間PVは1,300万、Instagramのフォロワー数は46万人を誇る、「北欧、暮らしの道具店」。ECとメディアを融合させ、圧倒的な支持を集めているが、当初は一般的なECサイトだった。 「コンテンツマーケティング」という言葉が一般的ではなかった時代から、「まだ買う気のない人」をターゲットとしたメディアを構築。時代がソーシャルに移り変わる中、その変化に合わせて始めたInstagramは、膨大なフォロワーを抱えている。 ▼「北欧、暮らしの道具店」のWebサイト 今回は、同メディアを運営する株式会社クラシコムの代表である青木 耕平さんに、独自の世界観の作り方や差別化の方法、そして「1冊の雑誌を作る」ように取り組んでいるInstagramの運用法まで、お話を伺った。 事業

こんにちは！ 株式会社人間の社領エミです。 もうすぐハロウィンですね。 みなさん、今年のハロウィンはどんな仮装をする予定ですか？ 私は絶対に、目立てる仮装がしたいです。 毎年都心では数万人規模が集まる超特大イベント、ハロウィン。 せっかく仮装するのに、誰からも注目されないなんてもったいないですよね！ どうせなら、写メられまくりで話しかけられまくりの、めちゃくちゃちやほやされる仮装がした〜い！ ということで、ネットオタクな私が考えました！ 誰でも知ってるのにまだ誰もやってない！ 絶対に写メられ、ちやほやされて、 話題になるハロウィン仮装〜〜！ それがこちら！ 「いらすとや」は、無料イラスト素材集サイト。 イラストの配布数、なんと数千点！ 可愛らしいタッチと膨大なバリエーションで、 もはや広告・Webサイトにおいては見ない日はないほど使用されている、 超！ 大人気のサイトです！ いらすとやさん

2016年10月23日14:00 300万円使って関ヶ原の戦局をひっくり返せ Tweet 1：以下、名無しにかわりましてVIPがお送りします：2012/09/26(水) 19:23:53.67 ID:ia/+5j8H0 ・現代文明の物を300万円以内で何でも持ち込んでよし ・ただし車両の燃料費や弾丸等消耗品の諸経費は込み 4： 以下、名無しにかわりましてVIPがお送りします：2012/09/26(水) 19:26:13.01 ID:fBa9gWPl0 戦車一つあればなんとかなりそうだな 12： 以下、名無しにかわりましてVIPがお送りします：2012/09/26(水) 19:27:46.47 ID:ia/+5j8H0 >>4 戦車どころか 300万じゃニュービートルもきついぞ 7： 以下、名無しにかわりましてVIPがお送りします：2012/09/26(水) 19:26:37.20 ID:t

電通の過労自殺事件をきっかけに、日本人の働き方があらためてクローズアップされている。日本で長時間残業がなくならないのは、前近代的な社風など社会的な側面もあるが、最大の要因は日本企業が高い付加価値を作り出せず、生産性の低い状態を続けているからである。 残業時間規制など、当面の労働時間を減らすといった対策は重要だが、生産性の低い状況を放置したまま、対症療法ばかり繰り返していると、供給制限から生産が減少するといった副作用すら発生しかねない。企業の付加価値という部分にメスを入れなければ抜本的な改善は難しい。日本人は過去20年、付加価値の問題から目をそらし続けてきたが、それも限界に来ている。 日本の生産性は主要国で最低という厳しい指摘 今年9月に公表された2016年版労働経済白書はかなりショッキングな内容であった。日本の労働生産性が低いことは以前から知られていたが、それを完全に裏付ける結果となってい

世界に一大ムーブメントを巻き起こしたスマートフォン向けアプリ「ポケモンＧＯ」。この配信を誰よりも楽しみにしていたであろう人が、任天堂の前社長、岩田聡さんです。プログラマーとして数々のゲームをヒットさせた岩田さん。４２歳の若さで任天堂の社長に就任してからは、誰もが楽しめるゲームづくりを目指して「ニンテンドーＤＳ」や「Ｗｉｉ」などのゲーム機を開発し、直感的な操作や家族みんなで楽しめる体感型のゲームといった新たな楽しみ方を世の中に提示しました。 世界に惜しまれつつ、去年７月、５５歳の若さで亡くなった岩田さん。１周忌にあたり、母校、札幌市の札幌南高校の同級生たちが、高校時代の岩田さんの思い出を電子書籍にまとめました。同級生たちがこぞって“カリスマの原点だった”と語る高校時代の岩田さんの素顔とはーーー。（飯嶋千尋 記者） 岩田さんの性格がうかがえる１冊のノートが残っています。札幌南高校時代の化学の

Developers Summit 2022の登壇スライドです。 https://event.shoeisha.jp/devsumi/20220217/session/3647/ 俺のプロダクト開発用語辞典 https://www.youtube.com/channel/UCnUdhofhFN2RotPou4a55_w オーバーエンジニアリングとは？ https://www.youtube.com/watch?v=6XQOSj7rutI オーバーエンジニアリングとは（ブログ版） https://i2key.hateblo.jp/entry/2021/12/25/101957

先日、メールマガジンを長年運営しているという方にお会いした。 メールマガジンというと古いイメージがあるが、実際にはまだまだ需要はあるとのこと。彼は会社員でありつつ、個人でメールマガジンを運営し、それなりの規模まで育てている。 そんな彼と話したとき、一つ悩ましいことがあると教えてくれた。 「メールマガジンの運営と集客ののコツを教えてくれ、と私のところへ来る人が結構いるんですが……一つ、悩ましい、というか困ったことがありまして。」 「どんな話ですか？無料でノウハウを教えてくれ、とか？」 「いやー、無料で教えるのは別にいいんです……10分、20分、自分のやっていることを伝えるだけですから。私も立ち上げに苦労しましたから、気持は良くわかります。だから「こうすればいい」は簡単に伝えられるんです。」 とてもいい人である。 「お金の話ではないのですね。」 「いやー、別にこれで稼いでるわけじゃないので。読

データサイエンティストの中村です。VASILYではファッションに特化した画像解析エンジンを開発しています。本記事では、スナップ写真からファッションアイテムを検出するシステムを紹介したいと思います。 概要 このシステムの入力はスナップ写真です。スナップ写真が入力されたとき、システムは以下のタスクを解きます。 写真中からファッションアイテムに該当する領域を検出する 検出したファッションアイテムのカテゴリを予測する 検出したファッションアイテムに似ているアイテムをDBから検索する 各タスクを解く方法は様々ありますが、弊社のシステムでは2種類のネットワークを使ってこれを達成しています。 ファッションアイテムの検出とカテゴリ予測 検出は画像認識の基本的なタスクで盛んに研究されていて様々な手法が提案されていますが、今回はSingle Shot MultiBox Detector (SSD)*1 と呼ば

東京在住の30代男だがアルコール依存の治療開始から六ヶ月が経過し、一定の回復をしたのでその過程を記録してみたい。 数字で示すと治療開始時から約六ヶ月で γ-GTP　589→69 AST　84→31　ALT　106→68 TG　1015→178 まで回復した。 数字で言われても大多数の人はさっぱりわからないだろうから単純化すると入院レベルの人間がとりあえず正常な体になったと思ってもらえればいい。 さて多くの文章がそうであるように、大抵の人は最後まで読まないだろうから最初に自分なりのこの文章の結論を書いておくと 「アルコール依存から抜け出したいのなら自分の抱えた問題（アルコールに限らない）を率直に話す事ができる相性が良く優秀な精神科医を見つけ、よく話し合いながら治療を進めるといい。ただそれがあなたの人生を良くするかはわからない」という身も蓋もないものになる。できることなら「まだアルコールで消耗

PlayStation 4 （以下、PS4）の販売台数が全世界で 4000 万台を突破したという。 スマホゲームが強い日本では、あまり実感がないかもしれないが、海外では現在も家庭用ゲーム機（据え置きゲーム機）の需要は高いのだ。『アンチャーテッド』や『The Last of Us』などのAAAタイトルの名作に支えられて、今やPS4は家庭用ゲーム機としては歴代最速のペースで、世界中でその数字を伸ばし続けている。 PS4の販売台数は全世界で4000万台を突破した。（プレイステーションオフィシャルサイトより）――そんなPSの伝説の始まりとなった、初代PSが我々の目の前に登場したのは、今を遡ること遙か昔、22年前の1994年。 当時は、スーパーファミコンに続く、次世代家庭用ゲーム機のプラットフォーム戦争が激化するまっただ中。同年に発売されたセガの「セガサターン」、96年の任天堂の「NINTENDO6

コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕

コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕

ただただ衝撃的…『ワイルド わたしの中の獣』ポスタービジュアル - (C) 2014 Heimatfilm GmbH + Co KG オオカミに欲望を露わにしていく女性の姿を描き、第32回サンダンス映画祭で話題を呼んだ新作映画『ワイルド　わたしの中の獣』からポスタービジュアルと予告編が公開され、人と獣の交わりを意識させる過激な内容の一端が明らかになった。 映画『ワイルド わたしの中の獣』予告編 『バンディッツ』『トンネル』に出演するなど、女優としての顔も持つニコレッテ・クレビッツが監督＆脚本を務めた本作。倫理観を覆すような人間とオオカミとの倒錯愛をあぶり出し、サンダンス映画祭を衝撃に包んだ。 ADVERTISEMENT この度公開された予告編で、そのすさまじい題材をリアルかつ独特のトーンで描きだしているのが確認できる。映像はまず、無機質な毎日を過ごす主人公の女性、アニアがオオカミと出会うと

先日、絵の描き方に関しての記事を書いたせいか、このブログの読者さんや、Twitterのフォロワーさんで、「絵の練習をしている」とか「デッサン描いたら勉強になった！」と言う方が何人かいます。 僕も、デッサンは今までに何千枚と描いてきたし、そういう話題を見ると懐かしいなあと思ってしまいます。 で、そう言えば３年くらい前に、「ちょっと久しぶりに練習してみようかな？」と急に思い立って描いた簡単なモチーフを描いたデッサンの画像があるな〜ということを思い出しました。デッサンを描く過程の写真も撮ってあります。 ちょうど良いので、数年前に描いた６枚の鉛筆デッサンが描かれていく工程を参考にしつつ、初心者の方向けに、「デッサンの描き方の基礎」を、これだけわかっていれば大丈夫！と言うくらいに徹底的かつ詳細に解説していこうと思います。 ちなみにこの記事、とてつもなく長いです。なので、読みたい所だけ読むなり、ブック

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

書籍の中から有用な技術情報をピックアップして紹介する本シリーズ。今回は、秀和システム発行の書籍『JavaScript Web開発パーフェクトマスター（2015年6月27日発行）』からの抜粋です。 ご注意：本稿は、著者及び出版社の許可を得て、そのまま転載したものです。このため用字用語の統一ルールなどは＠ITのそれとは一致しません。あらかじめご了承ください。 プログラムを作成するうえで、特定の文字列の中から指定したパターンに合致する部分があるかを調べたい場合があります。このような場合に利用するのが正規表現です。 正規表現はあいまいな文字列パターンを指定することで、条件にマッチする文字列を見付け出せるのが最大の特徴です。文字列が含む「特定の規則に則った箇所」を見付けて、それに見合う文字列を取り出すことができるのですね。 正規表現って何のためのもの？ 正規表現は、基本的に文字列を検索するために使う

どうも、まさとらん（@0310lan）です。 ネット上には、Webサイトを効率よく制作できるように多種多様な高品質テンプレートが存在します。 そのまま利用しても良いし、開発やデザインの参考にしてみたり…など、その活用範囲は広いのですが、検索すると「有料・無料」「低品質・高品質」などが混在していて見つけるのが大変だったりします。 そこで今回は、「無料・高品質」なテンプレートの中から使用用途別にカテゴリを分けて、さらに面倒な「登録」も不要なモノだけを厳選してご紹介しようと思うので参考にしてみてください！ ■「ブログサイト」に最適なテンプレート！ 【 Spore 】 「Spore」は、モダンブラウザに対応したレスポンシブなテンプレートになっており、「ブログ」向けとして最適です。 ページのトップに位置するフルスクリーンのテーマ画像が印象的で、縦幅の違うカード状に並べられた記事はシンプルながらも、ア

情報漏えいは他人事ではなく、今この瞬間にも自分のサイトやクライアントのサイトがクラッカーのターゲットになっているかもしれません。 「SSHという言葉は聞いたことあるけれど…」という方のために、SSHの基礎、設定・Tipを解説している記事を12個ご紹介します。 安全にネットワークを使用するには今や通信の暗号化は必須となっているので、この機会にSSHを本格的に学び始めてはいかがでしょう。 インフラエンジニア案件を提案してもらう SSHの基礎解説 インフラエンジニアじゃなくても押さえておきたいSSHの基礎知識 / Qiita http://qiita.com/tag1216/items/5d06bad7468f731f590e SSHを使う上で知っておきたい基本知識を解説している記事です。 エンジニアではないけれどSSHを学びたいという方に向けた記事になっているので、SSHを学習してみようかなと

先日、『医療情報に関わるメディアは「覚悟」を - 問われる検索結果の信頼性』という記事を公開し、大きな反響をいただきました。 手短に説明すると、現在、命に関わる「がん」などの病名のインターネットの検索結果においては、ペンネームの素人がまとめた、信頼性の低い情報がヒットしやすくなっている、という内容です。 メディア側のテクニックやスパムにより、記事が検索結果において上位表示されれば、アクセスが集まり、広告収入が発生します。これはつまり、人の命を左右するような情報が、特定のメディアのお金儲けに利用されている、ということです。 しかし、匿名の非専門家がまとめた、信頼性の低い情報により、誰かの健康が損なわれてしまったら、一体誰が責任を取るのでしょうか。前述の記事でも指摘したように、当該のメディアにおいては、運営企業はその責任を放棄しています。 当社は、この記事の情報及びこの情報を用いて行う利用者の

文字や画像をぽんっと配置するだけで、そのコンテンツが映えるApple風の美しいグラデーションの背景49種類をまとめたスタイルシートを紹介します。 コピペで簡単に利用できるので、CSSのスニペットに登録しておくと便利ですね。 HUE.css HUE.css -GitHub HUE.cssを使うと、簡単に美しい背景を作りだすことができます。 Appleのプレゼンテーションスタイルで、Hueを背景に使用したものです。 画像: Free Promo Backdrops and Gradients HUE.cssは上記のHueの背景画像にインスパイアされたもので、これらの美しいグラデーションの背景がCSSで簡単に利用できます。 元の画像は上記ページの下部から、.sketch, .png形式でダウンロードできます。 HUE.cssの使い方 使い方は、簡単です。 「hue.css」をダウンロードし、外部

最近、Rails界隈でDocker使い始めました、という話を聞く機会が増えてきたので、自分が開発環境整備用に構築したDockerの設定をまとめておく。 ちなみに、production運用については以前書いたので適当に探してくださいw 結論から書いておくと、volumeをちゃんと活用すればいい、ってだけの話です。 まず、本番用と開発用のDockerfileは分けた方が良い。一つでやろうとするとどうにも無理がでるので。 自分はDockerfileとDockerfile-devというものを用意している。 docker-composeはほぼ必須です。少なくともrailsプロセスとDBだけでも二つは必要だし、Dockerfileを分けてると事故るので。 Dockerfileはこんな感じ。 FROM mybase:ruby-2.3.1-debian RUN echo "deb http://http.

日本郵便は２５日、交流サイト（ＳＮＳ）の友人への配達など来年の年賀状新サービスを発表した。ツイッターやフェイスブックなどの住所や本名を知らない友人にも年賀状を送れるサイトを１１月１日に開設する。一方、年賀状を出す人が減っているのを受け、来年から１月２日の配達をやめる。 希望者は、日本郵便の年賀特設サイト「郵便年賀．ｊｐ」に送りたい相手のツイッターかフェイスブックのアカウントを登録する。日本郵便がＳＮＳのメッセージなどを通じて、相手先に年賀状を送っても問題ないかを確認した上で、本名や住所を聞き、年賀状を配達する仕組みだ。

フォーカスするためには、たぶんどうやってフォーカスするか（前回）に加えて、何にフォーカスするかを決める必要があって、今回は後者、つまり「フォーカスポイントを決める」方の話です。 スタートアップの初期は Y Combinator 的に言うところの Do things that don’t scale （スケールしないことをしよう）をはじめとした明確なフォーカスポイントがあると思います。ただ次第に自分たちでフォーカスポイントを決めなければいけなくなってきて、そのときにどのようにフォーカス先を意思決定すれば良いのか、どうすれば良い意思決定ができるのか、という問いが出てきて、その際に方法論の必要性が生じます。 そこで意思決定の方法論を検討するのですが、スタートアップのような情報不足や資源の制約下では、ゲーム理論をはじめとしたいわゆる規範的な normative 意思決定理論よりは、行動経済学や認知

情報共有ツール「Qiita:Team」のプロダクトマネージャー（PM）を務める海野弘成さん。海野さんは「良いチーム＝自律的なチーム」と定義し、構成要素を共有した。 海野弘成が語った、「自律」と「心理的安全性」の重要性 ※2016年10月24日に開催された「Japan Product Manager Conference 2016」よりレポート記事をお届けします。 映し出されたスライドのタイトルは『Product Team Management』。 登壇したIncrements株式会社CEOで、情報共有ツール「Qiita:Team」のPMを務める海野弘成さんは、 自身の経験から「プロダクトマネージャー（PM）の関わるチームビルディング」に絞って発表した。セッションの冒頭で、海野さんは2つの条件を満たしているのが「良いチーム」であると定義する。 まずは「成果が出せるチーム」。プロダクトにおいて

コードレビューや情報収集など、エンジニアの開発シーンに欠かせないGitHub。 技術者の興味関心や開発トレンドが詰まったサービスなので注目が集まることも多々。今年に入ってからはFreeCoodCampの総スター数が、長年トップだったbootstrapを上回ったことが話題になっています。 今回は、2015年9月30日〜2016年9月30日に作成されたリポジトリのなかでスター数が多いリポジトリ上位20個を集めました。 本稿のスター数、フォーク数は2016年9月30日9時現在の数値、メイン言語にはリポジトリ内の上位2言語を表示しています。 スター数が多い上位20リポジトリ 第1位：swift 2015年12月にオープンソース化したSwiftがスター数トップに。2016年9月13日にはSwift3.0がリリースされている。

UIがとてもイケている『エロい』Macアプリを適当に挙げようと思う。 私が考えるエロいUIの条件： AppKitを利用したCocoa AppデスクトップアプリWebView, Electron, Flash, Javaなどの技術で構築しないHIGを守る／Apple純正アプリをリスペクトするWindowsのUIを基準にしないドラッグアンドドロップなど機能的にもMac OSの仕組みに従う独自UIで汚染しすぎないMac OSらしい色使いMac OSらしいアニメーション／インタラクションMac OSらしい言語表現（例えば「ウインドウ」「環境設定...」など）Mac OSらしいフォント（San Francisco, Helvetica Neue, Lucida Grande, Hiragino Sans, Menlo, Monaco...）標準的なメニューバーおよびキーボードショートカットよって例え

僕が作ったものではありませんが、面白いコンセプトだなぁと思ったので紹介します。(株) レベルエンターの代表、山本さんがおひとりで開発されたサービスです。その名も「CODE写経」です。画像をクリックするとサービスのページにジャンプします。 写経はハードルが高い プログラムの文法に不慣れな初学者にとって、写経は少しハードルが高い。カッコを付け忘れるとか半角を全角で書くとか変数名をtypoするとか、コピペではない手段でプログラムを書こうとすると色んな罠があります。不注意と言えばそれまでですが、何が不注意だったのかもわからないのは可哀想です。 とにかく動くプログラムを書かないと、学習を先に進めることは出来ない・・・ 山本さんはプログラミングを教えるお仕事をされているので、間違えずに写経ができるサービスがあればと思ってこちらのサービスを開発されたそうです。 操作動画 youtu.be Chromeで

私が、グーグルアドセンスを始めて約4年 ブログやサイトを何個か作っていたら、 いつのまにか月間100万PVに到達していました（このブログではない） だけどそれと同時に、自分には、圧倒的にセンスがない事が判明しました！！ みんな100万PV=100万円の収益があると思てらっしゃるようですが、他人の成果報告を見るとちょっと憂鬱になってきます。 実は私の場合、 学生のアルバイト代くらいしか稼げておりません！！！ Σ(ﾟдﾟlll)えって感じですよね。 こんなんじゃ、ずーっと1万円生活し続けなければなりません。 （ってか、働けって感じですが・・そのうちに） 非常に危機感を感じております。 某ヒトデブログの収益を見てしまった時の、衝撃を今でも忘れられない！ 100万PVで、100万円の月収があるそうで、PV数は同じなのになんでこんなにも差がひらいてしまったのか、自分なりに分析してみました。 失敗1、

今回は、SEOとWordPressテーマの関係について解説していきます。 WordPressでメディアやブログを始める際、テーマによってSEOに強い弱いはあるのか気になるかと思います。 この記事では、SEOに強いWordPressテーマは存在するのか、そしてどのテーマを選ぶべきなのかを解説します。 これを読めばSEOとWordPressテーマの関係が理解できると思います。 SEOとは？ SEOは「Search Engine Optimization」の略で、検索エンジン最適化を意味します。 SEOを行うことで、Googleなどの検索サイトにおいて上位に表示されやすくなります。 SEO施策は簡単なものではなく、「これをやったら検索上位になる」という明確な正解があるわけではありません。 とはいえ、ある程度効果が見込める施策はあるので、それらを最低限行なっておきましょう。 検索結果を決定する要因

スタートアップやプロダクトの成功に必要な「アイデア×プロダクト×実行×チーム×運」の 5 つの項目について解説した概要のスライドです。急成長するプロダクトの初期に役立てていただければと思います。 プロダクトマネージャーやスタートアップの CEO の方向けにどうぞ。 ※ Japan Product Manager Conference 2016 の登壇資料です

「仕事」と「作業」は違う（参考：「仕事」と「作業」の違いは何か）。学生時代のアルバイトなら「作業」が殆どだろう。しかし社会人になってするのは「仕事」だ。任された仕事は自分でマネジメントする必要がある。 仕事の質とスピードは、手を動かす時間よりも、その前後に使う頭で決まる。本記事で書いたのは当たり前なことばかりだが、新人や若手のうちに身につけてもらう仕事の基本として参考になれば幸いだ。 目的を確認して「そもそも」を考える 仕事には目的がある。作業ならば目的など知らずとも手を動かせば良いが、仕事は目的を達成してナンボだ。であれば、目的を達成さえすれば、どんな手段をとっても構わないとも言える。効率的に達成できるか考えることも仕事のうちだ。 そのためには、これからする仕事の目的を把握しておく必要がある。仕事の目的がわかっていれば良いが、もし曖昧なら確認をしよう。把握する目的とは「誰のためか」「何の

2016/10/26 現在26歳で業界歴は6年ほど。 まあ、若いと言えば若いであろう。実際色んな人と話をして年齢の話になると若いねとよく言われる。 が、もうそこまで若いとは言えないだろう。 あと3ヶ月も立つと自分も27になる。新卒の子や学生からしてみると、もはやおっさんであろう。 とまあ自分レベルの人間が自分をおっさんと言うと色んな人に怒られると思うので、おっさん予備軍とでも呼称するか。 で、そのおっさん予備軍として今後若く優秀なエンジニアと対抗する際に何が出来るのかと振り返ってみたが、何も残せていない。 例えば、 OSSで何か作っているか 有名OSSにContributeしているか CxOや役員などの経営者経験をしているのか OSSは趣味で作ったものをGithubで公開はしてはいるが、Star数が0のところを見ると利用されてるとは言えないだろう。 そんな感じで若く優秀な人からすると引っ込

写真にかぶせてキャッチコピーを表示したいときの手段として、半透明レイヤーを効果的に使う方法があります。写真と文字が調和することで、見た目が美しくなります。 今回は半透明レイヤーを上手に使っているサイトを参考にしながら、ベストな色の選び方を考えていきたいと思います。 こちらは半透明レイヤーに複数の色のグラデーションを使った例です。 この場合は自分のブランドに合った色を複数選ぶのもいいですし、1色のグラデーションにしてフォーカスを当てたい場所を強調してもいいですね。明るめの色を2色選択すると、ユーザーをサイトデザインに引きこみ、写真を際立たせる効果があります。 このグラデーションレイヤーはSpotifyが広めたと言われています。Spotifyでは2色のグラデーションを使ってプレイリストを強調していました。 次は、セピアのレイヤーをかぶせた例です。 ソリッドカラーを使うことで、深い印象をユーザー

Money Forward Meetup #6

この1年、Webのパフォーマンスで変わったことは？──HTML5 Conference 2016 川田寛（ピクシブ株式会社） こんにちは、ふろしきです。HTML5 Conference 2016の当日は、38度近くの熱があり、発表時はろれつが回ってませんでした。しかし、伝えたいことは伝えられたと思っています。その内容とは… 「この1年でWebのパフォーマンスの技術にどんな動きがあったのか」 というダイジェスト。ここで話した3つのテーマについて、本記事でもご紹介。 1. レイアウト処理を減らす HTML5がバスワードするよりもずっと前から、CSSでアニメーションさせることはごくごくあたりまえ。JSが扱えないデザイナーであっても手軽にアニメーションできる良い世界になりました。しかしそこに、モバイルが出現したことで、JSだけで満足という人たちもCSSの機能を活用しなくてはいけなくなりました。 モ

Google, Apple, Metaなど、世界的に活躍するテクノロジー系の会社で知られているサンフランシスコ・シリコンバレーエリアであるが、実はアニメーションスタジオとしてもトップを走るピクサーのオフィスも存在している。 スティーブ・ジョブスがAppleを去った後に築き上げたもう一つの”遺産。” それがトイ・ストーリーやカーズなどの完全CGによるヒットアニメーション作品を次々と作り出すピクサーである。 サンフランシスコからベイブリッジを渡り、その対岸のエメリービルという小さな工業都市にそのオフィスはある。何の変哲も無いような住宅街を抜け，その先の倉庫街の一角に突如として現れるのがピクサー・アニメーション・スタジオである。 他のスタートアップやテクノロジー企業と異なり、ピクサーのオフィスには入り口にはセキュリティーゲートがあり、その中に入るには事前のアポが必要となり、簡単には立ち寄る事が出

Google先生が何やらデザイナー向けの新しいツールを作っているようです。 今回発表されたのは「Gallery」というプロダクトです。 デザイナー向け共有ツール？ どうやらこれ、デザインの共有ツールみたいですね。 作ったデザインツールを整理してチームメンバーからフィードバックを得るためのツールという感じぽいです。 イラストにSketchやらイラレやらフォトショやら…どうやら静止画データではなく編集可能なデザインデータをアップできるぽいですね。 InVisionなどのツールとの違いは…？ iOSとAndroidアプリでプレゼンモードみたいな感じでもみれるみたいなんですよね。 ってことはプロトタイプも作れるのか…？うーん謎だ… 画像だけじゃなくて動画にも対応してるぽい…？ ワイヤーフレームからプロトタイプまでのワークフローを簡単にしまっせというような記述がありますね。 よくわからんが事前登録が

僕の同僚のデザイナーはデザインツールにSketchを使っている。デザインは区切りのいいところまで出来ると保存してDropboxで共有してくれる。最近ではGitHubでSketchファイルを管理することも試しているようだ。GitHubで管理することで過去に遡ったり、ほかの人の作業をマージできたりする。ただ、Sketchファイルはプログラムのソースコードのようなテキストファイルではなくバイナリファイルだ。この違いでGitまたはGitHubの便利なものの多くが使えていないんじゃないか。 先日Sketchファイルをテキストファイル(JSON)として管理できるツールを公開したので、どういうモチベーションで作っているのか書いてみようと思う。ツールはまだ完璧ではないが、ぜひ使って意見をもらえたらと…思う 🙇🏻 テキストファイルになるとできることあぁ、デザイン全体のボーダーの色が淡くなったのいつだっけ