10/5 の「ふりかえりの手法をたくさん学ぼう」でいいふりかえり手法をたくさん紹介いただいたので、改めてまとめます。 記事の元になったお話、資料 ここに記載しているのは、以下で紹介された手法です。 ふりかえりの手法をたくさん学ぼう(ふりかえりam #27-28公開収録) - connpass podcast ep.27【#ふりかえりam】ふりかえり手法をたくさん学ぼう（前編）～ 紹介した手法：いっぱい ep.28【#ふりかえりam】ふりかえり手法をたくさん学ぼう（後編）～ 紹介した手法：いっぱい YouTube ふりかえりの手法をたくさん学ぼう ふりかえり手法の確認には、以下が紹介されていました。 ふりかえりチートシート 各手法、簡単に実践方法と効果を書いています。 実践例の記事が見つかったものはリンクを貼っているので、詳細はそちらをご参照ください。 各手法の参考リンクは、適当にググって出

補完するのは登録された軸のみになります。たとえばitalの値が1種類しか登録されていないフォントはitalの値によらず一定の傾きをもちます。 オプティカルサイズとは、サイズに連動した文字のスタイルです。フォントサイズが小さなときは簡略化された表記、大きなときは細かく装飾されたフォント、というように設計されることがあります。 標準ではフォントサイズに依存しているため手動での変更はできませんが、一部のフォントでは変更が可能です。先ほどのデモにおいても、オプティカルサイズに応じて文字バランスが微妙に変更されることが確認できますね。 Roboto-Flexフォントを例に バリアブルフォントはまだそれほど普及していないこともあり、入手元がそれほど多くありません。今回は、オープンフォントライセンスで配布されているRoboto-Flexフォントを使用します。 GitHub - Roboto-Flex 記

こんにちは、デザイナーのNottyです。 みなさんは、DI（ダイナミックアイデンティティ）という言葉を聞いたことはありますか？ ロゴは普遍的で永く使われることを前提として、VI（ビジュアルアイデンティティ）などの静的イメージを創り上げるアプローチが主流でした。 今回は、それとは全く異なるアプローチとして注目を集め始めている、DIという概念、手法について実例を交えてご紹介します。 現在、プロダクトやサービスがデジタルにシフトしていっていることにより、めまぐるしく変化する世の中に対応できる有機的なVIを求められる場合があります。 それが流動的・可変的にブランドメッセージを発信するDIという概念です。従来は、ロゴマークは競合他社の違いや企業の理念や思いを示す静的（変わらない）なロゴマークが主流でしたが、動的なロゴや制約の中でコンテンツ・環境・時代に合わせて変化を求められる場合があります。

エラーメッセージを実装する際、エラーがある時とエラーがない時の区別は「:empty」や「:blank」を使用すると、非常に簡単にスタイルを定義することができます。 「:empty」と「:blank」、その違いと実際にどのように使用するのか、どちらが便利なのかを紹介します。 :empty and :blank 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 私は誤解していた 「:empty」と「:blank」の違い 「:empty」と「:blank」を実際に使用する場面 「:empty」の方が十分ではないと思った理由 「:empty」と「:blank」のサポートブラウザ まとめ 私は誤解していた 私は1ヵ月前のツイートで、「:empty」と「:blank」についてひどい誤解をしてました。 「:empty」は有用ではなく、「:bla

以前ソフトウェア開発者採用ガイドの読書感想文を書いたときに反響が思ったより大きかったので、エンジニア採用というテーマは関心が高いのだなと感じました。 上記感想文のエントリでも書いていますが、お手伝いしている会社の方などから「どうやったら良いエンジニアを採用できますか？」と聞かれることがよくあります。先のエントリでは「頑張るしかないですねとしか答えようがない」と書きましたが、頑張るとはいったい何を頑張るのか、きちんとまとめておいたほうが良いなと思いエントリをしたためる次第です*1。 あくまで僕はこう思いますという話で、この通りにしたからといって必ず良いエンジニアを採用できる保証はありません。あしからず。 想定読者 良いエンジニアを採用したい偉いひと、もしくは人事のひとです。 前提: 良いエンジニアとは このエントリでの「エンジニア」とはいわゆるweb系のエンジニア(例: サーバサイドエンジニ

災害に備えることにしたきっかけ 関西方面への大きな台風や、北海道での地震など大きな災害が立て続けに起こっています。私は、愛知県という南海トラフ大地震という来る来る詐欺にあっている地域に住んでいます。今までは「まあ、起こったら死ぬだけっしょ」っと軽い気持ちでいたのですが、家族もいるので、いよいよ災害に備えを改めて考えることにしました。 防災セットの大きな考え方 南海トラフ的な災害に備えて、防災セットを揃えることにしました。いくつか自分のポリシーというか考え方をあらかじめ表明しておくことにします。なんとなく。 自分で考えて1から揃える お手軽に揃えるパックもあるのですが、色々調べるうちに、防災のセットの内容は住んでいる地域、家、家族構成や災害リスクの考え方によって大きく異なるなと思うに至りました。あと、自分で何故それが必要かということを考えて揃えた方が、いざというときちゃんと活用できそうな気が

技術革新に伴うコモディティ化や価値観の多様化が進む中でますます重要度の高まるネーミング。年間100件以上のネーミングを共創し続けている僕なりに感じている「それだ！感のあるネーミング」をつくるために大切なことや発想のヒントをなるべくシンプルにまとめてみました。

デザイナーのベーコンです 質問箱11回目です 今日も「デザイナー友達」の感覚であなたの質問に答えていきます！ 今日の質問はこちら! デザインスキルの身につけ方を知りたい【勉強方法・学び方】 質問ありがとうございます 確かに、楽しくデザインさせてもらっています！ デザインが嫌になる瞬間、めっっっちゃありますよ… ひとまず、こちらは後にして、先にデザインスキルの身につけ方について答えます デザインは独学、泥臭いスタイルでやっています まず、ぼくはデザイン独学で学びました 美大を出たわけでもありません、デジタルハリウッド札幌校出身です（ソフトの使い方を学びましたデザインは一切学んでいないです） デザインや絵が好きかというと、Windows95でテレホタイムを楽しんでいた、ただのパソコン好きでした だからこそ、言いたいのですが、デザインは練習すれば（ある程度）習得できます 仮にものすごく上手くなれ

グラフィックデザイナーにとって、6万円近くする CorelDraw Suite を購入することは、最適な自分への投資と言えないかもしれません。また、Adobe製品のサブスクリプションモデルも同様です。 ほとんどのグラフィックデザインツールは、同じ原則に基づいて構築されています。そして、たいていの場合、ウェブサイト用のアイコンやロゴなどの作成や、単純にベクターアートで楽しみたいなど、シンプルで効果的なツールが必要になります。たとえ複雑なベクターアートであっても、大企業が提供するすばらしい機能を使うことはめったにないでしょう。 ありがたいことに、やりたいことを実現できる無料のベクターソフトウェアがいくつか存在します。この記事では、もっとも一般的で効果的な無料ベクターツールをまとめてご紹介します。 海外サイト Icons8 で公開された Free Vector Software: Best Ed

UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか？　ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できなくなってしまうかもしれません。 フォーム入力を間違えたら、ユーザーはそれを修正して送信し直すために、なにが間違っていたのかを理解する必要があります。フォームを完了しようと思っていたとしても、それがあまりにも大変であればユーザーは心変わりしてしまうでしょう。 フォームの上か、フィールドのインラインか エラーメッセージの配置場所でもっとも一般的なのは、「フォームの上」と、「エラーのあるフィールドのインライン」という２箇所です。どちらの配置場所が、ユーザーにとってより直感的でしょうか？ 調査に

Webサイトの品質管理に使うルールドキュメントとは、いわゆる「ガイドライン」のことです。適切なガイドラインを持つことにより、Webサイトのコンテンツをユーザーにとって使いやすく、運用しやすく、成果が上がりやすい状態に保つことができます。 あさみ「鈴木先輩、ソーシャルメディア運用ガイドラインの虎の巻、ありがとうございました！　あれを見れば、運用に関わるルールや決まりごとが一目瞭然でした。とっても助かりました」 鈴木「役に立ったようで良かったよ。ソーシャルメディアに限らず、運用品質を維持するためのルールを決めておくことは、とても大事だよね」 あさみ「確かにそうですね。普段のWeb制作・運用でも、私が入る前から色々なルールやガイドラインが用意されていました。それが業務のよりどころになっていましたね。でも、どんな種類のガイドラインがあって、何の目的であるのかは、正直あまり理解できていません……」

JavaScriptでのアプリケーション開発において肝になるのがイベントのハンドリングです。マウスやキーボード操作などによって多様なイベントが呼ばれます。それらの購読、解除によってアプリケーションを構築するのですが、慣れている人であっても複雑で分かりづらいものです。 どんなイベントがあって、どうデータが送られてくるのかを理解するのに便利なのが「JavaScriptのイベントをたくさん見られるサイト」です。 JavaScriptのイベントをたくさん見られるサイトの使い方 イベントの内容は開発者ツールに出てくるのであらかじめ開いておきます。 例えばスクロールやリサイズイベントで呼ばれているのが確認できます。 マウス系イベント。 フォーム系。 メディア系。動画再生時などにイベントが呼ばれます。 アニメーション。 このサイトではクライアントサイドだけで処理ができるイベントを多数確認できます。似たよ

エンジニアを目指して今プログラミングを勉強している人向けに、開発に関してより知識を深められる新人研修スライドをまとめました。 Progateやプログラミングスクールだけでは学べない内容ばかりなので、新人エンジニアの人は目を通しておくといいです。 各企業で新人研修で実際に使われた資料なので、どんなことが開発の現場では求められるのかということが掴めます。 ここにある内容を100%理解することは難しいですが、少なからずインターンや就職をする時に役立つはずです(わからない箇所は本などを読んで補足しましょう)。 ▶プログラミングを効率良く勉強したい人はこちらの記事 もオススメ 全員共通で読むべきスライド Cookpad★ この資料で学べること リクルートテクノロジーズ★ この資料で学べること Git/コードレビュー GMOペパボ この資料で学べること GMOペパボ この資料で学べること GMOペパボ

来週からお店を開店します。さぁ、なにからはじめよう？ 店内の開店準備は整いました。あとはお客さんを待つばかり。そんなシチュエーションが訪れたらあなたはどのような方法でアプローチするでしょうか。Webやマス媒体、チラシやポスターなど方法は数多くありますが、費用対効果や制作スピードを考えるとまずおすすめしたいのがチラシやポスターなどの紙媒体です。 チラシデザインの依頼はこちら ポスターデザインの依頼はこちら 現在ではインターネットが必要不可欠となり、webを使った広告手段も随分身近になりました。しかしながら、ご自身に制作スキルがなくプロに依頼する場合を考えたとき、紙媒体と比較すると費用も時間もかさんでしまうのが実情です。紙媒体であれば、制作時間も費用もそれほどかけずに揃えることが可能です。そして受け取る側に立って考えても、webにアクセスする手間なく情報を入手できるのですから、最も手軽で有益な

こんにちは。@zouです。 ポスターデザインで一番大事な事は「どんな状況で誰に見られるか」ということを意識してデザインできるかどうかです。 ポスターの大部分が歩いている途中でチラッと人に見られる程度。間近でジロジロ見る人をぼくはほとんど見かけたことがありません。 なのでポスターは一目で伝わる内容じゃないとNG。 ということで、今日は初心者でも参考になるポスターデザインのコツと作品事例をどどんとご紹介したいと思います。 ポスターデザインに入る前の事前準備 ポスターデザインに取り掛かる前に、次の4つの項目は確認しておきましょう。 1. ポスターサイズ ポスターデザインといってもサイズはいろいろ。どのくらい離れた距離で人に見られるのか。文字サイズ、配色、レイアウトもできる限り具体的に検討していきましょう。 例えば、駅前に設置するポスターデザインの場合。 文字の見やすさを一番に考え、書体は太めのゴ

こちらの記事はこの記事の転載です。 はじめに 以前（2年半前、当時学生）、Webデザインの勉強中にトレースの記事を書いたことがありました。 こんなサムネイルを見たことがある人が居るかもしれません..。（記事は昔のものなのでリンクは貼りません） なぜかこの記事が未だにじわ伸びし、noteで紹介されたりしており、「まずい..」と思ったため新たに記事を書くことにしました。 ちなみにサーチコンソール見ても「Webデザイン トレース」の検索が多く、勉強したいけどやり方がわからない人が多くいるんだなと再認識しました。 学生の時の私もまさにそれで、デザイン系の学部に通っていたため「じゃあデザインできるんだね！」的な印象を持たれがちでした。 でも大学ではWebやアプリのデザインの授業があるわけではないので、その辺は独学だったり、アルバイト先のデザイン事務所で教えてもらったりで勉強していました。 トレースは

ベイジで社内のワークフローを整理しだしたのは確か2014年頃です。その頃はまだ4～5人しか社員がいない状態で、タスクの粒度も粗く、いくつかのタスクは各人の能力に委ねたものでした。しかし10人を超えて関わる人が増えたあたりから、仕事の進め方も徐々に変わり、ワークフローの綻びも色々と出始めてきました。そこで今年の春に、全社員参加のもと、これまでの進め方の問題点を話し合ったうえで、ワークフローの大幅な刷新を行いました。本エントリーはそのご紹介です。 刷新にあたって、受注から納品までをサブタスクを含めて約140に分解しました。また、各タスクで用いられるドキュメントもできるだけフォーマット化し、効率よくドキュメントワークができるようにしました。 合わせて、タスク毎の職能の再定義を行いました。プロデューサー、ディレクターといった業務範囲が曖昧な職能は、より厳密な職能の定義を試みました。例えばディレクタ

TripAdvisor （トリップアドバイザー） 道産子ブロガーのすし太郎です。 先日函館に旅行に行って来ました。 旅の目的はラビスタ函館ベイに宿泊することでしたが、もう１つの目的は函館の人気ハンバーガーチェーン店「ラッキーピエロで食事する事！！！」 函館旅行行ってきます！ このアイコンの実物に会えるかな？？ 目指せラッキーピエロ！！— すし太郎@はてなブロガー、菌活推進ゴルファー (@sushi8taro) 2018年4月13日 皆さんはラッキーピエロってお店知っていますか？ 私はこのお店が大好きすぎて、1年間に何回も行っています。 今日はそんな、B級グルメの最高傑作ラッキーピエロ の魅力について１人でも多くの皆さんに知ってほしくて、その魅力を紹介したいと思います！ 函館民が熱狂するラッキーピエロとは 函館観光での食事で迷わずラッピをお勧めする理由 ラッピのおすすめメニュー　「ハンバーガ