try catch文 使用方法 catch finally 効果 try catch文 try{ } catch(error){ } 使用方法 tryのカッコ内にテストしたい(エラーになる可能性がある)文を入れ、catchのカッコ内にはtryに入れた文がエラーとなったときに処理させる文を入れます。 try：通常処理 catch：例外時処理 catch catchには引数を指定することでエラー情報を入手できます。 catch (e){ console.log(e) //エラー情報(例外情報) } finally finally{}はtry,catchのあとに実行されるブロックです。try,catchどちらが実行されてもfinallyブロックは実行します。 try {} catch(e) {} finally {} 効果 try catch文を利用することで、エラーを回避する(エラーをはかせな

【WEBデザイン】を美しくする | グラデーション linear-gradient() 使い方 グラデーションの方向 途中色 グラデーションをつくる linear-gradient() CSSのbackgroundプロパティに使用することのできる関数です。 使い方 background:linear-gradient(グラデーションの方向,開始色,途中色,終了色) 各指定値はカンマごとに入力します。 グラデーションの方向 向きによる指定 右に向かって変わる：to right 上に向かって変わる：to top 左に向かって変わる：to left 下に向かって変わる：to bottom 角度による指定 45度に向かって変わる：45deg 160度に向かって変わる：160deg 275度に向かって変わる：275deg 途中色 開始色と終了色の間に指定する色は省略も可能です。その場合は開始と終了の

投稿日：2019/5/30 Google Chromeで簡単にUIで設定値を変更できる 前回、Google Chromeの開発ツールが超便利という記事を書きました。 www.it-the-best.com 今回は、その開発ツールを使った簡単WEBデザインの紹介をします。 CSSのbox-shadowというプロパティをつかって要素にかげをつけるデザインです。記事タイトル下にある写真は青い影をつけています。 まず、開発ツールを開き影をつけたい要素を選択します。選択の仕方は、開発ツールのelements項目に表示されている要素ごとに選択することができます。下の画像の上半分がHTMLで要素が並んでいます。 ちなみに、開発ツールを開いたときにマウスが重なっている要素がフォーカスされます。 そして、stylesのelement.styleのカッコ内をクリックしてbox-shadowと入力します。 入力

開発ツール ブラウザページ上で右クリックを押して検証を選択すると、開発ツールというWEBページの情報を見たりいじったりすることができます。 ちなみに、開発ツールを開いたときに、マウスが重なっている要素のHTMLがフォーカスされて開かれます。 この開発ツールを利用して、閲覧しているWEBページのカスタマイズをすることができます。ブラウザ上で編集しているだけで実際のファイルには影響しません。 私は、これを利用してはてなブログのカスタマイズをしています。はてなブログのカスタマイズでは、更新するたびテキストエリアが閉じてしまいますし、小さいのでやりずらいです。 開発ツールを開いてテストのようなことをしてから、実際にカスタマイズしています。 私はchrome(クローム)利用しているのですが、 開発ツールは本当に便利で、CSSではプロパティを追加するときに数あるプロパティから選択することもできます。