JavaScript
オンライン上でJavaScriptを実行できるエディタと勉強サイトのまとめ
最終更新:2021年11月12日 こんにちは。久しぶりにJavaScriptの記事です。 長ったらしいコードを手でコピーするのはなかなか大変だと思って、ずっと実装したかったコピーボタンの設置をしました。 コピペで是非どうぞ！
この度知り合いのイラストレーターがTumblrでポートフォリオサイトを作ったので、JavaScriptの勉強がてら、何か追加でほしい機能がないか聞いたところ、 無限スクロールを導入したい（イラストフォリオ３にはあるが、4にはない） 無限スクロールで表示された…
前回のJavaScript勉強記事 micche-labo.hatenablog.com 他の記事 その他javascriptに関わる記事はこちら JavaScriptでforEachを使用した際、コールバック関数についてよくわからず相当悩みググりました。 いろんなサイトを巡って最終的になんとな〜〜くわか…
先日WordPressでテーマ制作する際、ナビメニューを子要素なしのシンプルなものにしたんですが（フレームワークの関係上）、子要素があったときにドロップダウンするようにCSSを書こうと思いまして、WordPressでのナビメニューのマークアップを確認。 WordPre…
javascriptの基礎を学ぶシリーズ第9弾。 繰り返しの方法をまとめてなかったなあと思い記事にしました。 前回の記事 micche-labo.hatenablog.com ちなみにループをはじめに学んだ時、i<1とかi++の意味がわからなかったので、いろいろ自分で変えてテストしよう…
javascriptの基礎を学ぶシリーズ第８弾。 条件分岐の方法をいろいろと学んでみました。 前回の記事 micche-labo.hatenablog.com 初めて条件分岐を学んだ記事 micche-labo.hatenablog.com はじめに このシリーズはjavascriptを触ったことのない初心者が勉強の…
前回、JavaScriptでDOM操作してみるという記事を書いたのですが、今回はDOM生成を行っていきたいと思います。 前回の記事 micche-labo.hatenablog.com DOM生成とは JavaScriptでHTMLタグを作ること。 HTMLをJavaScript内に挿入するコードとセットで使う。
JavaScript勉強番外編。 本編（の前回の記事）はこっち micche-labo.hatenablog.com アコーディオンメニューでよくある、クリックしたら開いて、クリックしたら閉じる、のような動きをJavaScriptで実装したらどうなるのか、ということを調べてみました。 ま…
前回の記事 micche-labo.hatenablog.com 配列まで学んだJavaScript。 そろそろ何か作りたいがもう少し基礎の勉強を。 ということで出てきた「分割代入」。 またしてもなんじゃそりゃ？ってなったんで記録。 はじめに このシリーズはjavascriptを触ったことの…
前回までで文字列について学びました。 前回の記事 micche-labo.hatenablog.com 今回は配列について勉強していきます。 はじめに このシリーズはjavascriptを触ったことのない初心者が勉強のために記事にまとめて、頭の中を整理しよう！というシリーズです。…
前回、テンプレートリテラルを用いて便利にソースコードを書くことを学びました。 今回は、文字列メソッドについて学んでいきます。 前回の記事 micche-labo.hatenablog.com はじめに このシリーズはjavascriptを触ったことのない初心者が勉強のために記事に…
JavaScriptの基礎を学ぼうのコーナー。 当方、HTML、CSSしか経験ない（しかもどっちも独学）主婦です。 JavaScriptを学べば他の言語も覚えやすいと巷で見かけ、いろいろ手を出しかけたものの、きちんとJavaScriptを学んでから戻ってこようと思い、一から勉強…
勉強シリーズ。 前回は数値についていろいろと学びました。 過去記事 micche-labo.hatenablog.com micche-labo.hatenablog.com 代入・比較演算子と結構頭がこんがらがってきたのですが、次は文字列について学んでいきます。 「数学は苦手だから理解しづらか…
文系・プログラミング未経験(html、cssは経験ある)の主婦が送る、JavaScriptのお勉強コーナー。 前回は【数値と演算子】について学びました。 前回の記事 micche-labo.hatenablog.com 今回の記事はその続きです。 代入演算子なるものを学んでいこうと思いま…
勉強シリーズ。 基礎の基礎を知る。 前回の記事 micche-labo.hatenablog.com 初めに宣言しておきます。 わたしは算数が大の苦手です。 特に繰り上がり・繰り下がりの計算がまるでできません。 胸を張っていうようなことではないんですが、算数できない私でも…
今回はJavaScriptの練習でお世話になっているMDN Web Docsのサイトでテストができるので、使い方を記事にまとめてみました。 英語のページですが翻訳すると微妙に日本語の順序がおかしくて理解しづらい…と感じたので、同じようにJavaScriptの勉強をしていて…
勉強シリーズ。 基礎の基礎を知る。 前回の記事 micche-labo.hatenablog.com 今回は巷でよく見る条件文。 このシリーズはjavascriptを触ったことのない初心者が勉強のために記事にまとめて、頭の中を整理しよう！というシリーズです。 ためになるかはわかり…
勉強シリーズ。 基礎の基礎を知る。 前回 micche-labo.hatenablog.com 前回はvar、let、constについて学びました。 今回は変数のデータ型について知っていきます。 このシリーズはjavascriptを触ったことのない初心者が勉強のために記事にまとめて、頭の中を…
勉強シリーズ。 基礎の基礎を知る。 勉強のために使用したサイト developer.mozilla.org とりあえずvarとlet（あとconstも）どれを使えばいいのかっていう話をどこかでも見かけたのでもう一度おさらい。 以下サイト様がわかりやすかったです techacademy.jp …
宣言します…！ 今日からJavaScriptを勉強します。 html,cssときて、jQueryやVue.jsを少し勉強してみたのですがやっぱりちゃんとJavaScriptを勉強した方がいいなと感じたので、1から勉強してみようと思います。 すべて独学できているのでJavaScriptも独学で頑…
