[{"data":1,"prerenderedAt":919},["ShallowReactive",2],{"category-myopinion":3},{"count":4,"content":5},3,[6,252,571],{"id":7,"title":8,"body":9,"category":236,"createdAt":238,"description":239,"extension":240,"index":241,"meta":242,"navigation":243,"path":244,"publish":243,"seo":245,"series":241,"seriesTitle":241,"stem":246,"tag":247,"thumbnail":250,"updatedAt":241,"__hash__":251},"articles\u002Farticles\u002F2024_09_12_engineer_needs_math.md","エンジニアという職業に就くために数学は必要なのか？",{"type":10,"value":11,"toc":212},"minimark",[12,16,19,22,25,30,33,37,40,43,46,50,53,56,60,63,66,69,72,75,80,83,86,90,93,96,100,103,106,109,112,115,118,121,124,127,130,133,136,139,142,153,156,162,165,168,171,174,177,180,183,187,190,193,196,199,202,205],[13,14,15],"p",{},"エンジニアにとって数学が必要かどうかという議論は昔からあります。私の考えでは、「数学はまったく不要」とは言い切れないものの、大学で専攻するほどの知識は必須ではないと思っています。高校数学の基礎を理解していれば、ほとんどのエンジニアリング業務には対応できるでしょう。",[13,17,18],{},"実際のところ、数学がどれほど必要かは、どの分野のエンジニアを目指すかによって大きく異なります。例えば、アルゴリズム開発やAIの分野では高度な数学が不可欠です。一方で、フロントエンド開発などでは、それほど多くの数学知識は要求されません。このように、分野ごとに求められるスキルが異なるため、それに応じた準備が必要です。",[13,20,21],{},"また、最近では「数学は絶対に必要だ」とか「全くいらない」といった極端な主張をするYouTuberやサイトが目立ちますが、これらは前提となる「どの分野のエンジニア」を対象にしているかが曖昧なことが多いです。ただ不安を煽っているだけなので、あまり気にしない方が良いでしょう。",[13,23,24],{},"この記事では、どの分野で数学が必要か、逆に必要でない場合には何が重要とされるのかについて詳しく説明していきます。これからエンジニアにジョブチェンジしたい、またはエンジニアとして就職を考えているけれど、数学に自信がないという方々に役立ててもらえれば幸いです。",[26,27,29],"h3",{"id":28},"必要な分野不要な分野","必要な分野、不要な分野",[13,31,32],{},"エンジニアリングの分野によって、数学が必要な度合いは大きく変わります。特に、アルゴリズム開発やAIの研究などの分野では、数学は避けて通れない要素です。逆に、フロントエンド開発やライブラリを用いた実装が中心の業務では、高度な数学の知識はほとんど必要ありません。以下でそれぞれの分野について、数学の重要性を説明していきます。",[26,34,36],{"id":35},"アルゴリズム開発やaiなど","アルゴリズム開発やAIなど",[13,38,39],{},"アルゴリズム開発やAI（人工知能）の分野では、大学レベルの数学知識が必要不可欠です。特に、統計学、線形代数、微積分、確率論などは、これらの分野において基礎となるスキルです。AIのモデルを作る際には、データの処理や学習アルゴリズムを理解するために、数学的な知識が重要になります。数学が好きで得意な人にとっては、エンジニアリングの中でもこの分野は非常にやりがいのある選択肢と言えます。",[26,41,42],{"id":42},"フロントエンドやライブラリを用いての実装中心",[13,44,45],{},"私が主に活動しているフロントエンドエンジニアリングの分野では、数学はそこまで重要ではありません。もちろん、組み合わせ論や論理的な思考は多少求められるものの、日常的な業務では、どちらかというとソフトウェア設計の考え方が重視されます。DB設計、クラス設計、UI設計など、ソフトウェア全体の構成をどうするかが重要なスキルです。",[26,47,49],{"id":48},"アニメーション3dゲーム開発","アニメーション、3D、ゲーム開発",[13,51,52],{},"アニメーションや3D、ゲーム開発の分野では、ベクトルや三角関数といった数学の知識が役立つことがあります。例えば、アニメーションを描画する際には、フレームレートの調整や、物体の移動をスムーズに見せるために三角関数を使うことがあります。私も以前、Web上で水玉が特定の方向にふわふわと移動するアニメーションを実装した際、ベクトルと三角関数の知識が役に立ちました。",[13,54,55],{},"ゲーム開発においては、アニメーションの他に物理演算や処理負荷の最適化など、さらに複雑な数学の概念が求められることがあります。ただし、ノベルゲームのように動きが少ないゲームの場合は、そこまで高度な数学の知識は不要です。",[57,58,59],"h2",{"id":59},"エンジニアの多くであろう実装中心あたりについて",[13,61,62],{},"エンジニアとしてのキャリアを歩む上で、多くの人が「実装中心」の分野に携わることになるでしょう。ここで言う「実装中心」とは、クライアントやプロダクトの要件に基づいてシステムやアプリケーションを構築する業務です。特にバックエンドやフロントエンド、またはその両方に携わるエンジニアが多く、この領域では数学的な知識よりも別のスキルセットが求められます。研究という要素が少なく、要件に従った実装やそのヒアリング、ライブラリやフレームワークを利用するための調査や構築を行うことが多いです。",[13,64,65],{},"といっても流石に数学が全く不要だったかというと設計や効率的なコードを記述するにあたり学んでおいてよかった数学の知識もあります。",[13,67,68],{},"具体的に必要なスキルセットや、知っておいてよかった数学の知識は以下の通りです。",[26,70,71],{"id":71},"実務上のスキルセット",[13,73,74],{},"エンジニアとしてサービスを開発する際に、実際に必要だと感じたスキルは数多くあります。これらのスキルは、数学が得意でなくても習得できるものであり、私自身も日々の業務を通じて身につけてきました。数学的な知識が役立つ場面もあるかもしれませんが、実務においては、それ以上に重要な要素があります。",[76,77,79],"h4",{"id":78},"db設計","DB設計",[13,81,82],{},"データベース設計は、エンジニアにとって基本的なスキルの一つです。データを効率的に取り扱い、冗長なデータをなくすために「正規化」の概念が必要になります。さらに、カラムの構成や役割を理解し、データベースから必要な情報を適切に取得するためのSQLコマンドも必須です。",[13,84,85],{},"リレーショナルデータベースの考え方を把握し、エンティティ関係図（ER図）を描けるようになると、データ同士の関係を視覚的に整理でき、設計作業がよりスムーズになります。最終的には、プロジェクトの要件に従い、データベースの構造をどう最適化するかが重要な課題となります。",[76,87,89],{"id":88},"クラス設計オブジェクト指向","クラス設計（オブジェクト指向）",[13,91,92],{},"保守しやすいアプリケーション開発を行う上で、オブジェクト指向の概念は欠かせません。特に大規模なシステムや長期運用するサービスでは、コードの再利用性や拡張性を意識した設計が求められます。オブジェクト指向は学習が難しいと感じることもありますが、概念を理解しておくと、後の業務での作業が格段に楽になります。",[13,94,95],{},"実践的に学ぶためには、実際に自分でオブジェクト指向を用いたプロダクトを作成してみるのが効果的です。理論を覚えるよりも、プロジェクトを通じて実践的なスキルを養うことで、オブジェクト指向の本質に触れることができます。",[76,97,99],{"id":98},"コミュニケーション力ヒアリング力","コミュニケーション力（ヒアリング力）",[13,101,102],{},"技術力以上に重要なのが、顧客やチームメンバーとのコミュニケーションです。特に、顧客が専門家でない場合、要望が非常に曖昧なことがあります。そのため、顧客の意図を汲み取り、具体的な要件として定義する能力が求められます。技術的な要件だけでなく、ビジネスのニーズを理解し、それをシステムに落とし込むことができるエンジニアは、プロジェクトを成功に導けるでしょう。",[13,104,105],{},"さらに、顧客が気づいていない問題やリスクを指摘し、改善点や便利な機能を提案できると、信頼関係が深まり、仕事の質も高まります。エンジニアにとって、ヒアリング力と提案力は非常に重要なスキルです。",[76,107,108],{"id":108},"ドキュメントの読解と理解力",[13,110,111],{},"開発現場では、ゼロからコードを書き始めることは少なく、ほとんどのケースでフレームワークやライブラリを活用します。そのため、これらのツールのドキュメントをしっかりと読解し、理解する能力が重要です。英語のドキュメントが多いため、英語を抵抗なく読むことが求められますが、翻訳ツールを使いながらでも問題ありません。",[13,113,114],{},"ドキュメントを適切に理解できるかどうかで、開発の効率は大きく変わります。必要な情報を素早く引き出し、それを実装に反映する能力が、スムーズなプロジェクト進行に直結します。",[76,116,117],{"id":117},"バグの調査や原因の探究",[13,119,120],{},"バグの解決は、開発業務において避けては通れない要素です。原因を素早く特定し、解決に導くスキルは、エンジニアにとって非常に重要です。特に、ライブラリやフレームワークを多用する現代の開発では、バグの原因が外部要因なのか、自分の実装ミスなのかを切り分ける力が必要です。",[13,122,123],{},"具体的には、ライブラリのリポジトリにあるIssueを参照したり、StackOverflowなどのコミュニティを活用しながら、同じ問題に遭遇した他のエンジニアの知見を活用することが求められます。問題の解決には、粘り強く調査し、正しい情報を集める力が欠かせません。",[26,125,126],{"id":126},"実装中心でもあった方がいい数学知識",[13,128,129],{},"実装中心の業務において、数学知識が必須というわけではありませんが、知っておくと役立つ場面もあります。ただし、これらの知識を専門家レベルで理解する必要はありません。「どんなものかを説明できるか」が重要です。実際の計算処理はコンピュータが行ってくれるため、エンジニアとしては理論や式を構築する場面が多くなります。",[13,131,132],{},"また、実装では処理の流れや効率を重視することが多く、数学的な論理やパターンの考え方が役に立つことがあります。特に論理系の知識は、条件分岐やアルゴリズムの構築において重要です。",[76,134,135],{"id":135},"集合と論理",[13,137,138],{},"集合や論理の知識は、条件分岐やデータの取り扱いに直結します。特に、条件式を効率的に記述する能力が求められます。知らないと、冗長な条件式を書いてしまうことがありますが、論理的な考え方を理解していれば、シンプルかつ効果的な条件分岐を作成できます。",[13,140,141],{},"例えば、以下のような冗長な条件式があります。",[143,144,149],"pre",{"className":145,"code":147,"language":148},[146],"language-text","if (x == 1 && (y == 2 || y == 3) && !(z == 0)) { ... }\n","text",[150,151,147],"code",{"__ignoreMap":152},"",[13,154,155],{},"これを論理的に整理すると、以下のように簡潔な式にできます。",[143,157,160],{"className":158,"code":159,"language":148},[146],"if (x == 1 && y > 1 && y \u003C 4 && z != 0) { ... }\n",[150,161,159],{"__ignoreMap":152},[13,163,164],{},"論理を整理することで、コードが読みやすくなり、バグの発生も減らすことができます。",[76,166,167],{"id":167},"組み合わせ",[13,169,170],{},"組み合わせの考え方は、要件の中で複数の要素が組み合わさる場面に役立ちます。例えば、ユーザーの入力によって異なる結果を表示するシステムでは、どのようなパターンがあり得るのかを予測し、それに対応した処理を実装することが必要です。特に、脆弱性を防ぐためにも、可能な限りパターンを見つけ出し、考慮に入れることが重要です。",[13,172,173],{},"具体的な数学的な組み合わせの計算を行うというよりも、要件に対してどんな組み合わせがあり得るかを考え、それをシステム設計に反映する能力が求められます。",[76,175,176],{"id":176},"統計学",[13,178,179],{},"統計学は、データを扱う際に特に役立ちます。ただし、データ解析に携わらないエンジニアであれば、それほど深い理解は不要です。しかし、統計的な概念を理解していると、正確なデータ分析や結果の解釈ができるため、役立つ場面が出てくることもあります。",[13,181,182],{},"例えば、A\u002FBテストなどのデータ分析を行う際には、統計の基本的な知識があった方が、より精度の高い判断ができます。",[76,184,186],{"id":185},"数列指数関数","数列、指数関数",[13,188,189],{},"数列や指数関数は、エンジニアリングの現場では、特に処理の効率やデータの増加に関わる場面で役立ちます。例えば、アルゴリズムの計算量を評価する際には、数列や指数関数の考え方が重要です。データが増加するにつれて処理時間やメモリ使用量がどのように変化するかを予測するためには、これらの概念が不可欠です。",[13,191,192],{},"また、物理シミュレーションやグラフィカルな処理においても、数列や指数関数を使って計算を行うことがあります。例えば、一定間隔で増減する値や、特定の割合で増加・減少するデータを処理する際には、数列や指数関数の知識が役立ちます。",[13,194,195],{},"さらに、リソース管理の観点からも、指数的に増加する処理負荷を見積もる際に使われます。大量のデータを処理するシステムにおいて、時間やリソースの効率的な利用を計画するために、指数関数の理解は重要です。",[57,197,198],{"id":198},"でも数学は学んでおいて損はないと思う",[13,200,201],{},"エンジニアリング業務において、数学が直接的に必要ない場合も多いですが、学んでおいて損はありません。特に、実装中心のエンジニアであれば、まずは使用するプログラミング言語の仕様や設計の知識を優先的に習得すべきです。しかし、アニメーション系の開発、ゲーム開発、そして研究職になるほど、数学の重要性が高まっていきます。",[13,203,204],{},"数学は抽象的な概念を扱うため、最初は理解しにくく、何に役立つのかがわからないことが多いです。だからこそ、まずは実際にコードを書きながら実践し、必要性を感じたタイミングで学んでいくのも一つの方法です。例えば、私自身もGIS（地理情報システム）を用いたアプリケーションを開発する際に、数学の知識があればさらに深く学べたと思ったことがあります。",[13,206,207,211],{},[208,209,210],"strong",{},"補足）GISとは？","\nGIS（Geographic Information System、地理情報システム）は、地理的なデータを収集・解析・可視化するためのシステムです。地図をベースにデータを管理・操作する技術で、都市計画、交通分析、環境モニタリングなど、さまざまな分野で利用されています。これらのアプリケーション開発においては、緯度や経度などの座標データを扱うため、三角関数やベクトルといった数学的な知識が役立ちます。",{"title":152,"searchDepth":4,"depth":4,"links":213},[214,215,216,217,218,235],{"id":28,"depth":4,"text":29},{"id":35,"depth":4,"text":36},{"id":42,"depth":4,"text":42},{"id":48,"depth":4,"text":49},{"id":59,"depth":219,"text":59,"children":220},2,[221,229],{"id":71,"depth":4,"text":71,"children":222},[223,225,226,227,228],{"id":78,"depth":224,"text":79},4,{"id":88,"depth":224,"text":89},{"id":98,"depth":224,"text":99},{"id":108,"depth":224,"text":108},{"id":117,"depth":224,"text":117},{"id":126,"depth":4,"text":126,"children":230},[231,232,233,234],{"id":135,"depth":224,"text":135},{"id":167,"depth":224,"text":167},{"id":176,"depth":224,"text":176},{"id":185,"depth":224,"text":186},{"id":198,"depth":219,"text":198},[237],"myopinion","2024-09-12","よく言われるエンジニア数学必要論について","md",null,{},true,"\u002Farticles\u002F2024_09_12_engineer_needs_math",{"title":8,"description":239},"articles\u002F2024_09_12_engineer_needs_math",[248,249],"dev_exp","carrier","2024_09_12_engineer_needs_math\u002Fthumbnail.webp","D_weARn9rztnF82t4tSpUG5nn-OAzcNSgt0p8tjz33E",{"id":253,"title":254,"body":255,"category":562,"createdAt":563,"description":564,"extension":240,"index":241,"meta":565,"navigation":243,"path":566,"publish":243,"seo":567,"series":241,"seriesTitle":241,"stem":568,"tag":569,"thumbnail":241,"updatedAt":241,"__hash__":570},"articles\u002Farticles\u002Fremote-work-tips.md","リモート生活３年目その備品や生活習慣など",{"type":10,"value":256,"toc":542},[257,260,263,266,269,272,291,294,308,311,314,317,320,323,326,329,340,343,346,363,366,369,372,375,378,381,386,389,392,396,399,402,405,408,411,415,418,421,424,427,430,433,456,459,462,465,469,472,475,478,481,484,487,490,493,510,513,516,519,522,525,536,539],[13,258,259],{},"こんにちはjunです。2023年になり国外では規制が緩和されたり、前年に比べると次第に落ち着きを取り戻しつつありました。しかし何やかんやリモート生活3年目となり、大きなプロジェクトもリモートで済ますことができたりなど、十分にリモートでの仕事ができる様になってきました。今回の記事では技術的な内容はなく、3年のリモート生活であった方がいいもの、買ってよかったものなどを共有したいと思います。",[13,261,262],{},"職種はエンジニアを想定していますが、基本的にPCのデスクワーク系であれば変わらないです。また備品の紹介とともに生活習慣や感じたことについても書いていこうかなと思います。",[57,264,265],{"id":265},"備品編",[13,267,268],{},"ざっとまとめると以下の通り",[13,270,271],{},"仕事では",[273,274,275,279,282,285,288],"ul",{},[276,277,278],"li",{},"セカンドディスプレイ",[276,280,281],{},"USB・端子ハブ",[276,283,284],{},"コンセントハブ",[276,286,287],{},"すごい良い椅子",[276,289,290],{},"webカメラ",[13,292,293],{},"生活習慣などでは",[273,295,296,299,302,305],{},[276,297,298],{},"分厚い敷布団",[276,300,301],{},"3本ローラー",[276,303,304],{},"コーヒーや飲み物セット",[276,306,307],{},"でかい冷凍庫",[26,309,310],{"id":310},"腰と姿勢に関わるものはケチらない",[13,312,313],{},"リモートワークで仕事する時はオフィスと同じ様に机にPCを置くのは変わりませんが、費用的な問題で現在家にあるものでやりがちです。しかし机や椅子といった姿勢に関わるものは絶対に妥協すべきではありません。",[13,315,316],{},"私は一時期コタツと座椅子の上でデスクワークしましたが、猫背気味になっていまい腰を結構痛めました。また視線が下気味になると、首が痛くなります。",[13,318,319],{},"オフィスでも腰や首の凝りに悩む人は多いですが、デスクワークでは家でやるという緊張感からの解放や費用的な問題で、机や椅子への投資を軽視しがちです。健康を損なうこともあり、作業効率のUPにもつながるのでまず正しく、やりやすい姿勢で作業できる机と椅子を新調することは結構重要です。また、仕事を進める上での道具であるPCやキーボード、ディスプレイについても適切な位置に配置することが重要です。",[76,321,322],{"id":322},"椅子と机",[13,324,325],{},"まず椅子と机ですが、コタツはやめた方がいいです。20代半ばの青二才でも3ヶ月ほどで腰痛と首痛がひどくなり、整体に行き、サロンパスにお世話になる羽目になりました。",[13,327,328],{},"コタツでなくとも",[273,330,331,334,337],{},[276,332,333],{},"モニターを見るのに自然な首の位置にならない、意識的に首を曲げる必要がある。",[276,335,336],{},"前傾姿勢になっていまう。",[276,338,339],{},"肘が90度にならない",[13,341,342],{},"そんな机と椅子の場合も新調した方がいいです。（ただし下になんか敷いたり、後述の備品で何とかなる場合もあります。）",[13,344,345],{},"椅子に関してはニトリで購入したリクライニングチェアを使用しています。椅子の要件としては",[273,347,348,351,354,357,360],{},[276,349,350],{},"高さの調整が可能",[276,352,353],{},"肘掛けの調整が可能",[276,355,356],{},"リクライニングができる",[276,358,359],{},"腰の部分が膨らんでいて、腰が浮かないようになっていること（重要）",[276,361,362],{},"足置きがあること",[13,364,365],{},"以上の機能があると仕事の質が変わります笑",[26,367,368],{"id":368},"サブディスプレイは必須",[13,370,371],{},"エンジニアであればサブディスプレイは必須です。前述の視点を整えて、首の痛みをなくすことにもなりますが単純に作業スピードが上がります。",[13,373,374],{},"ソースコードを変更してその結果を確認したり、メールの確認など仕事では多くのウィンドウを使用します。その時サブディスプレイがないとかなり作業効率が落ちます。",[13,376,377],{},"私の場合は27インチのそんなに高くないディスプレイをヨドバシで買いました。2万ちょっとでそれほどしません。",[13,379,380],{},"アニメーター、デザイナーなど表示されるものが高画質で色の表現がシビアなものであれば別のディスプレイがいいですが、プログラムとその確認であれば広くて安価なディスプレイで十分です。",[382,383],"image-render",{":src":384,":width":385},"'remote-work-tips\u002F20230827_192107.jpg'","'100%'",[13,387,388],{},"こんな感じで左にPC、真ん中にディスプレイをおいています。メインの作業はサブディスプレイで行い、メールや確認作業はPCで行っています。",[13,390,391],{},"一番作業で使用して見続けるものを正面に配置し、残りのディスプレイを左右に置くといった感じです。",[26,393,395],{"id":394},"ないと意外と困るものあるといいもの","ないと意外と困るもの・あるといいもの",[13,397,398],{},"買ってよかったものを紹介します。",[76,400,401],{"id":401},"トラックパッド",[13,403,404],{},"Macを使用しているため純正のトラックパッドを使用しています。トラックパッドの良い点はマウス操作によって肩が凝りにくくなること、Macの場合は指を使ったウィンドウの操作がすぐに行えることです。",[13,406,407],{},"マウスは移動をする際に腕全体を使うため、腕と肩が疲れます。しかしトラックパッドは手首から先を動かすので、腕・肩が疲れません。Macであれば３本指でそれぞれのディスプレイを遷移したり、ズームができたりと便利です。",[13,409,410],{},"トラックパッドが苦手な方は、ホイールボール付きマウスを使うのもいいかもしれません。ホイールでカーソルを移動することができ、トラックパッドに似た操作が可能です。",[76,412,414],{"id":413},"pcスタンド","PCスタンド",[13,416,417],{},"私はMacbookProを使用しています。もし既存のキーボードを使用してサブディスプレイを使いたい場合、PCを前に置いてサブディスプレイを奥、または左右に置く必要があります。",[13,419,420],{},"しかしそれでは姿勢が崩れやすく、視点も下がってしまうため好きではありません。ラップトップは特に視点が下に下がりやすいため、PCスタンドを用いて適切な高さに配置できる様にした方がいいです。",[13,422,423],{},"単純にサブディスプレイで高さを揃えるだけなら適当な箱でもいけます。しかし、サブディスプレイを買うほどでもない方は、スタンドがあると斜めに配置できます。斜めになることでキーボードが打ちやすく、視線も自然な位置になります。箱を使うと高さと肘の角度が微妙になってしまいます。",[76,425,281],{"id":426},"usb端子ハブ",[13,428,429],{},"ないと意外と困ったものは端子ハブです。サブディスプレイ、webカメラ、そのほか諸々のデバイスとPCを繋げると端子が対応していなかったり、足りないことがあります。ディスプレイの場合HDMIで接続することが多く、既存のPCにはその端子がないことが多いです。単純にPCのUSBハブ⇆HDMI端子に変換するアダプターもありますが、1対1で繋いでいると次第に端子が少なくなったり配線が多くなりごちゃごちゃします。",[13,431,432],{},"その場合は端子ハブを購入して、1つのPCの端子から複数の端子に接続できるものがあるとすごい便利です。私はTUNEWEARのALMIGHTY DOCK CS1を使用しています。USB typeCでmacに接続し以下の端子が利用可能です。",[273,434,435,438,441,444,447,450,453],{},[276,436,437],{},"USB 3.0 typeA",[276,439,440],{},"HDMI 4 k",[276,442,443],{},"SD",[276,445,446],{},"microSD",[276,448,449],{},"USB typeC Thunderbolt",[276,451,452],{},"イヤホンジャック",[276,454,455],{},"インサーネット",[13,457,458],{},"ちょっとお高めですが1年半は問題なく稼働しているので信頼できます。",[57,460,461],{"id":461},"生活習慣編",[13,463,464],{},"次は生活習慣編です。",[26,466,468],{"id":467},"さびしい","さびしい...",[13,470,471],{},"リモートでは基本的に家に一人（独身の場合）になることが多いです。SlackやZoomなどで仕事のコミュニケーションはとれますが、本当に仕事に関する報連相だけになり雑談などはほとんどないです。また人と会わないので次第に孤独感が強くなります。特に孤独感は厄介でチーム内で不仲やうまくプロジェクトが回らないと他人に対して大きな不信感を増長させることがあります。そのためできる限り人とコミュニケーションは取れる工夫をしておいた方がいいです。",[13,473,474],{},"あと全く出会いもないのでスポーツクラブとか積極的に何かしらの活動に参加していくといいです。",[26,476,477],{"id":477},"運動不足は危険だよ",[13,479,480],{},"運動不足は結構危険です。通勤がないのはとてもいいのですがある意味最低限の運動という側面もありました。日によっては一歩も外に出ない日もあり、体重も増えがちでした。体力の落ちようは特に感じており、リモートで楽になったのにもかかわらず19時あたりにかなり疲れと眠気を感じてしまうこともありました。",[13,482,483],{},"運動不足の割には食事を取りすぎてしまったりするので、散歩したり定期的な運動をした方がいいです。私の場合は3本ローラーという家で自転車を回せるガジェットを買いました。（サイクリングが趣味なため）",[26,485,486],{"id":486},"メリハリつけよう",[13,488,489],{},"仕事場=家になるので仕事とプライベートの境界が非常に曖昧になります。なんとなく業務時間外にプロジェクトファイルを開いて作業してしまったり、逆に仕事の時間に遊んでしまいそうになることもあります。そのため難しいですが両者の境界をうまく分ける工夫が入ります。",[13,491,492],{},"例えば",[273,494,495,498,501,504,507],{},[276,496,497],{},"PCに関しては仕事用と私用で端末やプロファイルを用意して分ける。",[276,499,500],{},"寝室には仕事用のPCは持ち込まない。",[276,502,503],{},"オフの時はSlackなど仕事の通知はオフにする。",[276,505,506],{},"オンの時はゲームや使用の通知はオフにする。",[276,508,509],{},"誘惑は目のつかないとこにしまう",[13,511,512],{},"と物理的に分けることがおすすめです。ただし費用、部屋の構造上難しいとこもあるので極力分けるようにすることをお勧めします。",[13,514,515],{},"特に私の場合 nintendo switchとスプラトゥーンを買ってからものすごいハマってしまい、始業15分前までやっていたりしたこともありました。流石に他のやりたいこともあるのでKitchen Safeと呼ばれる時間まで開かない封印箱を買って自制しました笑",[26,517,518],{"id":518},"せっかく時間ができるので",[13,520,521],{},"リモートの大きな利点としては通勤、出社準備（着替えや化粧など）がなくなりその浮いた時間ができることです。通勤していた時は準備を含めて1日のうち90分を使用していました。この通勤と準備による消費時間はバカにできません。",[13,523,524],{},"また人・会社によりますが無駄な飲み会や誘いが減ることによって自分に使える時間が増えるというメリットもあります。であればこの余った時間を運動、勉強、家族との時間、個人開発などに使用すると結構有意義な生活を送ることができるようになります。",[13,526,527,528,535],{},"私の場合も",[529,530,534],"a",{"href":531,"rel":532},"https:\u002F\u002Froute-share.net",[533],"nofollow","RouteShareという個人開発のサイト","を開発することができました。正直リモートのおかげで半年程度で作成できた感じはあります。",[57,537,538],{"id":538},"さいごに",[13,540,541],{},"記事は以上となりますがこれからリモートを始めようとする方の参考になればと思います。もしほかにTipsなどがあればぜひ紹介してください。",{"title":152,"searchDepth":4,"depth":4,"links":543},[544,555,561],{"id":265,"depth":219,"text":265,"children":545},[546,549,550],{"id":310,"depth":4,"text":310,"children":547},[548],{"id":322,"depth":224,"text":322},{"id":368,"depth":4,"text":368},{"id":394,"depth":4,"text":395,"children":551},[552,553,554],{"id":401,"depth":224,"text":401},{"id":413,"depth":224,"text":414},{"id":426,"depth":224,"text":281},{"id":461,"depth":219,"text":461,"children":556},[557,558,559,560],{"id":467,"depth":4,"text":468},{"id":477,"depth":4,"text":477},{"id":486,"depth":4,"text":486},{"id":518,"depth":4,"text":518},{"id":538,"depth":219,"text":538},[237],"2023-08-27","プログラム業務で必要なリモートの備品など",{},"\u002Farticles\u002Fremote-work-tips",{"title":254,"description":564},"articles\u002Fremote-work-tips",[],"P5HWK9NpWKTTKKmcJYeirjb7d7U8MxoKkErRl9t50gg",{"id":572,"title":573,"body":574,"category":909,"createdAt":910,"description":911,"extension":240,"index":241,"meta":912,"navigation":243,"path":913,"publish":243,"seo":914,"series":241,"seriesTitle":241,"stem":915,"tag":916,"thumbnail":917,"updatedAt":241,"__hash__":918},"articles\u002Farticles\u002Fstupid-ie-implement.md","IE終了まであと１年！IE対応に関していろいろ思うこと。これまでの経験を踏まえて適当に語る",{"type":10,"value":575,"toc":885},[576,585,593,596,599,619,622,624,627,639,648,651,654,657,660,668,671,680,683,686,690,693,697,700,704,711,722,725,729,744,747,750,753,756,759,762,765,768,771,774,777,781,789,792,795,799,802,806,809,812,815,818,821,825,828,831,835,844,847,850,853,856,859,862,865,874,878],[13,577,578,579,584],{},"こんにちはjunです。2021年5月19日にとても嬉しいことがおきました。Twitterを見るとなぜかトレンドに「IE終了」という文字がありました。詳しくみてみるとなんと",[529,580,583],{"href":581,"rel":582},"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=0Q_1Lfgpb5s",[533],"マイクロソフトが2022年6月にIEのサポートを終了する","という旨のyoutube動画をUPしたのです。夢でなかったのです。ついに苦しいIE対応をしなくてい良いという大義名分が来年から得られることになったのです。あまりにも嬉しくて速攻で会社のslackに共有したほどでした。",[13,586,587,588],{},"サムネイルの写真もTwitterでバズって回ってきたものでとても面白かったです。ちなみに",[529,589,592],{"href":590,"rel":591},"https:\u002F\u002Ftwitter.com\u002Ftowernter\u002Fstatus\u002F1396443278657064962",[533],"オリジナルはこのツイートです。",[13,594,595],{},"さてこの記事は技術記事じゃありません。ただIEサポート終了がうれしすぎて何か記事にできないかと思い、わざわざ新しいカテゴリーを作成しました。この「小言」は技術とは関係ないIT系に関する私の意見とかを述べるカテゴリーにします。あまり使わないかもしれませんが。まあQiitaでいうポエムみたいなものだと思ってください。",[13,597,598],{},"今回の記事では題目にある通り後１年のIEサポート終了が迫る中、我々webエンジニアがどうIEに向き合うべきかを私なりに意見を述べようと思います。順序的に",[273,600,601,604,607,610,613,616],{},[276,602,603],{},"これからの流れと情報の整理",[276,605,606],{},"IE対応の背景、なぜ対応が必要なのか",[276,608,609],{},"なぜ対応が嫌なのか",[276,611,612],{},"IE対応肯定派の意見について",[276,614,615],{},"その反論（小言）",[276,617,618],{},"最終まとめ",[13,620,621],{},"みたいな感じで行こうと思います。それでは早速いきましょう。",[57,623,603],{"id":603},[13,625,626],{},"エンジニアたるもの必ず情報源を確認しましょう。まず上記のあった通りのマイクロソフトのサポート終了は日本時間2022年6月16日にセキュリティサポートを終了するとのことです。それ以降はどんなバグ。脆弱性が起きてもサポートをしないとのことです。",[13,628,629,630,633,634,638],{},"公式youtubeはこちら（",[529,631,581],{"href":581,"rel":632},[533],"）で、概要的なニュースはこちら（",[529,635,636],{"href":636,"rel":637},"https:\u002F\u002Fwww.atmarkit.co.jp\u002Fait\u002Farticles\u002F1503\u002F11\u002Fnews134.html",[533],"）を参考にするといいです。",[13,640,641,642,647],{},"ただしこのサポート終了はLTSB\u002FLTSC以外のwindows10におけるInternet Explore11であり、",[529,643,646],{"href":644,"rel":645},"https:\u002F\u002Fdocs.microsoft.com\u002Fen-us\u002Fwindows\u002Fwhats-new\u002Fltsc\u002F",[533],"Windows 10 LTSC(Long-Term Servicing Chanel)","とWindows 10 Serverという製品に含まれるIE11は対象でありません。これらの製品のIEはなんと最長のもので2029年までサポートされています。",[13,649,650],{},"えっ！じゃあ苦労は2029年まで続くの！！？と心臓が止まりそうになったかもしれませんが、このLTSB\u002FLTSCというのはエンタープライズつまり企業向けの長期サポートのwindows10です。導入には10万以上かかる法人向けのwindowsです。つまりウェブサイトをみるだけ、インターネットを使うだけにPCを買っている一般の方々がインストールしているwindowsではありません。",[13,652,653],{},"そのためまとめますと、「LTSB\u002FLTSC以外の、一般の方々がインストールしているwindows」のIEサポートが2022年6月16日（日本時間）に終了するということです。OK?よかったですねー。",[57,655,606],{"id":656},"ie対応の背景なぜ対応が必要なのか",[13,658,659],{},"いくつかの原因はありますが理由として",[273,661,662,665],{},[276,663,664],{},"社内で使用しているシステムがIEしか対応していないので、既定ブラウザになっている。",[276,666,667],{},"日本ではなぜか10%ぐらいのシェアがあり、使用しているユーザーもそこそこいる",[13,669,670],{},"があります。特に前者のシステムがIEにしか対応していないというのはかなり大きく、マイクロソフトが長年IE11を残したり、Edgeの中にもIEモードを含ませていたり、windows10に入れている原因です。流石に強制的にIE11を消して社内システムが使えなくなった！なんてなったら流石にやばいです。",[13,672,673,674,679],{},"2020年の夏あたりに",[529,675,678],{"href":676,"rel":677},"https:\u002F\u002Fwww.nikkei.com\u002Farticle\u002FDGXMZO61372400Q0A710C2EE8000\u002F",[533],"「マイナポータルがIEでしか使用できない」","という事件がありましたが、それもその一つです。PCにてマイナンバーカードの情報を物理的に読み取って使用するにはJavaかIEのAvtiveXしかない。という縛りがあり基本的にマイナポータルはスマホからのアクセスを前提にして、PCブラウザでの対応を後回しにしたという感じです。これも技術的な制約上、IEを使用せざる得ない理由の一つです。",[13,681,682],{},"後者はちょっと自分でなんとかしてくれよと感じがしますが、正直ユーザーからしてみれば「ブラウザってなんすか？」というものぐらいです笑。なんか昔からインターネットみる時はこのアイコンだったしぐらいしか知らない人も多く、日本では前者の理由も加わってIEを使用している個人や会社がいます。私の取引先も私が指摘するまでIEを使用していました。（とくに役所や学校が多いです）",[13,684,685],{},"「それでもさぁ！」と言いたいお気持ちはわかります。まずはなぜ必要となっているのかの背景は以上の通りです。",[57,687,689],{"id":688},"なぜ対応が嫌なのかすべきでないのか","なぜ対応が嫌なのか、すべきでないのか",[13,691,692],{},"そんな事情がありながらも、我々webディベロッパーはなぜIE対応をしたくないのでしょうか。技術的・工数的な視点で述べていきます。",[26,694,696],{"id":695},"cssが崩れる","CSSが崩れる",[13,698,699],{},"まずはこれですね。web上でのデザインを表現するためにCSSを使用しますが、「chrome、safariではきちんと表示されているのに、IEだけ違う！」という事件がおきます。理由としてはIEがそのCSSプロパティをサポートしていない、または特定の記述が必要だからです。他にもIEにしかないCSSのバグもあり、対処のためにトリッキーな書き方をする必要があります。",[26,701,703],{"id":702},"es6が使えない","ES6が使えない",[13,705,706,707,710],{},"ES6はjavascriptだと思ってください。javascriptにはES5,ES6といったものがあります。ES6の方が新しくスマートでより良い記述が可能です。例えばES5では変数宣言に",[150,708,709],{},"var","しか使用できず、定数などは大文字にして表記すると言った運用面でカバーしたり、クラスの書き方も関数を使用してとっつきにくい感じでした。",[13,712,713,714,717,718,721],{},"しかしES6では",[150,715,716],{},"const","での定数宣言、",[150,719,720],{},"class{}","を用いた表現ができる様になりました。それがそのまま使えればいいのですが、はい。。IEです。なんとIEではES6がサポートされておらず構文エラーを起こしてスクリプトが停止します。そのため渋々ES5の書き方をするということもありますが、Vue,Reactなどのjsフレームワーク、その他のnpmパッケージなどで取得できるライブラリでES5の書き方をしていないものがあります。というよりES6の方が開発がスムーズにいきます。",[13,723,724],{},"そのため開発を効率的に行うjsライブラリを使用できなかったり、IE確認で時間を取られます。（そのくせIEのデバッガーは遅くてよく止まります。）",[26,726,728],{"id":727},"javascriptファイルが重くなるビルドの負担が大きい","javascriptファイルが重くなる・ビルドの負担が大きい",[13,730,731,732,737,738,743],{},"ES6が使えないので最新のjsは諦めて、旧石器時代のjsの構成でやる...?というのは酷です。そのためどこかの神様が",[529,733,736],{"href":734,"rel":735},"https:\u002F\u002Fbabeljs.io\u002F",[533],"Babel","、",[529,739,742],{"href":740,"rel":741},"https:\u002F\u002Fpolyfill.io\u002Fv3\u002F",[533],"Polyfill","というES6とES5の互換性を作ってくれるライブラリを作り出しました。BabelはES6の書き方をES5に変えてくれ、Polyfillはjsの言語特徴を利用してES6の機能をES5に追加します。",[13,745,746],{},"それであれば万事解決...とはなりません。とてもありがたいのですが弱点としてjsのバンドルサイズが重くなったり、babelによる書き換えのためにnode.jsの環境が必要となったりとまだまだ開発に難があります。中にはBabel、Polyfillを使用しても解決できずIEだけ動かないというものも少しあります。Babel、Polyfillも万能ではありません。",[13,748,749],{},"これらの措置はIEのためだけに行うものであり、他のモダンブラウザであれば不要なことです。同じjsファイルでも上記の処理をしなければ100kbも軽くなったりすることもあります。",[26,751,752],{"id":752},"開発工数がかかる",[13,754,755],{},"上記の様にIEだけの特別なチェックや開発、ファイルが必要となったりで開発側の負担が大きいです。負担が大きいということは工数もそれだけ伸びるので費用もかさみます。開発者だけが苦労するだけでなく、工数も伸びてしまい費用がかさみ、その割には利用者は全体の数％とあまり得でない気もします。",[26,757,758],{"id":758},"公式が使うなと言っている",[13,760,761],{},"開発したマイクロソフト自身が「IEは技術的負債」とまでいい、段階的にEdge（IEの後継、いわゆるモダンブラウザ）に移行する様にユーザーに呼びかけています。つまり公式自ら「IEは危ないから使わないで！」としているのに使うのはいかがなものかとあります。",[26,763,764],{"id":764},"セキュリティーリスクがある",[13,766,767],{},"IEは現在セキュリティーサポートのみでアップデートはされていません。もしIEに脆弱性が発生したら（しかたなく）マイクロソフトが対応して、セキュリティパッチを出すと言った感じです。その際に危惧されるのが「ゼロデイ攻撃」と呼ばれるものです。「ゼロデイ攻撃」はそのマイクロソフトのパッチが適用される前、脆弱性情報が発表される前に素早く対象のマシンを攻撃するものです。セキュリティパッチが効く前を狙った攻撃です。",[13,769,770],{},"開発元がしっかりしていればいいのですが、2020年1月のIEにおける脆弱性対応にパッチ提供に３週間かかったりなどもうサポートのやる気なさを感じさせるぐらいになっている。セキュリティバグも多いのでIEに限定した攻撃というものも存在している。わざわざそんな危険なブラウザ使う人も少なくなるだろうし、というかIEが原因でwebサイトの情報が漏れるなんでまっぴらゴメンです。ならばIEでは使えない様にした方がいいというものも納得できます。",[57,772,612],{"id":773},"ie対応肯定派の意見について",[13,775,776],{},"このようにIEにはデメリットが多いですが、「IEに対応すべきだ！」という恐ろしい方々が存在します。「これだから、IT知らない人は..」「開発者の気持ちも考えずにまったっく..」と言いたいですが彼らの意見には、耳を傾かせるべき内容もありました。",[26,778,780],{"id":779},"シェア数としても母数が多ければそれなりにいる","シェア数％としても母数が多ければそれなりにいる",[13,782,783,788],{},[529,784,787],{"href":785,"rel":786},"https:\u002F\u002Fyaruzou.net\u002Fbrowser-share",[533],"IEのシェアは日本では7.4%、世界は1.94%と言われています。"," インターネット利用者は統計的に世界でPCで40億人、日本では１億800万人はいるそうです。もちろん全員がwindows,PC,ブラウザを使用しているとは言えませんが単純にパーセンテージをかけてもIE使用者は最大約、日本で80万、世界では7700万となります。まあ無茶な計算なのでもう少し低いでしょうけど。",[13,790,791],{},"だたし1万人はIEを利用していそうです。どうでしょうか？この数はあなたの顧客となりうる数ですがを捨てられますか？といわれると「うーん」となります。",[13,793,794],{},"ただしビジネスであればこんなチンケな数より、メジャーブラウザを利用している人をターゲットにした方が工数と利益率が最適になりそうです。ただしビジネス意外にもwebサイトは使用されます。次の理由につながります。",[26,796,798],{"id":797},"情報の公共性を担保すべきだ","情報の公共性を担保すべきだ！",[13,800,801],{},"では仮に1万人のユーザーは少なくともIEを使用して様々なサイトを見ているとしましょう。webサイトにはビジネスでなく公共的なもの、例えば政府広報や自治体のサイトなどがあります。その場合デジタルデバイドなく、全ての人に情報が渡るべきサイトの場合は対応について少し考える必要がありそうです。",[26,803,805],{"id":804},"開発が面倒ってそれあなた開発者の感想ですよね","開発が面倒って、それあなた（開発者）の感想ですよね",[13,807,808],{},"あー。はい。確かに技術選定をしてライブラリとか適切に入れて、チェックしたりIEだけ専用のファイルを読み込んだり、Babel、Polyfillを使用すればなんとかなります。開発工数は伸びるけど確かに「できなくはないです」。逆に開発者がだだこねて「最新の技術じゃないと嫌だ！」「お金があってもIE対応は嫌！」となっては顧客的には納得いきません。顧客にとってみれば動いていればいいんですから、機能が豊富なwebアプリならともかくwebサイト作成ぐらいならやれば？という意見もあります。",[57,810,615],{"id":811},"その反論小言",[13,813,814],{},"対応すべき派はこんな感じです。他にあったら追加しようと思います。ではその反論や私の意見を述べようと思います。",[26,816,817],{"id":817},"セキュリティリスクのあるものは使うべきでない",[13,819,820],{},"一番はこれです。いきなりジョーカーみたいなものですが、セキュリティリスクのあるブラウザ（アプリ）を使用するのはいかがなものかと思います。ましてやIEが原因なのに情報漏洩をwebサイトのせいにされたらたまったものじゃありません。Dropbox、Boxといったクラウドストレージサービス、AWSやGCPなどは特に嫌がると思います。（Dropboxは2020年10月からIEサポートしていません）というよりもログインを必要とする様な機密情報を扱うサイトでは使用させるべきでないです。webアプリ系のサイトはIEを使用させなくても良いと思います。",[26,822,824],{"id":823},"マイクロソフトがieを残しているのは企業のため","マイクロソフトがIEを残しているのは企業のため",[13,826,827],{},"window8を強制的にwindows10にアップデートした過去がある伝説のマイクロソフトさんですが、この様なことをするならIEがいつの間にか削除されていてもおかしくないと思います。でもIEは明示的にLTSB\u002FLTSCに残したり、EdgeにもIEモードたる物を残しています。それはなぜか？",[13,829,830],{},"理由としては対応理由の一つであった「IEしか対応していないシステムがある」からです。つまり企業のシステムが対応できるまで一応、IEを利用できる様にしておこうという措置です。webサイトを見るブラウザの一つでなく、IEでしか動かないものを動かすための救済ブラウザなのです。企業のシステムはお金や大人の事情ですぐには代替できません。一方ユーザーのwebサイト閲覧はどうですか？最悪、Edgeのアイコンおすだけですよ？？IEを残しているのは企業や特定環境のシステム利用のためであり、一般的なユーザーのサイト閲覧アプリとしての利用は正直想定していないと思います。",[26,832,834],{"id":833},"公共性と言っても横浜市のコロナの予約サイトはie非対応だったよ","公共性と言っても横浜市のコロナの予約サイトはIE非対応だったよ",[13,836,837,838,843],{},"これ結構大きいかなと思います。",[529,839,842],{"href":840,"rel":841},"https:\u002F\u002Fv-yoyaku.jp\u002F141003-yokohama",[533],"横浜市のコロナワクチン予約サイト","はマニュアルのPDFにも書かれている通り、IE対応されていません。公共性の高いコンテンツはIE対応すべきとの意見は確かにありますが、コロナという、ましてや最初の利用者が高齢者・中年（IEの利用率が高め）に対してIE非対応としたのは大きな判断だったと思います。",[13,845,846],{},"真意は開発者と受注者しかわかりませんが、多分開発の速度的な問題だったと思います。前述の通りIEの場合はIEでのチェックが必要となり、工数が増え結果的に時間がかかります。さらにIEだけ動作不良がある、予約できないとなったらかなりバッシングされそうです。であれば早く予約システムを簡単でも作成して、動作が保証されるものを開発するならばIEを対応しないのは妥当だと思います。",[13,848,849],{},"ブラウザの「ブ」の字もわからない人は怒ったり、マニュアル読んでもよくわからないかもしれませんが、IE利用者のシェアと開発スピード・質を天秤にかけたら仕方なかったんじゃないかと思います。",[13,851,852],{},"私はこの対応判断は素晴らしいと思います。日本のIE非対応化の大義名分の一つになり得そうです。",[26,854,855],{"id":855},"必要なのは啓蒙である",[13,857,858],{},"IE使うな問題は過去の古いものから新しいものへの移行です。これはソフトウェアだけの問題でなく、他にもあると思います。今まで使いやすかった方法や物をやめて、今すぐ新しいものにしてください！という経験はありませんか？物だけでなく、考え方とかもそうです。「昔はOKだったけど今はだめ」、「これからはこうすべき」というものはあると思います。",[13,860,861],{},"古い物、使い慣れた物を使いづけたい気持ちはわかります。学習コストもあれば愛着もあるかもしれません。しかしIEはそれらを凌駕するほどのデメリットと、切り替えたことによるメリットを知らないからIEを使用するユーザーがいるのだと思います。",[13,863,864],{},"先述の横浜市コロナワクチン予約サイトの様に、マニュアルで明記したりして明示的にIEを使わない様に教えることもできます。なんらかのきっかけがあれば、きっとユーザーは乗り換えてくれると思います。特にセキュリティリスクなどデメリット部分をしれば、IEを止めるきっかけになると思います。",[13,866,867,868,873],{},"一応マイクロソフトには",[529,869,872],{"href":870,"rel":871},"https:\u002F\u002Fdocs.microsoft.com\u002Fen-us\u002Fmicrosoft-edge\u002Fweb-platform\u002Fie-to-microsoft-edge-redirection",[533],"自サイトをIEで開くとEdgeで開く様に転送する","様にサイトを登録してくれる機能を提供しています。申請を行い、XMLを書く必要がありますがEdgeで開く様にしたり、サイトに「IE非対応です」と書いて啓蒙するのが一番いいと思います。",[57,875,877],{"id":876},"まとめ結局ieは対応す","まとめ。結局IEは対応す..",[13,879,880,881,884],{},"まとめますと、これから作られるwebサイト・アプリはIE対応しなくていいと思います。対応しても一般ユーザー的にも2022年6月ですし、その期間のために工数を増やしても意味ない気がします。最近、チェックでIEを開くとEdge移行用固定ヘッダーがでてきたりしてすごいことになっています。結局はユーザーに対する啓蒙が一番だと思います。今後webディベロッパーが行うべきはことは、 ",[208,882,883],{},"IE対応はしなくてもいいが、IEで見ちゃった人のためにEdgeに転送したりIEで見れないことをサイトで伝えること。そしてできたらブラウザ移行に関する情報を提供すること"," だと思います。以上！めちゃ長くなりましたが記事はこれでおしまいです。なにか意見あればぜひコメントください。それでは。",{"title":152,"searchDepth":4,"depth":4,"links":886},[887,888,889,897,902,908],{"id":603,"depth":219,"text":603},{"id":656,"depth":219,"text":606},{"id":688,"depth":219,"text":689,"children":890},[891,892,893,894,895,896],{"id":695,"depth":4,"text":696},{"id":702,"depth":4,"text":703},{"id":727,"depth":4,"text":728},{"id":752,"depth":4,"text":752},{"id":758,"depth":4,"text":758},{"id":764,"depth":4,"text":764},{"id":773,"depth":219,"text":612,"children":898},[899,900,901],{"id":779,"depth":4,"text":780},{"id":797,"depth":4,"text":798},{"id":804,"depth":4,"text":805},{"id":811,"depth":219,"text":615,"children":903},[904,905,906,907],{"id":817,"depth":4,"text":817},{"id":823,"depth":4,"text":824},{"id":833,"depth":4,"text":834},{"id":855,"depth":4,"text":855},{"id":876,"depth":219,"text":877},[237],"2021-05-31","IE終了まであと１年！IE対応に関していろいろ思うこと",{},"\u002Farticles\u002Fstupid-ie-implement",{"title":573,"description":911},"articles\u002Fstupid-ie-implement",[],"_mix\u002Fgoobye-ie.jpg","JPkFztuijEVQoNoDuLW-xoIv397ZP1pLMXyJLr-Dyz8",1780987132917]