/ ツール

スクリーンショット 2016-04-13 0.42.14

ただのぼかし加工プラグインなら紹介するまでも無いかと思いましたが、丁度今進行中のプロジェクトでも使えるかもなと思ったくらいに丁度良かったのでご紹介。

最近はワンページデザインなんかに良く見られる背景をぼかした写真で表示するようなデザインって良く見ますよね。あれって実際作ってみると分かるんですが、ただ単にぼかせば良い感じになるかって言われると意外と難しい表現の一つだったりする。ぼかすだけであれば今やCSS3でも表現は可能ですが、微妙な調整やJS使ってカルーセルなんてしようと思うとなおのことイミフになりやすい。ブラウザ対応も面倒。

そんな時、今回ご紹介するImage Blur Pluginは、細かい調整も可能だし、様々な用途で使えそうだったので、是非覚えておくと良いかもしれません。

続きを読む

/ ツール

スクリーンショット-2016-04-06-15.40.32.png

僕のワイヤーフレームツールの偏食の遍歴は長く。パワポから始まり、エクセル、HTMLワイヤー、イラレ、Photoshop ElementsにCacooにGoogle PresentationにSketchと手書きと、とにかくアホみたいに色々なツールで作ってきました。2014年時点ではUI Stencilsでしたね。

ただ、偏食を繰り返して来たからこそ思うのが、ワイヤー作成に必要な能力やスキルは多くの場合一定しておらず、プロジェクトによって全く違うという事。それこそメンバーの共通認識が取りやすい(過去の事例や参考が多い)案件と、そうじゃない物でどこまで時間をかけるかも変わるし、単にスピード命で作って泣きを見た事も、細かく作りすぎて怒られた事も何度もありました。手書きがベストなシチュエーションも間違いなくあるし、どれが絶対というのは無いとは思います。

ただ、欲を言えば、スピード、修正の容易さ、レイアウトやコンテンツの意図や趣旨を伝える方法、サードパーティーへの開示のしやすさ、説明のしやすさ、この辺に満足行くツールがあればと、アレを使ってこれを使ってと、色々試してきたわけです。

ですが、もしかしたらその悩みも今日までになるかもしれないという事で共有させていただきたいのがワイヤーフレームとプロトタイピングツールとして登場した『Adobe XD(Adobe Experience Design CC)』。まだPublic Preview 1ということで、アップデート入りそうですが、既に感動物のレベルで使いやすいので、是非ご紹介させて頂ければと思います。

続きを読む

/ WEBデザイン, アプリ

スクリーンショット-2016-03-16-4.10.35.png

Sketchユーザーも最近めちゃめちゃ増えてきましたね。最近はむしろSketchを使っていないUIデザイナーの方が珍しいんじゃないかってレベルで、もはやその存在は必要不可欠な者になってきているんじゃないかと思います。

そこで、今日はそんなSketchユーザーに向けて、シンプルなアニメーション機能が実装出来るプラグインを教えてもらったので共有。

それでは、行ってみましょ〜!

続きを読む

/ 情報収集

スクリーンショット-2016-03-16-18.12.10.png

まぁ、ぶっちゃけいつの時代も情報収集なんて大事にきまってんですが、今年は特にIoTの流れが急速に進みつつありますし、どのメディアでもVRだったり、リアルタイムメディアの成長についてだったり、変化の兆しが非常に顕著にあらわれていると思います(まぁ毎年ですが…)。

WEBからモバイルへ移り、モバイルからIoTの進化により様々なデバイスへフィールドが移ろうとしつつ、その次は、その次は…、その次…。

僕らの主戦場もなかなかに落ち着きを見せないようですが、まぁ落ち着く事なんて僕らが生きてるうちに訪れるのかと思うのと、そんな時代の流れを含めて楽しむのがWEB屋かなと。

と、言うことで、今日は改めて情報収集に関する記事として、このメディアは見といた方が良いよねってリストを改めて整理してみましたので、共有させて頂きたいと思います!かなり雑多にまとめるので、自分にとって学びになりそうな物をチョイスしてみて貰えれば良いかなと思います!

それでは、いってみましょー。

続きを読む

/ 考察

11004490_10152625140720966_320253433_n

僕はFrogというクリエイターの留学サポートを行う会社を運営しています。僕自身もWEB業界の人間なので、未だに色々なことを聞かれる事が多いですが、もちろん今日は僕自身の留学経験の話をしようとは思っていません。

相談を受けるようになってからは早4年が経ち、海外生活は人生の約1/3を迎える事になってしまいましたが、僕はここ数年、留学というキーワードと結構真面目に向き合ってきました。どれだけ大きな留学斡旋をしているどんな人より、少なくとも僕らのクリエイティブな、専門的な業界における留学では最も情報と知見を広げてきた自信があります。何十社という会社を周り、何百人という相談者を話をし、様々な国のクリエイターと話し、政府公認のコンサルタントや弁護士とも幾度となく話をしてきました。

その結果として出した答えが、今の日本の『留学』は半分終わってる。少なくとも今のままじゃあまり意味を成さない。グローバル人材が必要だと言われる昨今の中、年々留学生の数が落ちてきているのに対し『内向き』だとかなんとか言われていますが、そもそも海外に渡る事で得られる物よりも、失うものの方が多いという判断になってるからだと思うんですね。

というわけで、今日は専門職ながら留学という物にずっと向き合ってきた僕が感じる、日本に必要な留学の形の事を書こうと思っています。

ただ、今日僕が書きたいと思っているのはキャリアにおける留学であって、観光や世界観構築のための留学では無い事は、先に断っておきたいなと思います。

続きを読む

/ ツール

スクリーンショット 2016-03-09 14.19.19

このブログのサイドバーで新着記事のリスティング内容を検索出来る機能、あれはAngularの勉強ついでに実装してみたんですが、あんな感じのリストやテーブルのコンテンツをその場で検索したり、ソートしたり、フィルターをかけたりする機能って、実は結構面倒だし、実装に時間がかかるイメージありますよね。

今回ご紹介する『List.js』は、そういうコンテンツのソートや検索機能を実装する時に、知っておくと非常に便利かなと思いましたので共有までに記事にさせて貰えればと思いますー!

それでは行ってみましょう!

続きを読む

/ WEBデザイン

スクリーンショット-2016-03-09-2.42.07.png

様々な議論がされているハンバーガーメニューですが、ハンバーガーメニューを実装しているサービスやアプリはまだまだ多いので、自分も使ってみようというデザイナーさんもまだまだ多いことかと思います。

そこで、今日は様々なハンバーガーメニューのCSSアニメーションが実装可能な『Hamburgers』をご紹介。アニメーションの勉強的に見てみるのも良いかと思いますので、是非ご覧くださいー。

続きを読む

/ 考察

eye

さて、Frogネタ、というより留学ネタが続きます。最近はFrogから日本もカナダも企業紹介までなんとか出来るようになってきて、本当にここまで長かったなと、僕は大して頑張って無いけど尽力してくれた仲間の顔を思い浮かべるととにかく涙浮かべるレベルで嬉しいんですが、同時に『こういう人が欲しい』だったりとか、『こういう人なら受かるのか』とか、そういうのが少しづつ、過去4年に渡って四苦八苦したり、四苦八苦してきた人達のそばにいながら知った事なんかを元に、どうにかこういにか人に伝えられるレベルで見えてきたので、今日はちょうど良いから記事にして共有させて頂ければと思います。

基本カナダにおける就職の相談に来てもらう人にはこう答えているという点を書ければと思うので、それでは行ってみましょ〜!

続きを読む

/ ツール

スクリーンショット-2016-03-05-4.51.37.png

友人に教えてもらってからちょっと使って、結構感動したのでここでもシェア〜!どっかでシェアした事があると思うんですが、PingendoというBootstrapを使ったプロトタイプがめちゃめちゃ速攻で作れるアプリとして昔からあったんですが、それがいつの間にかめっちゃ使いやすくなっていたので、ここでも共有させて貰えればと思います。

Pingendo自体でサイトを作るというより、あくまでもプロトタイプの段階でのサイトレイアウトをぱぱっと作る上では結構使える場面もあるんじゃないかと思うので、是非一度使ってみるのも良いかと思いますー!

それでは行ってみましょう!

続きを読む

/ 考察

Artboard-1-Copy.png

超久々の考察系の記事です。ヤバイですね、1年振りとかそんなレベルじゃないでしょうか。最近ようやく僕自身開発に戻れる目処がたったんですが、もうここ1年間はずっとクリエイターの留学相談ばっかりだったので、とにかく人のキャリアに関する話をほぼ毎日2時間、留学相談の総件数はなんと900件を超えたという、わけわかんない状況です。僕、何屋なん?みたいな。

ただ、幸いだったのは、基本エンジニアかデザイナーの相談ばかりに乗ってきたので、技術的な話も多くアップデート無理やりにでもしてこれたことと、周りにFrog経由で留学してきた人達がどんどん就職が決まり、現場の情報なんかもアップデートの中に入っていたので、飽きることが無かった事でしょうか。

で、面倒だから本題に移りたいんですが、今日は『安定』に関する話です。なんか、微妙にずれるなって思う事が多々あるので、ブログで伝えておこうと思うんですが、僕の性格って、どちらかと言えば物凄い安定思考だと思っています。良く海外に居るっていうだけで、アグレッシブだの、野心家だの、向こう見ずだの、博打打ちだのと言われるんですが、むしろ真逆で、安定したいから海外に出たし、安定したいからスキルをつけた所は少なからずあります。そりゃ皆が皆、冒険大好きって分けじゃ無いし、僕自身そこまでアグレッシブに生きるつもりも無ければ、海外なんて北米と日本くらいしか行った事無いし、別に心置きなく好きな事が出来る、安定した毎日が送れればそれが一番だと思っています。

ただ、最近耳にする『安定』という言葉と、僕の見てきた『安定』という言葉に、ちょっと違いがあるような気がしてならなかったので、少しだけ頭の中をひっくり返して文章にしてみようと思います!

それでは、行ってみましょー。

続きを読む
Pagetop