【コピペOK!】マテリアルデザインのチェックボックスを作る方法
![](https://shitakke.com/wp-content/uploads/material-design-checkbox-550x250.png)
マテリアルデザインシリーズの第三弾です! 過去の記事はこちらをご覧ください。 【コピペOK!】マテリアルデザインのボタンを作る方法 【コピペOK!】マテリアルデザインのテキストフィールドを作る方法 今回はチェックボックス…
【コピペOK!】マテリアルデザインのテキストフィールドを作る方法
![](https://shitakke.com/wp-content/uploads/スクリーンショット-2021-06-22-15.35.49-550x309.png)
前回の「【コピペOK!】マテリアルデザインのボタンを作る方法」に引き続き、テキストフィールドの作り方を紹介します。 サンプルはこちらに掲載されているので、これをなんとか再現させてみようと思います。 ソースコードの全量はこ…
【コピペOK!】マテリアルデザインのボタンを作る方法
![](https://shitakke.com/wp-content/uploads/material-design-button-550x369.png)
今回はマテリアルデザインのWebサイトで使われるようなボタンの作り方を紹介します。 マテリアルデザイン(material design)とはGoogleが提唱しているデザイン手法のガイドラインです。 マテリアルという言葉…
そのスタイルどうやって書いてるの?ブラウザの開発者ツールを使おう
![](https://shitakke.com/wp-content/uploads/check-css-with-devtool-550x312.png)
Webデザインなどをしようと思った時に、 「あのページはどんなCSSを書いて表現してるんだろう」 とか思うこともあるのではないでしょうか。 実はWebページがどんなHTML、CSS、JavaScriptで作られているかは…
CSSやJavaScriptの修正が反映されない?ブラウザのキャッシュクリアを覚えよう
![](https://shitakke.com/wp-content/uploads/cache-550x337.png)
Webページを作っているとプログラムの変更がブラウザに反映されないことはないでしょうか。 「確かに直したはずなのに何も変わってないように見える」 「直し方が悪かったのかな」 なんて思っていると実は 「変更前のキャッシュを…
JavaScriptがうまく動かない?開発者ツールでデバッグしてみよう
![](https://shitakke.com/wp-content/uploads/js-debug-550x337.png)
「JavaScriptをなんとなく書き始めてみたけど、どうもうまく動かない」 「いろいろ書いたけどコードのどこでつまづいてるのかわからない」 「変数の中身が知りたい」 「思ったように処理が流れてるか確認したい」 もし、こ…
日付の操作が楽になる!Moment.jsの使い方
![](https://shitakke.com/wp-content/uploads/moment-550x337.png)
今回はJavaScriptでの日付の操作を楽にしてくれるライブラリ「Moment.js」の使い方を紹介したいと思います。 ライブラリ? プログラミングをするのに役立つ便利ツールと思っていただいてよろしいかと思います。 世…
【処理を分岐できます】if文の書き方
![](https://shitakke.com/wp-content/uploads/js-if-550x337.png)
プログラミング言語には制御文というものがあります。主な制御文として条件分岐や反復などがあります。 今回はJavaScriptでの条件分岐であるif文の書き方を紹介します。 if文はJavaScriptに限らずどんなプログ…
JavaScriptのReferenceErrorって何?
![](https://shitakke.com/wp-content/uploads/js-reference-error-1-550x337.png)
JavaScriptを書いているとコーディングのミスなどでエラーになることはよくある話です。 JavaScriptに限らず他のプログラミング言語でもそうですが、永らくプログラミングをしていると「とりあえずやっつけで作って…
alert、confirmの使い方
![](https://shitakke.com/wp-content/uploads/howtoalert-550x340.png)
Webアプリを作っていると、ユーザーに処理を中断してメッセージを表示したり、何か確認を促したい時があります。 入力に不備があることを伝えたり、操作を確定して問題ないかどうかなどの時ですね。 そんな時に使えるのがJavaS…
- 1
- 2