ブラウザのデフォルトメーラーをGmailに変更するやり方

こんにちは!YOUKNOWです。

プロバイダなどのメールアドレスは持っておらず、メインで使っているメールはもっぱらGmailです。

mac デフォルト メール

引用 : 佐藤卓デザイン事務所様から

しかし、このようによくあるメールアドレスがクリックできる所をクリックすると…

mac デフォルト メール

違うんだよなぁ…

お呼びじゃないんだよなぁ?

長いことこれに悩まされてきたのですが、先日治す方法を教えて頂いたので一緒にご紹介します。

ブラウザのデフォルトメーラーをGmailに変更するやり方

Google Chromeのやり方

Google Chromeのやり方は簡単です。
ChromeでGmailのページにアクセスするとアドレスバーに所に<<>>のような文字が出てきます。

mac デフォルト メール gmail

そこをクリックすると上記のポップアップが出るので、許可のダイアログを選択し、完了をクリックすれば完了です。

これを変更・または削除する場合は、Chromeの設定で詳細設定を表示します。

mac デフォルト メール gmail

するとプライバシーの中にコンテンツの設定というボタンが出てくるので、そこをクリックします。

mac デフォルト メール gmail

そうして出てきたハンドラを管理をクリックすると設定したmailtoがありますので、ここで再設定を行えます。

FireFoxのやり方

FireFoxでもやり方はほとんど同じです。

同じように環境設定を開きます。

mac デフォルト メール gmail  firefox

設定の場所はこちら!

新しいタブが開くので、その中のアプリケーションを選択します。

mac デフォルト メール gmail  firefox

すると検索欄があるので、mailtoと検索し、取り扱い方法をGmailを使用に設定します。

完了です。再設定する場合は同じようにここで行えます。

まとめ

これ結構長年悩んでいたんですよね…。
メールアドレスをクリックすれば良いようにしてくれている所は良かったのですが、たまにこちらみたいな感じで書いてある所はなかなか面倒なきもちになってました。

しかしこの設定を行えば、メールアドレスをクリックするだけでGmailが立ち上がるのでかなりラクができそうです。
特に恩恵を受けられるのは、メールの著名欄かなぁ..。なんて思ったり。

夏に聞きたい!爽やか曲まとめ

こんにちは!YOUKNOWです。

今年の夏に僕がヘビロテした爽やか曲(一部暑苦しい)をまとめました。
個人的趣味ですが、売れ線の曲が好きです。

夏ももう終わりですが…!!

夏に聞きたい爽やか曲まとめ

サニーデイハッピーエンド – galileo galilei

蝉時雨 – ココロオークション

夏の幻 – ココロオークション

ソーダ – sumika

Change – unlimited tone

嵐のあとで – galileo galilei

年貢 for you – レキシ

サマータイムラブ – Shiggy Jr.

LISTEN TO THE MUSIC – Shiggy Jr.

夢の中ではない – ビレッジマンズストア

SISTER – back number

Oh My My – JTR

Ride – JTR

Hey,Soul Sister – Train

Live While We’re Young – One Direction

レイヤー名一斉変更できる Photoshop Scripts「FindAndReplace」

こんにちは!YOUKNOWです。

Photoshopのアセットなどでレイヤーの名前を変更する機会が増えたのではないでしょうか。

レイヤー名を一つ一つ変更するのはいくらなんでも手間すぎるので、レイヤー名を一括して変更できるスクリプトをご紹介します。

FindAndReplace

https://vimeo.com/112916307

FindAndReplaceは複数レイヤー名の置き換えや特定の文字列を削除・先頭や末尾に文字列を追加することができる無料のPhotoshop用スクリプトです。
(スクリプトは無料ですが、気に入ったら投げ銭をするフォームがあるので、投げ銭してみると良いと思います。)

特に最近では画像アセットなどで、書き出すレイヤーの後ろに.pngなどをつけることが増えてきたので、大変重宝すると思います。

FindAndReplaceができる事の一覧はこちら。

  • レイヤー名の検索・置き換え
  • レイヤー名の置き換え
  • レイヤー名の先頭に任意の文字列を追加
  • レイヤー名の末尾に任意の文字列を追加

FindAndReplaceのインストール方法

FindAndReplaceの配布元guchika.com様にアクセスし、記事内のダウンロードリンクからFindAndReplaceをダウンロードして下さい。

ダウンロードしたZipを解凍し、出てきたFindAndReplace.jsxをPhotoshopのスクリプトフォルダに入れて下さい。

Macの格納先

/Application/PhotoshopCC2014/Presets/Scripts/

Windowsの格納先

C:¥Program Files¥Adobe¥Adobe PhotoshopCC2014¥Presets¥Scripts

FindAndReplaceを入れた後はPhotoshopにスクリプトを認識させるためPhotoshopを再起動して下さい。

Photoshopを再起動し、メニュー > ファイル > スクリプトにFindAndReplaceがあればインストール成功です。

FindAndReplaceの使い方

名前を変更したいレイヤーを全て選び、メニュー > ファイル > スクリプト > FindAndReplaceを選択すると、ダイアログが開きます。

行いたい名前の変更に合わせてダイアログを操作します。

レイヤー名の先頭・末尾に任意の文字列を追加

レイヤー 変更 一括 スクリプト scripts

レイヤー名の先頭・末尾に文字列を追加する方法は、変更したいレイヤーを全て選択し、先頭・末尾に文字列を追加のダイアログボックスを選択し追加したい文字列を入力すればOK

レイヤー 変更 一括 スクリプト scripts

レイヤー名の一部を置き換える

レイヤー 変更 一括 スクリプト scripts

レイヤー名の一部を置き換えたい場合のやり方です。

今回は例として、 bnr_1.png > btn_1.png へとレイヤーを変更しています。

bnrの部分を変更したいので、検索文字にbnrを入力し、置換を選択し、置換文字にbtnと入力することで、完了です。

レイヤー 変更 一括 スクリプト scripts

まとめ

レイヤー名の変更を一括で行う機能は非常によく使うので、このスクリプトには大変お世話になっています。

あまりによく使うので、毎回メニュー > ファイル > スクリプト > FindAndReplaceで選択するのは大変なので、ショートカットキーに追加してすぐ使えるようにしています。

便利なのでぜひ使ってみてくださいな。

Yahoo SSL化とキーワードが取得できない問題に対する代替案

yahoo

こんにちは!YOUKNOWです。

お盆休みいただきました。また今日から更新したいな…と!

外出した時のネタがたくさんたまってるので、お店のオススメとかも書くようにしようかなぁ。購入したモノもかなり多くなってきたのでこれも記事にしたいなぁ。なんて思いながら外出していました。

生活感しかない写真を載せるのに抵抗あるからなかなかレビュー記事かけないんですよね(笑)
なーんて言い訳をかましながら今回もWEB制作の記事です。(写真の生活感対策かんがえなきゃ…)

遂にYahooも2015年8月18日から段階的にSSL化になるようです。

「Yahoo!検索」SSL化のお知らせ

この度「Yahoo!検索」では、より強力なセキュリティ基準を採用したサービスを提供するため、2015年8月18日より段階的に、検索結果にSSLと呼ばれる暗号化プロトコルを使用することにいたしましたので、お知らせいたします。

SSL化に伴い、ご利用の基本ソフト(OS)によっては、エラーメッセージが表示されるなど、検索結果が正常に閲覧できない可能性がございます。対応方法など、詳しくは以下ページをご確認ください。

「Yahoo!検索」SSL化のお知らせ

SSLとは?

Secure Socket Layerの略がSSLになります。
やりとりされる情報を暗号化し、よりセキュリティを高める効果があります。

SSLを導入する事で、改ざんや情報の抜き取り、なりすましを防ぐ効果が期待出来ると言われています。

例として、二年前にすでにGoogleはSSLを導入しており、Googleから来た方の検索ワードを僕達は知ることが出来ません。

Yahoo SSL化によるサイト運営の影響とこれから

yahoo

SSL化の流れがきてるなきてるなーというのは大分前からわかっていました。
もちろんGoogle等の前例からの予想ですが、海外のYahooやBingもすでにSSL化の動きを表していたからです。

WEB製作者からすると、最近のウェブサイトHTTPS化の流れからもウェブの中のセキュリティがどんどんと上がってきているなという印象です。

Yahoo SSL化による問題点

YahooもSSL化することによって、検索ワードの取得が非常に難しくなります。
SEOに関しても少しやり方を変えないとかもしれません。

SEOも秘伝の技的なのがなくなってきたため、しっかりしたWEB製作者さんとSEO業者さんで効果がほとんど変わらないと聞いています。

今回のSSL化で更にWEB製作者さんとSEO業者さんの差がなくなるのではないのかなあなんて考えています。

これからはキーワードに頼り過ぎないようにしていくことが大事かなーと思っています。

このブログでは記事の観覧数で、どのような記事が求められているのかなーなんて考えるようにしています。
多分こうしたやり方が次の主流になるのではないのかなーと感じています。

記事観覧数の確認に良いWordPressプラグインがあったので、観覧数の確認にそのプラグインを使わせて頂いています。

以下ご紹介しておきます。

WordPressで記事観覧数を簡単に確認するプラグイン「WP-PostViews」

WordPressのダッシュボードから、プラグイン > 新規追加で検索欄にPostViewと入力してインストールすると簡単にインストールできます。

WP-PostViews 使い方 設定

インストールが完了し、有効化するとこのように管理画面にViews(観覧数)が追加されます。

WP-PostViewsの設定

簡単に設定を行うとより精度の高い情報になります。

WordPressのダッシュボードから、設定 > PostViewに進みます。

WP-PostViews 使い方 設定

Count Views FromGuest OnlyExclude Bot ViewYesにします。

こうすることで、Count Views Fromで管理者や編集者や投稿者の観覧数を除いた数が、Viewに表示されるように設定を行い、
Exclude Bot ViewでGoogle等のクローラーのアクセスもカウントしないような設定にしています。

まとめ。キーワードが取得できないなら観覧数を見ればいいじゃない

どんどん検索エンジンの精度が上がってきて、よりキーワードではなく求められている情報が載っているページが良い評価を貰えるようになってくると思います。
だからこそ観覧数が高い有用な記事がどれなのか、知ることで、求められている情報がわかるヒントになると思います。

WEBは常に進化しているので、それに合わせてやり方をどんどんを変えないと置いて行かれちゃいそうでたまに怖くなります(滝汗)

Photoshopの画像アセットで余白そのままで書き出しする方法

photoshop 画像アセット 余白 そのまま やり方

こんにちは!YOUKNOWです。

明日からはお盆なのでお休み中は更新を停止して、実家に帰省します。

そんなことよりも

Photoshopの画像アセットめっちゃ便利

なのですが、痒い所に手が届かないんだよなぁと思っていて、個人ではずっとSlicyを使っていました。

しかしお仕事だとインストールできるアプリケーションに制限があるため、画像アセットを使い始めました。

画像アセットには微妙な所があって、そのうちの一つが大きさ(余白を保ったまま)書き出しして欲しいのに!という時です。

画像アセットは、オブジェクトのサイズを基準にして書き出しを行うため、オブジェクトの大きさで書き出しされてしまい、意図的に余白を含ませたい時などに非常に不便です。

今回はその余白を保ったまま書き出す方法をご紹介します。

※PhotoshopCC2014以上が対象です。

Photoshopの画像アセットで余白そのままで書き出しする方法

とはいってもすっごく簡単ですが、

書き出ししたいレイヤー(グループ)にベクトルマスクを追加するだけです。

少し詳しく説明すると、書き出したいレイヤー(グループ)に画像アセット用の名前をつけて、(例:btn_assets.png)そのレイヤー(グループ)にベクトルマスクを追加します。

photoshop 画像アセット 余白 そのまま やり方

ベクトルマスクの追加方法は、ベクトルマスクを追加したいレイヤー(グループ)を選んで、レイヤーウィンドウの下の方にある■の中に●が書いてあるマークをクリックするだけです。

photoshop 画像アセット 余白 そのまま やり方

こうなればベクトルマスクが追加されています。

後はそのまま画像アセットのフォルダの中に、余白が保持されたまま書き出しされた画像があるはずです。

【改訂版】就活用WEBデザイナー用紙ポートフォリオの作り方

ポートフォリオ デザイン レイアウト

こんにちは!YOUKNOWです。

以前書いた記事が読まれているので、よりわかりやすく書き直したいと思います。

以前の記事は、WEBと紙がごっちゃになっていてわかりづらかったですね….。
なので今回は反省し、紙とWEBを別々に書くことにしました。

今回はWEBデザイナーのポートフォリオ..ののほうについて、レイアウトやデザイン等の事も含めて書きたいと思います。

ポートフォリオとは?

WEBデザイナー ポートフォリオ 作り方

MAC DESIGN ACADEMY様より引用

デザイナーが今まで作ってきた作品等をまとめた作品集をポートフォリオと呼びます。
ポートフォリオは自分ができることや得意な事・実績をアピールすることが出来、採用時の取っ掛かりになる大事なものです。

デザイナー等の就活時に求められることが多く、企業側は大体のスキルをこのポートフォリオで判断します。

WEBデザイナーの紙ポートフォリオの作り方

WEBデザイナーの紙ポートフォリオの作り方の手順です。(人よって手順は違います。以下はあくまで一例です。)
ステップごとに説明していきます!

  1. どのような紙ポートフォリオにしたいのかを決める
  2. 自分が載せることができる作品のリストアップ
  3. クオリティが低い作品や、やり残した作品のブラッシュアップ
  4. レイアウト作成
  5. デザイン
  6. 完成

Step1.どのような紙ポートフォリオにしたいのかを決める

キンコーズ様より引用

キンコーズ様より引用

どのような紙ポートフォリオにしたいのかを、まず作り始める前段階に決めておくと良いと思います。

出来上がりを考えるまだ楽しいと思えるギリギリの時期です。

サイズ

サイズはA4、WEBデザインは縦長が多いので縦のレイアウトをオススメします。

A4サイズをオススメする理由は、他の書類サイズと同じサイズで、相手が保管しやすいかなという考えからです。

サイズが大きいので載せる作品も大きく出来、かつ縦長になりやすいWEBデザインを全て入れやすいA3もありだとは思います。

しかしA4サイズは面接時に持っていくのにもラクなサイズだし、郵送時にもラクかつ安い。履歴書とかのサイズとも一致します。
肝心の内容もA4サイズでもレイアウトをキチンとすればA3サイズに負けない迫力になります。

出来上がりの種類

  • 自分で手製本
  • キンコーズ等の製本サービス
  • クリアファイルでファイリング

出来上がりの種類も様々です。

自分はクリアファイルでファイリングして行きました。
なるべく透明度が高いクリアファイルのほうがキレイに見えるのでオススメです。

自分はセキセイ プレゼンホルダー スーパークリヤーを使わせて頂きました。
透明度も高いし、表紙も無地なのでシンプルで良かったです。

表紙を付けたい同級生たちは無印で購入している人が多かったです。

Step2.自分が載せることができる作品のリストアップ

ポートフォリオ デザイン 作り方

クリ博ナビ様より引用

自分がいったいいくつの作品を載せることができるのかを確認しましょう。
少なかった人も多いのではないでしょうか…!もちろん僕も少なかったです。

だからといって闇雲に作品は多く入れれば入れるほど良いというわけではありません。自分の自信があるものだけ入れたほうがよいと思います。

自信のない作品は面接時につっこまれた時にタジタジになります(笑)
面接時に味方になってくれるような作品を選定しましょう!

作品の内容にもよりますが、大体10作品-20作品の間で良いと思います。
特にWEBサイトだと作業量が多いので、そこまで数は作れないと思います。グラフィックとかバナーとかで作品数を増やしましょう!

作品数が少ないなーと思っても、数は少なくても魅せ方でなんとでもなります!大丈夫です!

ただ最低10作品ほどはあったほうがよいと思います。(WEBサイト以外を含め)

ポートフォリオの参考要素

WEBデザイナー ポートフォリオ 作り方

自己紹介ページ

  • 名前や年齢・出身学校等の情報
  • 自己紹介・自己アピール文
  • スキル(Photoshop/illustrator/HTML等)
  • WEB版ポートフォリオのURL等
  • その他アピールしたいこと等

どこまでやるのか正解か?なんて議論が出るほど多様化しているWEBデザイナー
デザインスキル、adobe製品の使い方、HTML.CSS.JavaScript.jQuery…Git…..Sass..php..wordpress…うっ頭が…

そんなこんなで多様化しすぎてるので、自分ができることを自己紹介ページに添えておくと親切だと思います。

作品ページ

  • 作品名
  • 作品スクリーンショット
  • 担当した箇所
  • 工夫点やコンセプト
  • 補足事項(URLやQRコード等)

Step3.クオリティが低い作品や、やり残した作品のブラッシュアップ

意外と勘違いしてしまいがちなのがここ。
当時の自分からここまで成長したんだ!とあえて当時作ったままで出してみようと考える方多いと思います。(自分もそうでした)

出す直前で、他の人にポートフォリオを見てもらった時に直したほうが良いと言ってくれたので、気づくことが出来ました。

確かに成長具合を見せて、伸びしろを感じさせるというのは割りと理にかなっている気がするのですが、今思うと

そもそもそこまで考慮して見てくれる人は多くないという問題と、
学生時代に作るデザインとお仕事で作るデザインは全然違う為、ポートフォリオでより重要になるのは、この子できるな…!大丈夫そうだな…!という安心の部分が欲しいんだろうなと思うためです。

Step4.レイアウト作成

とりあえず2案サンプルとして作ってみました。(1案は以前の記事と同じ)

A案
ポートフォリオ レイアウト デザイン

B案

ポートフォリオ デザイン レイアウト

ポートフォリオに載せたいと思っていた要素を全て載せつつ、キレイに見やすくなるようにレイアウトします。
今回は参考要素として、作品名、作品スクリーンショット、担当箇所、工夫点やコンセプト、補足事項を入れました(B案)。

Step5.デザイン作成

レイアウトを元にデザインを作っていきます。

A案
portpholio デザイン レイアウト

B案

ポートフォリオ デザイン レイアウト

試しにこんな感じでデザインしてみました。

B案の方は自分が仕事上の案件ごとに作ったものを実際にまとめているカタチです。

WEBデザイナーのポートフォリオデザインのコツ

モックアップの利用
WEBサイトをブラウザ意外で見せるってなかなか難しい気がします。
今回もモックアップを利用して制作しました。モックアップを利用するといっきにそれらしくなります。

フォント

ポートフォリオ デザイン フォント

mplus 2-light mplus-fonts.より引用


フォントでも印象が大きく変化します。

オススメはMacに標準で入っているヒラギノ角ゴです。
フリーフォントでオススメはNotoSunsFontM+Fontです。

ちなみにA案では多くの場所にM+Fontを利用しています。

整列
ポートフォリオ デザイン レイアウト
要素の高さを揃えてみたり、端を揃えることでキレイに魅せることが出来ます。

Step5.完成

完成です。

作品まとめるだけだし、簡単っしょ!と思いがちなポートフォリオですが、なかなか地味で大変な作業です。

早め早めから手を付けておいたほうが…いや…手を付けられないんですよね…。自分もかなりギリギリで作った記憶が…。

以外とポートフォリオの作り方ってなかったのを覚えているので、これから作る人はぜひ参考にしてみてください。

足元蒸れに注意!デザイン性の高い社内履きをまとめてみた!

あつい……

あつーーーーーい!!!あついあついあついあつい、あつすぎます。

こんにちは!夏バテ気味のYOUKNOWです。

以前の記事でちらと触れていたのですが、会社の通勤方法を自転車に切り替えました。
自転車通勤それ自体は、運動した気分になって気持ちいいのですが、問題は会社についた後…。

新入社員なので一番に会社に到着するのですが社内激熱..。くわえて自転車を漕いだ後なので汗だらだらなわけです。

だらっだらっ

足元もむれてむれて、むれまくるわけで、これはまずいなと思いメンズ用の社内履きサンダルを色々探しました。

それで今回の記事は社内で履けるサンダルのまとめなのですが、問題がありまして…

普通企業の方向けではありません…(ごめんなさい)

社内履き サンダル まとめ デザイン

これを5回りくらいダサくした感じのやつが私です。 : zozotown様より引用

多分普通の企業の方は背広とかだと思われるのですが、当方の会社はデザイン会社の為、そこらへんかなりゆるーっとした感じなんですよね。

なので自分も普通にチノパンにTシャツみたいな感じの服装です。らくらく
そのスタイルに合わせた選定なので、参考になると思われる方は…

デザイン会社などの、服装に縛りがあまりない方向け、ちょっとデザイン性が高いサンダル特集みたいな感じですかね…!!!
ニッチなターゲットすぎる…( ゚‐゚ )

デザイン会社等の、服装が私服な方に贈る、ちょっとデザイン性高いサンダル特集

BIRKENSTOCK ARIZONA/アリゾナ ダークブラウン(UNISEX)

birkenstock ARIZONA/アリゾナ ダークブラウン
BIRKENSTOCK ARIZONA/アリゾナ ダークブラウン(UNISEX)
¥8,100(税込)

一目見てこれだわ…って思ったサンダル。個人的にかなりデザイン良いんじゃないかなぁと思ってる逸品
シルエットカッコ良くてついついため息が…ネックは値段ですかね..

EDWIN 9169 2way サンダル ネイビー

EDWIN 9169 2way サンダル ネイビー
EDWIN 9169 2way サンダル ネイビー
¥3,780(税込)

これも好きです。これはネイビーだから地味すぎなくて良きかな。
これは値段も安いし、手頃感高い…!デザインも良い。コスパ高いですね

CROCS bistro

CROCS bistro
CROCS bistro
¥5,122(税込)

かの有名なCROCSです。
うーんでも、チノパンには合わないかなぁとは思うんですが、これの良い所は靴下を履きながら履ける所。
靴下脱ぎたくないっ!って人には良さそう。

saunk YOU GOT MY BACK II

saunk YOU GOT MY BACK II
saunk YOU GOT MY BACK II
¥5,184(税込)

こっちも靴下脱ぎたくない人向け。
こっちはチノパンにも合うなぁ、なーんて思いながらセレクトしました。

まとめ

もう足元が蒸れることに耐えられないので、この中から選んでぱぱっと買ってしまおうと思っています。
よろしければご一緒にいかがでしょう!

ACC受賞作品をまとめてみる【2014 インタラクティブ部門】

こんにちは!YOUKNOWです。
広告を作るお仕事なので広告賞などの単語を聞くことが多くなってきました。

今回はその広告賞の一つであるACCの受賞作品をまとめてみます。

ACCのサイトではすぐに作品を見ることができなかったので…。

2014 54th ACC CM FESTIVAL 入賞作品 インタラクティブ部門受賞作品

総務大臣賞/ACCグランプリ

Sound of Honda/Ayrton Senna 1989

Sound of Honda/Ayrton Senna 1989は、1989年のFIA※4フォーミュラ・ワン世界選手権日本グランプリ予選(以下、F1)で、アイルトン・セナが「マクラーレン ホンダ MP4/5」で記録した鈴鹿サーキットの当時世界最速ラップを再現するプロジェクトです。アクセル開度、エンジン回転数、車速の変化といった走行データを解析、マクラーレン ホンダ MP4/5の実車を用いて再現されたラップ1周分のエンジン音をもとに、セナの1周分の走行を光と音で再現したムービーとメイキング映像、3D-View、iPhone※5アプリ「Sound of Honda」の3つのコンテンツを展開しています。Honda

ACCゴールド

該当なし

ACCシルバー

TOKYO CITY SYMPHONY

未来都市。ロックシティ。日本古来の花鳥風月。参加者はPCのキーボードをタッチするだけで、あたかもピアノを弾くように様々な都市のモチーフを演奏することができます。「あなたの手で、東京をもっと面白く。」まるで街全体が歌い出すような、新たな映像体験をお楽しみください。TOKYO CITY SYMPHONY

ロッテ・カフカ・泣きやみ動画

96.2%の赤ちゃんが泣くのをやめるらしい..不思議な動画

Google Maps Pokémon Challenge

Googleのエイプリルフール企画

Google は、技術に深い造詣があり、細やかな感性をもちながらも、大胆にリスクをとれる人を高く評価し、そんな人を日々探しています。長い長い検討の後、Google は「ポケモンマスター」がまさに、私たちが求めるスキルすべてをバランスよく併せ持っていることを発見しました。Google マップをより高い次元に引き上げ、最高の地図体験を提供するためには、ポケモンマスターの協力が必要です。

そこで、Google ではポケモン、任天堂、ゲームフリーク、クリーチャーズ協力のもと、くさむらをかき分け、やせいのポケモンを探し出し、つかまえる 「モバイル版 Google マップ ポケモンチャレンジ」を開催します。来たれ!真のポケモンマスター

Perfume@Cannes Lions

Parfumeの体全体がスクリーンに、プロジェクションマッピングが展開されています。
Parfumeの動きに合わせてどんどんと映像が変わっていきます。

ACCブロンズ

検索は応援になる「Search for 3.11」プロジェクト – Big Data Visualization for Social Good

2015年3月11日、「3.11」というキーワードで検索された方おひとりにつき10円を、Yahoo!検索から被災地の復興にたずさわる団体に寄付する「Search for 3.11 検索は応援になる」プロジェクト。

当日、「3.11」の検索者数は2,918,278人(ユニークブラウザー数)となりました。大勢のみなさまにご参加いただき、心より御礼申し上げます。多くの方々のご参加を受け、総人数×10円に当たる29,182,780円を、Yahoo!検索より寄付いたします。

みなさまのご賛同と被災地への応援、誠にありがとうございました!

Yahoo!検索は、これからもみなさまの想いと一緒に被災地を応援してまいります。3.11、検索は応援になる

BLOODY TUBE

今回の舞台となるのは、女優の壇蜜。ほぼヌードの壇蜜の体にプロジェクションマッピングを用いて、レースコースを投影。
未来感のある映像効果のもと、彼女の体を駆け巡っているような感覚を味わいながら、レースに参加することができます。
BLOODY TUBE

のらもじ in 東北

街のあちこちにひっそりと佇む看板の手書き文字は、データとしてきれいに整えられたフォントにはない魅力を持っています。不思議な愛らしさや人間味を湛えたそれら「のらもじ」の、風雨に晒され経年変化し素材と馴染んだ様子に、デザイン的な魅力や、古道具的、民藝的な魅力を積極的に見出だし、それを愛でる。そして、形状を分析し、フォント化し、データとして提供することでみなさんに使ってもらい、その魅力を知ってもらう。また、その代金を持ち主に還元することで、少しでものらもじが後世に残るように応援できればと考えています。今回の「のらもじ in 東北」では代金を直接持ち主に還元するのではなく、石巻という街に還元します。間接的ではありますが、石巻という街を応援することで広い意味でのらもじを応援することにつながれば、と思っています。ぜひ、石巻ののらもじを使ってみてください。のらもじ in 東北

ACCファイナリスト

スプラッシュ自販機

5月7日(水)から全国で放映開始される新TV-CM「スプラッシュカート登場」篇(15秒)は、「スプライト」を飲んだ時の爽快感をわかりやすく印象づけるため、突然の“大量の水しぶき”=“スプラッシュ”で瞬間的に爽快になる体験を演出しています。movieTimes

あなたの言葉を辞書に載せよう。

あなたの言葉を辞書に載せよう。

言葉や意味の使い方は、時代とともに日々進化し、変化してゆきます。
小学館の国語辞典「大辞泉」は、そのような時とともに変わりゆく言葉、また時が経過しても不変である言葉、そのどちらも日々とらえて更新し続けている、ネット&デジタル時代に対応した、「生きている」国語辞典です。あなたの言葉を辞書に載せよう。2015

TRUE LOVE TESTER

真実の愛を検知するホックを搭載した革新的ブラ。ブラに内蔵されたセンサーが女性の心拍信号を読み取って、Bluetooth経由で専用アプリに飛ばしデータを解析。心拍の変化率と時間からTRUE LOVE RATEを算出する。TRUE LOVE RATEが一定値を超えると、ロックが自動で解除されてホックが外れる仕組み。FASHION PRESS

信濃毎日新聞社 創刊140周年記念『家族のはなし』

信濃毎日新聞社 創刊140周年記念『家族のはなし』

株式会社フロンテッジ

長野県の地方紙・信濃毎日新聞の創刊140周年を記念し、地元・長野県大町市出身のお笑い芸人、鉄拳さんと一緒に新作パラパラ漫画「家族のはなし」を制作しました。
鉄拳さんの作品史上最長となる、合計1918コマにもおよぶ原画を、新聞の印刷機で実際に印刷。カメラのフレームレートと印刷機のスピードを完全に一致させることでつくる、あたらしいアニメーション。
毎日毎日、積み重ねることで、形になってゆく。新聞も、パラパラ漫画も、そして家族も、そこは一緒かもしれません。
心がじんわりと温かくなって、なんだか無性に家族と話したくなる。自然にそんな気持ちになる動画を目指しました。信濃毎日新聞社 創刊140周年記念『家族のはなし』

バナナトロフィー

バナナは差別化が難しく、価格競争に巻き込まれやすい。そこで、東京マラソン2014のスポンサーシップを活用して、「Dole バナナ」の存在をポジティブなニュースとともに広め、バナナ売場でDoleが指名買いされることが目的。そこで、バナナ自体のメディア化にチャレンジ。多くのランナーにとって大きな関心事である「完走タイム」と「SNSの友人からの声援」をバナナの皮に印刷したBanana Trophy in 東京マラソン2014

おわりに

次のACCはこれが受賞されそうな予感!

PLAY THE PING PONG

テレビ東京は、電通との共同プロジェクトとして、東京2020年オリンピック・パラリンピック競技大会に向けて卓球を盛り上げていくために、「THIS IS PINGPONG プロジェクト」を始動した。本プロジェクトは、卓球というスポーツを新しい切り口でみせることで、卓球の魅力を広く伝えていく。電通報

2014のインタラクティブ部門の公式まとめはこちら

【Photoshop】一括で複数のレイヤーの設定を変えることができるPhotoshopプラグイン【Ditto】

Ditto

こんにちは!YOUKNOWです。

便利そうなものを発見しました。

Dittoです。

Dittoとは?

DittoはPhothoshopの無料プラグイン。

レイヤーの後ろにHTMLのような#btnTextのようなIDが指定されています。
例えば#btnTextのIDの設定を変更すると、#btnTextと名前の付いているレイヤー全ての設定が変わるようです。(まだ未検証)

設定できるパラメータ

  • 塗り
  • テキスト
  • 表示・非表示
  • フォントサイズ
  • フォントの種類
  • フォントの色
  • 行の高さ

必要環境

PhotoshopCC2015 Mac / Windows

久しぶりにめっちゃ試してみたい…!と思うPhotoshopプラグインです。
少しの間使ってみて、めっちゃ便利だこれ!!となりましたら、再度記事にてご紹介したいと思います。

ブラウザで表示している画像を中央揃えにするブックマークレット

画像 真ん中 ブックマークレット

こんにちは!YOUKNOWです。

デザインカンプを完成させ、いざ書き出してみてブラウザに画像を表示させた時にこれじゃない…って思うときが多々あります。

なんでや…Photoshopで完璧に調整したのに…

このように(?)Photoshop上で見ている時のデザインとブラウザで見た時のデザインの印象がどうしても違ってるように見える病にかかっている人は多いんじゃないでしょうか。
(長いから病名決めよう)

僕はその病気の重症患者なので、デザインの微調整を行うときはブラウザで確認して、Photoshopに戻ってまた修正みたいな事を繰り返しながらデザインをブラッシュアップさせます。

画像 真ん中 ブックマークレット

しかし!Photoshopから書きだした画像をブラウザにそのまま放り込むと、画像が左端によってしまっていて実際のイメージ感がつかめません。

その問題を解消するために、ブラウザで表示している画像を中央揃えにするブックマークレットを作りました。(長い)

ブラウザの画像を真ん中にするブックマークレット

ブラウザデザイン確認用

この上のリンクをブックマークに登録して下さい。

後は中央寄せにしたい画像をブラウザに読み込ませて、ブックマークレットをクリックすればOKです。

画像 真ん中 ブックマークレット

使用した感じはこのような感じになります。

最後の微調整はブラウザで見ながらやるとより良い調整が出来ますので、ぜひご利用下さい!