JavaScriptのデバッグは、ウェブ開発の必須スキルのひとつです。プログラムの実行をデバッグすることで、現在の変数の値や、処理がどのように進んでいるのかを確認できます。デバッグによってプログラムが意図した動作になっているかの分析に役立てられます。 本記事ではGoogle Chromeブラウザーの「Chrome Developer Tools」（以下「デベロッパーツール」、「DevToolsデブ・ツールズ」という略称もあります）を使用してJavaScriptをデバッグする際の基本的な使い方を解説します。「今までデベロッパーツールを使ったことのない」という方でもこの記事を読めば理解できるよう、チュートリアル形式になっています。20分ほどで理解できるようまとめているので、順番に試しながら読み進めてください。 この記事で学べること デベロッパーツールの使い方 JavaScriptのブレークポイ

grdの作者が考える、いまフロントエンドエンジニアに求められる「速度という機能」 Webパフォーマンスの改善に、並々ならぬ情熱を傾けるエンジニアの泉水翔吾（@1000ch）さん。氏の手がけるOSSはこの情熱を体現するかのように、パフォーマンス改善にフォーカスしたものが多数あります。なぜWebパフォーマンスにこだわるのか、そして現在のフロントエンドエンジニアに求められる技術を聞きました。 「サイトの表示に3秒以上かかると、訪問者の53%がそのサイトから離脱する」 Googleが公開した上記のドキュメントは、Webの「使いやすさ」とは、スピードと不可分なものであることを示しています。 「パフォーマンスはサービスが持つべき“機能”の一部」と語るのは、『超速! Webページ速度改善ガイド』の著者の一人である泉水翔吾（せんすい・しょうご／ @1000ch ）さん。彼は、前職の株式会社サイバーエージェ

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

最近はLazy Loadを採用しているサイトが増えていますね。 Lazy Loadとは、画像やiframeコンテンツなどが見えていない状態（ビューポート外）はロードさせずに、見えはじめた状態（ビューポート内）の時だけロードさせるようにして、ページの表示を速くするテクニックです。 そんなLazy Loadを外部ファイルとimg要素にclassを加えるだけで、簡単に実装できる超軽量JavaScriptライブラリを紹介します。 Lazyestload.js -GitHub Lazyestload.jsの特徴 Lazyestload.jsのデモ Lazyestload.jsの使い方 Lazyestload.jsの特徴 Lazy Loadを外部ファイルとimg要素にclassを加えるだけで実装。 画像はビューポート内にある時、およびスクロールが停止した時にロード。 ロード前の状態は、CSSで簡単にス

たとえ家族だろうが友達だろうが、恋人だろうがパートナーだろうが、本人の様々な気持ちや考えは到底理解されることはほとんどない。

CSSの理想と現実 CSSはゆるいルールの上で書ける便利な言語です。しかし、どのようにでも書けてしまうだけに一定の良い習慣を実践していないと際限ない肥大化、詳細度地獄、ネスト地獄といったアンチパターンに陥ってしまうことがあります。 カオスになる前にコードの臭い(wikipedia)を嗅ぎ取って理解しやすく修正しやすい書き方を心がけていきたいですね。 スタイルの打ち消しを避ける まず心がけたいのが、一旦定義したスタイルをなるべく打ち消さないようにすること。 早すぎる最適化に注意 h2 { font-size: 2em; margin-bottom: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid #ccc; } .no-border { /* 打ち消し */ padding-bottom: 0; border-bottom: 0;

どうも。志乃です。 「成人発達障害者がトラウマを抱えているワード」TOP5には入りそうな「努力が足りない！甘えるな！」。 持って産まれた脳の仕様がまず違うのに、「当然（だと思う）のこと」が「どうして出来ないのか？」と、あんまり理解されないんですよね。 カミングアウト前は「努力が足りない！ちゃんとやれ！」だったものが、カミングアウト後は「免罪符になんてならないぞ！」に変化する。 今日は、この話題について私なりに考えてみます。 「努力なんてしなくていいんだ」と開き直れたら苦労はしない 「できない」のは「努力不足」だけのせい？ できないのは「特性」だけのせい？ 努力するって、そんなに「嫌」で「ネガティブな」こと？ 自分を好きになる努力をしよう・させよう 発達障害を「本人が努力すれば治る」と思っている人間が、教師を含めあまりにも多い。治るんだったら障害ではない。もし病気と勘違いしてるのだとしても、

非常に興味深い記事を発見しまして、そこからわが家の自閉症スペクトラム（アスペルガー症候群）の当事者3人に起こっていた事の裏付けになりそうなので、ちょっとまとめてみようかと思いました。 福井大学と金沢大学の合同チームが発見したもので、【自閉症スペクトラムの人の脳は、相手の心を理解する部分と、自分の考えや行動を司る部分のつながりが弱く、ほとんど連携していなかった】というものです。対して定型発達者は、両方の部分が相互的に連携しているのが、MRIで確認できたとか。 この【人の心を理解する】と【自分の考えや行動】の関係には、非常に思い当たるものがあります。以前にも発見された【発達障害の場合、左脳前部と右脳後部のつながりが弱い傾向にある】という記事と合わせて考えると、いくつかの特性の裏付けになりそうな気がします。

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

◎メルトダウンとは感情崩壊・機能衰退 メルトダウンとは発達障害が原因で起こるパニック状態のようなもの。もし発達障害に軽度・重度を決めるなら、メルトダウンの頻度が１つの目安になるかも知れない。しかしメルトダウンが起きるかどうかは環境に左右されがちなので、やはり簡単にはいかない。 yaplog.jp メルトダウンは感情崩壊みたいな意味合いで使うのだろうが、俗語で言うヒステリー状態に似ている。感情の制御が利かなくなり暴走する。制御不能はよく感じたことだった。 機能衰退と説明しているサイトもある。判断力・発想力が著しく減退する。この減退はメルトダウンの最中だけではなく、終わってからもしばらく戻らないから、一度起こすと結構大変だ。人によって暴走の仕方が違うから、メルトダウンの経験者でも他人のメルトダウンは理解できない。 自分のメルトダウンは「切れる」「わめく」「何かを叩く」。昔はガラスをよく割った。

メルトダウンという言葉を知っていますか？ メルトダウンは海外の言葉で、日本ではパニックと表現されていましたが、現在は「メルトダウン」も定着してきているように思います。 これは感情の制御が出来なくなり、怒りや、程度が異常な気持ちの低迷を表す言葉です。発達障害者が起こす現象のひとつであると言われています。 パニック障害とは違います。パニック障害は強い不安感に襲われたり、手足の震え、激しい動悸などを起こしますが、メルトダウンは自分がコントール出来なくなり、もはや自分が自分でなくなってしまっているような感覚です。 発達障害を持つ人は、メルトダウンに悩まされます。その在り方は様々ですが、周囲の人はどうすることも出来ない。そして本人も、どうしようもないのです。 男性は怒り。女性は悲しみ。 そう分けられているパターンもありますが、実際、私が引き起こすのは怒りのメルトダウンが多いです。 まさかの豹変？ 幾

「発達障害*」の1つである「ASD（自閉スペクトラム症）」は先天的な脳機能障害であり、いわゆる「自閉症」や「AS（アスペルガー症候群）」もこのカテゴリの中に含まれます。 本記事では、大人の「ASD（自閉スペクトラム症、アスペルガー症候群・広汎性発達障害など）」の特徴や診断基準、得意な仕事や仕事での困りごととその対処法についてまとめています。 ASD（自閉スペクトラム症、アスペルガー症候群・広汎性発達障害など）とは ASDの特徴 診断名の変化　「自閉症・アスペルガー症候群」から「自閉スペクトラム症」へ ASDの診断 ASDに治療薬はある？ ASDとADHD の併存 ASDの人が得意な仕事・職業 職場での「困りごと」と「対処方法」 大人のASDの相談先 大人のASDの働くためのサポート 特性の理解と支援の活用で大人のASDも働きやすくなる ASD（自閉スペクトラム症、アスペルガー症候群・広汎性

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

発達障害がある人は「空気が読めない」「無神経」「思いやりがない」などと言われることがあります。が、発達障害があっても、人づきあいが苦手でも、当事者は深く考えているし、いろいろな工夫をしています。 では、どうしてうまくいかないのでしょう？　発達障害の特性はひとりひとり違いますし、人間関係がうまくいかない原因はいろいろ考えられますが、「からだ」と「こころ（脳）」の問題が大きく関係しているようです。 からだのハンデ 発達障害の人が人間関係がうまくいかない原因は、何よりもまずからだの問題が大きいと思われます。 ▼特定の音に敏感すぎて苦痛を感じる＜聴覚過敏＞ ▼強い光が苦手＜視覚過敏＞ ▼肌に触れるものに敏感＜触覚過敏＞ ▼外部からの刺激に対して感覚が鈍い＜感覚鈍麻＞ そのほか、特定の書体に苦痛を感じる、においに対して敏感すぎて苦痛を感じる＜嗅覚過敏＞などもあります。 こころ（脳）のハンデ 発達障害

トラウマ臨床の観点からは、発達障害とトラウマとはとても良く似ていて親和性があります。実際にトラウマケアを行っても、発達障害の方はとても効果がありますし、問題の根っこは実は共通しているのではないか、と感じます。ただし、接してみると発達障害の方とトラウマを負った方とでは雰囲気が異なり、ある程度肌感覚で区別することができます（グレーゾーンや、ADHDの方などは判断が難しいケースはあります）。 発達障害があるために問題を起こしやすいといったようなとらえ方がありますが、大きな問題が生じるケースは根底に愛着の問題を抱えているケースです。発達の凸凹がレンズの役割をし愛着不安を増幅させた場合に大きな問題となって現れます。一方、愛着が安定していると、発達の凸凹はその方の資質、特徴となります。例えば、人の気持がわからない、というのも人の気持に左右されないことで人格者のように冷静な判断ができたりというようなこと