日本では、2016年1月13日でIE8の正式サポートが終了しました。 それでも、まだIE8でもちゃんと閲覧できるサイトを作って欲しいと言われることがあります。 正式なサポートが終了したブラウザを使うリスクや対応工数を考えると、 クライアントには「IE8は対応外です」としっかり説得すべきです。 でも、大人の事情で対応することになった際に、気をつけるべきことをまとめました。 2016年以降に「IE8に対応して」といわれたとき思い出したい六項目 1. IE8は対応外と突っぱねるべし 一番良いIE8対策は、動作確認対応外にすることだと思います。 公式サポートが止まったことで予期せぬ攻撃を受け、そのリスクを誰が負うのかクライアントさんにも説明してください。 ブラウザシェアなどをお見せして、そろそろ推奨環境をアップデートしませんかと説得してみてください。 古いユーザーさんに支えられているサービスは…頑

最近JavaScriptの勉強をしている@yasumohaです。 始めたばかりなのでまだまだ基本ができていません。 そんな訳で、今回はDOM要素を取得するメソッドをまとめてみたいと思います。 IDを指定して取得する document.getElementById("id"); ID属性で指定した名前の要素を取得します。 IDは1ページに同じものを複数指定することはできません。 よって、取得できる要素は1つだけです。 例えば、以下のようなHTMLドキュメントがあった場合。 <div id="id1" title="testTitle"> テストですよ </div> ここからid1の要素を取得するには document.getElementById("id1"); となります。 タグを指定して取得する document.getElementsByTagName("tag"); element.

あれ何だっけ？ という時にさっと分かるWeb制作の実装や勉強に役立つチートシートがあると便利です。 BootstrapのさまざまなUIエレメントの実装、FlexboxでUIコンポーネントを実装、CSSの各ブラウザのサポート状況、Gitのコマンド、React.jsやAngular.jsなどのチートシートを紹介します。 必要なものは全部、ダウンロード・ブックマークしておきたいですね。

前回の投稿から数日経っていますが毎日、何かしらのJavaScriptを書いています。勉強開始から2週間が経ちました。まだまだ振り返るには早すぎるのかもしれませんが、勉強方法について少し疑問を持ち始めたので書いてみます。 プログラミングの勉強とは？ 私は小さい頃から運動神経が良さに恵まれてスポーツが得意です。どんなスポーツにも共通していることは 思い通りに体を動かせるかどうか に尽きます。武井壮さんが同じことを言っていたのを見て、とても共感できました。思い通りに体を動かせるとスポーツの専門的な技術練習に時間をさほど費やさなくとも、普通の人以上のパフォーマンスは発揮できるんです。 そして、最近考えるのがプログラミングにおける 思い通りに動かせる 部分というのは何にあたるのだろうということです。ここ1週間は写経に近いことをやりました。写経といっても、ただ写すのでは効果が低いことは想像できたので意

はじめに この記事は「旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門」の2つ目の記事です。 シリーズの最初から読みたい方は 旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ へどうぞ。 また、このシリーズではECMAScript5を概ね対応するブラウザを対象としています。 もっと平たくいうと、IE8以下は切り捨てます。ご了承ください。 そしてプロによるマサカリ 対策として一つ重要な注意書きをします。 この記事中で出てくる「CommonJSモジュール」という表現は全て「CommonJSのModules 1.0仕様をベースとして、Node.jsが独自に拡張したCommonJS派生のモジュール仕様及びインターフェース(require/exports

はじめに ネットには様々な情報が溢れており、JavaScriptに関する情報も多数存在しております。 その中には、「今時こんな書き方しねえよ…」と思わずツッコミを入れたくなるような、本当に、本当に古い内容について書かれている古文書も存在します。 そんな罠記事の情報に囚われてしまって、いつまで経っても現代的なJavaScriptが書けない皆さんのために、このシリーズの記事では、各セクション毎に分けて、旧石器時代の記述と、現代の記述を紹介する形で、文明開化をしていきたいという思いで記述する。 最初は、現在比較的メジャーなブラウザで一通り動作する「ECMAScript 5」までの内容に関してポエムを書き連ねていき、最終的には一連の内容を読むだけで「ES6(ES2015)」による新機能や、絶賛提案中の「ES7」の一部提案内容についても把握し、おおよそ現代人を育成することを目標とする。 …なんてめっ