【実例で解説】3STEPで覚える、図解の作り方｜アナグラム株式会社
図解は、情報を整理したりわかりやすく伝えたい時に便利な手段です。ビジネスにおいても、研修やセミナー、プレゼンなどあらゆるシーンで活用されています。 しかしながら、スライドや資料の一部に図解を入れようと思った時、「どうやって描き始めたらいいのかわからない……」と感じたことはありませんか？作ってみてもしっくりこなかったり、なかなか見た目が整わないこともあるのではないでしょうか。 絵心がないと難しいと思われがちな図解ですが、知識を身につけることで誰でも簡単に描けるようになります。 本コンテンツのゴールは、図を描く力＝「図解力」を習得すること。実例を間に挟みながら、図解作成のフローとコツをご紹介します。 「伝えたいこと」を明確にする まず最初に、図解を使って「誰に」「何を」伝えたいのかを明確にする必要があります。図解の役目はテキストのみでは伝わりきらないことを補強・補足したり、ビジュアル化して直感
エモーショナルUIデザイン｜kana
はじめに2013年にスタートアップに参加したことをきっかけに、今までいくつかのデジタルプロダクトのUIデザインに携わってきました。2020年にTakramに参加してからは、さらに多様な事業のプロダクトに関わらせていただいています。この約10年間のあいだに世の中のUIデザインのノウハウは確立されてきており、既存のコンポーネントなどを組み合わせれば、きれいなUIが誰でも簡単に作れる時代になりました。そんな中で個人的に大切にしてきた価値観として、「ユーザーの気持ちを考えて、その気持ちに寄り添った情緒的なUIをデザインする」ということがあります。今回、この記事を書いているのは、その意味や意図を言語化して再利用可能なものにしたいと思ったことがきっかけです。考えながら書いているため、何度かのシリーズになるかもしれません。また、このテーマについて様々な方と対話ができたらいいなとも思っていますので、興味を
嫁が救急車で運ばれた話と救急DX｜のすけ
先に話しておくと嫁さんは元気（？）で生きてます。 つい先日あった出来事をちょっとここに書いておきます。 ことの発端は先日嫁さんが仕事帰りに「肩こりが激しいので整体に寄ってから帰る」ということから。 帰ってきたが、肩こりどころか背中上部に痛みがあるということでロイヒなどを貼っていたが、２０時ごろになり 「胸のあたりも痛い」 と言い出して、 #7119の救急相談ダイヤルに電話したが 、「この番号は、あなたのお住いのA市では対応しておらず、A市は別の番号にかけてください（というわけで番号をメモ）」と言われ、そこに電話をかけなおして相談したところ、循環器の相談ができる病院を２つ紹介された（2つの病院番号をメモ）。それぞれに電話をしたが、１つはもう夜も遅く電話が通じない（仮にB病院とする）、もう一つ（C病院とする）はすでに専門の先生がいないのでわからないなどの対応があったので結果救急車を呼ぶこととな
【個人開発】「作りたいものがない」を少し解決するWEBサービスを作りました
概要 「夢色水車」という Twitter API v2 を使用した Twitter の市場調査サービスを作りました。 2023/02/09 追記 Twitter API の仕様変更に伴い本サービス「夢色水車」の更新を停止しました。 リリースからこれまでたくさんのアクセス本当にありがとうございました 🙇 サービスの更新は停止しましたが最後に Github にソースコードを公開しました。 これから Twitter API を使い始める方、Go や Next.js を学習している方に少しでも助けになればと思います。 使い方や詳細は各 README.md に記載しています。ライセンスの範囲でご自由にお使いください。 フロントエンド: バックエンド: 開発のきっかけ みなさんは今、作りたいものはありますか？ Twitterを見ていると、「ポートフォリオ作成や個人開発をしたいけれど作りたいものがない
プログラミング学習の挫折を防ぐには？
May 9, 2022 プログラミングの学習は時間と労力のかかる学習で、途中で学習を挫折してしまう事も珍しくありません。学習が思ったように進まないと、自分はプログラミングに向いていないのではといった迷いが出ることも少なくないでしょう。 このような問題についての研究は長年続けられており、2015年にラトビア大学のJuris Borzovs氏、Lalia Niedrite氏、Darja Solodovnikova氏らが「コンピュータプログラミング適性検査による中退学生の削減」という論文を発表しました。この論文では心理テスト、高校数学の補修講座、出願前のプログラミング体験、メンタープログラムなどによるドロップアウト削減施策が講じられました。 今回はこの論文の中から特に目に付いた点を紹介します。 半数近くの学生がコンピュータサイエンスを初年度に中退 MBTI診断テストとプログラミング学習の関連 E
文章が下手なワイが、技術記事を書くときにやっていること - Qiita
文字での説明、むずい 「対面で説明するのは得意だけど、文章を分かりやすく書くのは、なんか難しい・・・」 そんなことってありませんか？ 私はあります。 小学生のときの作文は、オカンに書かせていました。 担任の先生は、 先生「やめ太郎の作文、面白いから」 先生「オレ、楽しみにしてるんだよな〜！」 と言っていました。 コツが分からない 読みやすい説明文を書くコツが、イマイチ分かりません。 そのため、なんか読みにくい文章を書いてしまいます。 例えば、 動的型付き言語でのプログラミングに慣れきった人が静的型付き言語に学びの足を伸ばそうとしたときに考え方の違いから強い違和感を覚えてしまい学習がなかなか捗らない現象が起きることがあります。 ↑こんな感じです。 めっちゃ読む気を奪ってくる文章ですよね。 なので、「分かりやすい文章の書き方」をネットで検索してみたこともあります。 どうやら、 長い文を、複数の
いざという時に使える13のHTML&CSS Tips集 | BUILD Journal
いざという時に使える13のHTML&CSS Tips集Update2023.05.12Release2023.04.13Coding HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する いざという時のために覚えておくと便利なHTML＆CSSのTipsを13個紹介します。何かで困った時に読み返してみてください。何かでお役にたてると思います。 テキストの円形回り込み See the Pen shape-outside by Kobayashi (@Pulp_Kobayashi) on CodePen. 円形の画像の縁に沿ってテキストを回り込ませるCSS Tips。実際には画像の縁を判定して回り込んでいるのではなく、shape-outsideプロパティを使用し、circle(50%)を指定することで、要素の回り込みの形状を円形にしています。 CS
いちばんやさしい webpack 入門
webpack is 何? webpack とは、一言で言うと JavaScript 向けのモジュールバンドラーです。 複数の JavaScript モジュールを一つ（またはいくつか）のファイルへバンドル（=bundle: 束にする、包む）してくれます。 複数の JS モジュールを（場合によっては CSS や画像などのアセット類も）一つにまとめる すでに新規開発の終了も伝えられる webpack ですが、「STATE OF JS 2022」ではいまだに利用率 No.1 の地位にあります。 webpack 後継のモジュールバンドラーとしては、すでに Turbopack の開発開始がアナウンスされています。しかし、これがプロダクションレベルに達するまでは webpack がおそらく使い続けられることになるでしょう。 使うメリットは何？ モジュールを 1 つ（もしくは少数）にまとめることでブラウ
iPhone 14 Pro で本格的な動画をつくる！おすすめの 撮影サポート機材 の組み合わせ方を紹介
気軽に立ち寄ったお気に入りのお店。みんなに紹介したくはありませんか？ 綺麗な写真を投稿するのもいいですけれども、折角付いている動画撮影機能。 動画ならお店の中のBGMや、料理が運ばれてくるワクワク感。店員さんの素敵な笑顔を わかりやすく伝えることができます。 動きを通してその場の雰囲気を伝えると、もっと魅力的な投稿ができますよ！ また、最新のDolby Visionで撮影、編集、再生が可能になったiPhone 14 Proなら、本格的な映像作品に仕上げることもできます！ 映画のようなよりハイクオリティな動画制作を目指すなら、iPhoneに 撮影サポート機材 を追加することをお勧めします。映像を安定させる為の 三脚 やノイズの少ないクリアな音声を収録するための マイク なんかもあるといいでしょう。オペレーションに便利な ハンドルグリップ を取り付けるとより激しい動きでもiPhoneを落とすこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UI Pocket - UIデザインの参考になるアプリのUIデザインギャラリーサイト
父に言われた「どんなに仕事ができても、最後はやっぱり人間力」という言葉が身にしみる「自分をコントロールできるのは自分だけ」