普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。 スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを紹介します。 Material Motion, IBM Animation Principles, The UX in Motion Manifestoのガイドラインに基づいた、気持ちのいい操作性に優れたアニメーションを楽しむことができます。 Good to great UI animation tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 タブのコンテンツをスライドさせるアニメーション カードをタップして詳細を表示するアニメーション コンテンツを表示するアニメーション コ

本日は、LBSのEntrepreneurship Clubが主催するMONZO社のプレゼンがあったので、聞きに行ってきました。MONZOはRevolutと並ぶ、ロンドンを拠点とするFintechの雄で、オンライン銀行口座やコンタクトレスデビットカードといった一般ユーザー向けの金融サービスを提供する企業です。 （HPはこちら→https://monzo.com/） User Interface（UI：ユーザーがサービスを使用する際に触れるウェブサイトやアプリのデザイン）やUser Experience（UX：ユーザーが製品・サービスを使用する経験）に定評があり、LBSの学生にもユーザーが沢山いる有名な企業です。 さて、ユーザーにとって良いデザインのプロダクトを作ることを目指し、実際に非常に使いやすいアプリを作っているMonzoはどうやって優れたアプリを作っているのでしょうか。 答えは「徹底的

フリーランス・副業エンジニア向け単価保証型の案件紹介サービスFindy Freelance のリリース後、フリーランスエンジニアの方とお話をする機会が増える中で、まだまだフリーランスが安心して働ける案件がそれほど多くないということが分かってきました。 これはフリーランスと契約する側の企業にも問題があるのですが、正社員の雇用に慣れている企業にとって、フリーランスの方と契約をして、気持ちよく成果を出してもらうことに対する明確な方法論を持っていない企業が多いことが大きな要因と考えられます。 ちなみに、私がヒアリングする中でフリーランスが不幸になりがちな案件に共通する問題点については一言でまとめると、「フリーランスエンジニアに依頼をする側の企業が業務の定義を十分にできていない」ことにあるようです。 これまでなんとなく暗黙の了解の中で正社員がこなしてきたことや、暗黙の了解の中でSIに発注していたこと

CSR 証明書署名リクエスト。公開鍵と所有者の情報などが署名されている。 ローカルのキーチェーンで作成し、証明書を作成するのに使う。 作成時に、秘密鍵と公開鍵も同時に作られる。 CSRと秘密鍵はマシン変更時や引き継ぎ時などにまとめて使うことが多いので、まとめてちゃんと管理しておくのが良いとのこと。 CSRを使って、「Certificates, Identifiers & Profiles」上で作成する。 作成後はダウンロードして、ダブルクリックでキーチェーンに登録して使う。 証明書は秘密鍵を含んでおらず、引き継ぎなどで別のマシンで開発を継続するときは、配布用証明書と秘密鍵をp12ファイルにしてやりとりすることが多い。 Xcode上でアプリを実機用にビルドするのに必ず必要。(シミュレーター実行の場合は不要) monacaのサイトがすごい分かり易かった。 iOS アプリのビルド 証明書には大別

こんにちは、イノベーター・ジャパンの福岡オフィスで働くエンジニアの @akase244 です。 突然ですが、みなさん盛り上がってますか？ はい、ということで、「福岡のIT業界がなんだか盛り上がってるような気がするという話」を以前書いたのですが、その続編みたいなやつです。 今回、かなり感情の入った文章になってるので引かないでくださいね。お願いします。 もしかすると読まれた方もいらっしゃるかと思いますが、「IT勉強会/コミュニティ運営 Advent Calendar 2016」の「5年目に突入したFukuoka.phpのこれまでとこれから」という記事に書いているとおり、私は業務外の個人的な活動としてFukuoka.phpというPHPの勉強会コミュニティを運営しています。 そして、このコミュニティ活動をきっかけに「PHPカンファレンス福岡」という言語カンファレンスを立ち上げるまでに至りました。こ

いろいろな人がいろいろな意味合いで「デザイン」という言葉を使用されています。 例えば、見た目をコントロールするスタイリングという意味であったり、ゼロからなにかを生み出す行為、既にあるものを改善していく行為、何かを実現するためのフロー、システマチックな組み立てのためのグリッドやガイド、グラフィックソフトでつくられたもの、なにかを設計すること、誰かに指示されたことだけを処理すること、自発的になにかをつくること… などなど。 業界や分野、その人の経験や立場によって、デザインという言葉の意味が大きく違ってきます。 スタイリングに関してだけでも、シンプルな見た目を良しとしているのか、派手やかな見た目なのか、リアルなのか、武骨なのか、カラフルなのか、シックなのか、と、例をあげたらキリがありませんよね。 そこに発想や、設計、行動、フロー、コンセプトなどといった大きな部分を含めていくと、もうカオスです。

ネット上の「無料かつ優良な教育コンテンツ」をまとめました。金銭的および地域的理由で塾に行けない方、選べない方、塾へ行っているが自宅でも効率よく学習したい方。誰でも平等に利用できるのが、これら教育コンテンツです。 フォロワーはもちろん、学校の友達などにもぜひ教えてあげてください。 pic.twitter.com/PBKSSg84op — ふじ くるり@現役大学院生(@fujikururi)Sat Mar 10 11:53:10 +0000 2018 @fujikururi 無料ではないですが、スタディサプリの英文法はまじでおすすめです。自分は今してますが（笑）現役時代やってなかったのを後悔してたり…。(ただ本番にたまたま上手くいって文法のところは高得点取れたから良いものを…。)英世さん一人で1ヵ月半ほどみれるので、よかったら、これも紹介してください。 — フェルミ(@ferumi113icl

会社で微妙な返事をしてしまって、しかもその気持ちをうまく伝えきれなかったので雑にまとめておく。 何が起きたかというと、技術的にも工数的にも何も問題ない機能なんだけど「うーん、それ今やるのかぁ」みたいな気持ちが拭えず微妙な返事をして結論を出しにくい空気にしてしまったのだった（完） コードを書く人がこういう反応をすると、デザイナーさんやビジネスのメンバーは対応に困ると思う。仕事に限らず、誰かに何かをしてもらうときには相手に納得してもらった上でやってもらいたい。その方がお互いに幸せなのは間違いない。 今回の話でいえば、「やる・やらないで言えばやった方がいい」というのは間違いなかった。問題なのは、「テストも含めると意外と時間がかかる改善になりそう」ということだ。といっても、1週間もあればできる話だった。 人によると思うけど、自分がそういうときに考えるのは「そのコストを払った分ユーザーか会社にメリッ

日本人は職場でのIT活用が苦手でスキル向上への関心も薄い――ガートナージャパンの調査でこうした結果が出た。ITの活用は生産性を高める有効な手段の1つだが、日本が働き方改革を実現していく上でITスキルの改善が課題になりそうだ。 調査によると、デジタルテクノロジーのスキルについて、日本は「素人」または「中程度」と自分を評価する人が58％に上り、先進7カ国のうちIT活用に対する苦手意識が最も高いことがわかった。 一方、米国の77％は「熟練」または「エキスパート」と回答。日本の42％を大きく上回った。 ITスキルが低いにもかかわらず、ITスキル習得に対し、日本は「関心がない」が16％と、7カ国で最も高かった。こうした人々は「トップダウンでITによる改革をいくら進めても、過去の自らの成功体験に対する執着が強いリーダー的存在あるいは自己の流儀を変えようとしない人々である可能性が高い」と指摘。「それだけ

実際のサンプル例を確認しながら、UIデザインの「良い」アニメーションを「より良く」してみましょう。ほんの少し調整を行うだけで、UIマイクロインタラクションをより魅力的で、ユーザーにも分かりやすく表現できます。 たとえば、リスト形式で並べたコンテンツにちょっとした工夫を加えるだけで、よりつながりのあるUIパターンを演出できたり、コンテンツの関係性を考えたアニメーション遷移、ボタンをクリックするなどユーザーに行ってもらいたいものに注意を引くことも、ほんのわずかなUIマイクロインタラクションによって実現できます。 今回はこれらのサンプル例を作成するために、Material Motion、IBMのアニメーション原則、Motion in Manifestoのガイドラインを参考にしています。 また今回のサンプル例は、InVision Studio（現在は限定ユーザーのみのアーリーアクセスで、メール登録

通っていたサンフランシスコのデザイナー養成所Tradecraftの一番最初の課題で、アプリをピックアップして、見知らぬ人に声をかけてユーザビリティテストをして改善のプロトタイプを作って検証するーというものがあったのですが、そのプロセスをこの度記事にまとめてMediumに投稿しました。 するとGoogleのデザイナーが、なんとFoursquareの創業者のDennisにメンションしているではないですか。 Awesome, just shared with the team!— Dennis Crowley (@dens) 2018年3月9日 チームの人にシェアしてくれたみたいで、Foursquareのエンジニアの人からメッセージが届いたり、その日のうちに人事の人から「今ちょうどシニアプロダクトデザイナーのポジションを募集しているんだけど、興味があったら連絡待ってるよ」みたいなメールが届きまし

この記事について 「GoogleAnalyticsの設定、どうしたらいいんだっけ...」と迷ったときのためのレファレンスです。 新規のサイトを立ち上げる時・GAの再設計がしたくなった時に参照してください。 のちのちアクセス解析しつつ改善していくために、できるだけ汎用的にデータを拾っておく 可能な限り、非コーダーができる作業で完結させる というのをテーマにまとめました。 STEP 0: GTM・GAのアカウントを取得 Googleのアカウントがあれば、驚くほど簡単に取得できます。 GoogleAnalyticsのアカウントを作る GoogleTagManagerのアカウントを作る 基本的には、GoogleTagManager（以下、GTM）経由でGoogleAnalytics（以下、GA）を導入します。GTMの使い勝手がよいのはもちろん、GAをカスタマイズしたくなったときに、コーダーの手を借

みなさんこんにちは。@ryuzeeです。 スクラムにおいてプロダクトオーナーは非常に重要な役割を果たしますが、一方でうまくやるのが難しい役割でもあります。 たとえばプロダクトオーナーには、ビジネス価値を最大化する、プロダクトのビジョンを周りに示して理解させる、プロダクトバックログを管理する、ステークホルダーをマネージする、開発チームの成果物の受け入れ可否を判定するといった多岐に渡る責任があり、限られた時間の中でバランスを取りながらやっていかなければいけません。 今回は、こういうのは避けようというアンチパターンを紹介します。 そもそも…多忙すぎるプロダクトオーナー不在のプロダクトオーナースクラムイベントに参加しないプロダクトオーナー単にマネージャーやリーダーという理由だけのプロダクトオーナーそもそも複数人で意思決定権限が分散されたプロダクトオーナープロダクトオーナーとスクラムマスターを兼任す

｢ノマド化｣する小学生。Ｚ会のタブレット講座は、自宅学習を解放する2018.03.12 17:00Sponsored by 株式会社Ｚ会 小暮ひさのり いつでも・どこでも。 現代社会はネットワーク化が進み、どんな場所でも仕事ができるようになりました。 近年のカフェはドリンクを楽しむ場所であるとともに、ノートパソコンを持ち寄ってノマドワークに勤しむ人々たちの集う場所でもあるのです。しかし、｢どんな場所でも｣になったのは仕事だけではありません。いまは小学生だって、ノマド学習を行なっているのです。 今回は現代社会の発展とともにノマド化した子どもに迫ります。 Photo: 照沼健太｢いつものをおねがいします｣ とあるカフェにて、ドリンクを頼む小学4年生の男の子の姿が。彼の名は、ハヤトくん。 そう、彼はノマドワーカーに混じって、タブレットを使ったノマド学習を始めるというのです。まさか！ いえ、そのま