私自身、物事を分かりやすく伝えるスキルを身に着けるため、手あたり次第に、いくつかノウハウ本を読んだり、YouTube動画を観たりしてきました。本記事では、本や動画から得られたノウハウや、私が普段の仕事で発見した個人的に使っているテクニックをまとめてみました。 0 本記事の最重要ポイント 本記事がストックの墓場に行ってもいいように、本記事の最重要ポイントだけ先に伝えておきます。 質問に答える時は、聞かれたことにシンプルに答える。 事実と解釈を分けて話す。 1 本記事で伝えたいメッセージ 1-1 コミュニケーション能力の苦手意識はノウハウで解決する ITエンジニアの裾野が広がるにつれて、SNSでも「コミュニケーション能力の低いITエンジニア」の話題をちらほら見かけるようになりました。いわく「これからはITエンジニアにもコミュニケーション能力が求められる」「プログラミングができるだけでは生き残れ

海の中で人は、酸素ボンベ（サポート）なしでは生活することもできない 酸素ボンベをつけた人に対する、あまりに無理解な“魚の言葉”が心を傷つける 投稿者「現実世界で少数、SNS上での心ない言動は日常茶飯事」 生まれつき脳の発達が通常と違っているために、幼児のうちから症状が現れ、成長するにつれ、自分自身のもつ不得手な部分に気づき、生きにくさを感じることがある発達障害。 しかし、その特性を本人や家族・周囲の人がよく理解し、その人にあったやり方で日常的な暮らしや学校や職場での過ごし方を工夫することが出来れば、持っている本来の力がしっかり生かされるようになる。 そういった発達障害への認識や支援について、例え話で描かれた4コマのイラストが分かりやすいとTwitterで話題になっている。 発達障害を“海で暮らす人間”に例える その4コマのイラストをみてみると、1コマ目は「例え話です。」という言葉から始まり

Webパフォーマンス向上施策のために、今更ながら超速本1を読んだので、今までの自分の知見と合わせてまとめてみます。 なるべく柔らかく、改善施策ってまず何をどうすればいいの？という疑問を持った人に向けて書いています。 ▪️格言 そもそもWebは速い。遅くしているのは我々です。大抵は技術の問題ではなくて、人の問題。 引用元： テクニックではなく、今、本気で取り組むべきWebパフォーマンス （html5jパフォーマンス部 部長 竹洞さん） 心得 パフォーマンス向上に対する施策は大別すると以下の２通り 軽量化 （単純にやりとりするデータ容量を小さくすること） 圧縮 削除 最適化 （その時に最も適している実装・実行をとること） 経路・順番の変更 非同期 もっとも遅くしている原因を探して、それを対策するのが原則。「対効果」が絶対的正義である。手段から入るのは愚策。まず先に原因を知ることが重要。 ▪️1

React 、Angular 、Vue.js などの一般的なフレームワークを使用してアプリケーションを構築している人にも、スタイルの追加は必要です。使用するテクノロジーによっては、スタイルを特定の記述方法で書くことが求められるからです。たとえば React なら、コンポーネントの性質上、CSS Modules を使ってスタイルを記述する方が良いでしょう。新しい CSS の機能を使いたいのであれば、 CSSNext をおすすめします。Sass や LESS のような、古き良き CSS プリプロセッサのことも忘れてはいけません。あなたは、こう思っているかもしれませんね。ツールの数だけ記述方法が存在するに違いない・・・。そうですね、その通りです。でも、基本は同じなんですよ。 この記事では、CSS Modules や Sass / LESS を使用するかどうかにかかわらず、堅牢かつメンテナンス可能

少し前に訪れた大学の先生から、面白い話を伺った。それは「知的な人物かどうか」という判断の基準に関するものである。 私達は「頭が悪い」と言われることを極端に嫌う。知性が人間そのものの優劣を決めるかどうかは私が判断するところではないが、実際知的であることは現在の世の中においては有利であるし、組織は知的な人物を必要としている。 だが、「どのような人物が知的なのか」ということについては多くの人々の判断が別れるところではないだろうか。 世の中を見渡すと、あらゆる属性、例えば学歴、職業、資格、言動、経済的状況などが「知的であるかどうか」のモノサシとして使われており、根拠があるものないもの含め、混沌としている。 だが、私がこの先生からお聞きした話はそういった話とは少し異なる。 彼は「人間の属性と、知的であるかどうかの関係はよくわかりませんが、少なくとも私が判断をするときは、五つの態度を見ています」 とい

癇癪（かんしゃく）は、医学的な診断名ではありませんが、一般的には、怒りの気持ちを抑えたり、怒りからくる突発的な行動をコントロールしたりすることができない状態を指します。癇癪を起しているときには、人や物に激しく当たる、攻撃的な言動をとる、仕事や勉強が手につかない、などの行動がみられることがあります。 ここでは大人の癇癪について、詳しく見ていきたいと思います。 人が生活するなかで、ポジティブ・ネガティブ問わずさまざまな感情や情動が湧き起こること自体は、自然な現象です。私たちは、時には気持ちをぐっと抑え、実際に相手とのやりとりでは柔らく表現するなど、工夫をしながら生活しています。 専門的には、ぐっと気持ちを抑えることを「情動調整」、「本当は怒りたいのだけれど、やわらかく言おうとする」ことを「行動制御」ともいいます。 しかし、感情のコントロールがうまくできないと、冷静に判断をすることができず、怒り

障害からくる本来の困難だけじゃなく、障害があるように見えないからこそ周囲に誤解されて苦労する障害でもあるんですよ。

前々回、前回と2回にわたって発達障害についてお話ししてきました。疫学調査の結果から、注意欠陥多動性障害（ADHD）は成人の1.65％が抱えており、自閉症スペクトラム障害に含まれるアスペルガー症候群を抱える人は人口の1％と言われています。つまり、これらの発達障害は決して珍しくはありませんし、私自身の経験からはもっと多いのではないかと感じています。 いずれも現在の治療選択肢は限られ、短期間で劇的に改善するものではありません。そうした観点から、私はこれらの発達障害について知るだけでは不十分で、周囲が接し方を学ぶことの方が重要ではないかと考えています。

初投稿です。よろしくお願いします(/･ω･)/ 新卒入社してフロントエンドエンジニアとして働き始めて早半年。 最近は、自分の書いたコードが世の中にリリースされて嬉しさを噛み締めながら楽しく社会人生活を送っています。 こんな本を読み始めました Webフロントエンド ハイパフォーマンス チューニング　-久保田 光則 (著) webパフォーマンスについて...要はサイトの 速度改善 について学べる本です。 冒頭に「ウェブパフォーマンスとは何か」が書かれてます。 ウェブパフォーマンスを改善することは、ユーザが目的の達成の為に費やす時間やリソースを節約させることであり、その節約した分ユーザを豊かにしているわけです。 ウェブページ遷移時の初期ロード時のパフォーマンスだけでなく ウェブページ内でのインタラクション(ユーザが起こした操作に対しての応答)の描画のパフォーマンスが重要になってきます。 読み込み

12月に『サルワカ』という色々なことを分かりやすく解説するWebサイトを作った。記事も充実してきたことだし（Photoshopの解説記事ばかりだが）、サルワカについて改めて紹介したい。 1. サイトコンセプト サルワカでは、次の8つことを大切にしている。 分かりやすさファースト 専門的な内容についての記事でも、専門知識がない人が見ても分かるように解説する。 図、イラスト、画像を多用 文字は補足程度におさえるのが理想。 読みにきた人を騙さない 本当におすすめできるものへの広告しか貼らない。 読みにきた人をイラつかせない 派手なアニメーションなどは入れない。広告は最小限。 読みにきた人が求めている長さの記事を書く 無理やり長文にしない、また無理やりバラバラにもしない（サルワカでその内容に関する知識が手に入り、検索をやめられるのが理想）。 読みにきた人を置いていかない 今何の話をしているのか常に

既出なんですが良かったので。空いた時間に、気になっていたスライドがあったので拝見しましたが、内容が素敵だったのでご紹介します。ノンデザイナーさん向けのデザインセオリーのスライドです。 Webデザイナーが読んでおきたい、最近公開されたWeb系のスライドっていうので知ったんですが、どちらかというとWebデザイナーさんなら知ってて当たり前じゃないかという内容かもしれません。 スライドの作成者さんのブログでもノンデザイナー向けの講義向けのスライド、とありました。→福井高専でノンデザイナー向けの講義しました デザインとアートの違い、なぜデザインが必要なのか、Webデザインとは、などなどが解説されています。Webデザイン論では必須の導線、レイアウト、情報のグルーピングにもしっかり触れてくれています。Webデザインには理由がある、というのが分かるかと思います。（「意味」って言っちゃうと語弊がありますよ）

2016年のブラウザ事情の進展に伴い、実務で HTML, CSS, JavaScript の書き方が変化した部分を列挙してみます。あくまで代表的なもののみです。 ブラウザのサポートバージョン変化環境面の変化まとめ ブラウザのサポートバージョン変化§ IE 8 サポート終了§ 2016年1月に IE 8 のサポートが終了しました。 html5shiv.js の読み込みが不要になったSVGが（PNGによる代替画像を用意することなく）使えるようになったvideo要素、audio要素が使えるようになった::before, ::after 擬似要素をダブルコロンで書けるようになった:not 擬似クラスが使えるようになり、例えば一行テキストエリアのセレクターが input:not([type]), input[type="text"] で正確に表せるようになったaddEventListener(),

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

電話 資料ダウンロード お問い合わせ TOP ブログ 　SNSブログ SNSブログ記事一覧 Instagram Facebook Twitter LINE YouTube TikTok Pinterest 　SEOブログ SEOブログ記事一覧 SEO内部対策 Google検索結果 Google検索アルゴリズム サーチコンソール MEO 　インターネット広告ブログ インターネット広告記事一覧 リスティング広告 アフィリエイト広告 　制作関連ブログ 　最新ニュース記事 SNS最新ニュース SEO最新ニュース サービス一覧 　SNS関連サービス SNSコンサルティング SNS運用代行 Instagramコンサルティング・運用代行 Facebookコンサルティング・運用代行 Twitterコンサルティング・運用代行 LINEコンサルティング・運用代行 YouTubeコンサルティング・運用代行 Ti