My days of...

生活のことなど、がんばろう

javascript

久しぶりのReactを触ってみたら、初期の画面てこうでした?

久しぶりにReactJSを触ろうとして、react-cliなどアップデート。 npx create-react-app test-app-namecd test-app-namenpm start とやったら、下の画面。 くるくる回っていたロゴはどこへ?アップデートしたから変わったのかな・・・? React.js&Next.js超入…

アルファベットと数字の回文をチェックしてみる

正規表現を利用して、アルファベットと数字でできた文字列が回文になっているかどうかをチェック。FreeCodeCampの問題1つできた。 function palindrome(str) { str = str.replace(/[^\w\d]|_/g, '').toLowerCase(); console.log(str); var strLength = str.…

JavaScriptで数値かどうかを検証したい場合、isNaNやisFiniteはどうだろう?

JavaScriptで値が数値かどうか判断するには、 isNaN か isFinite 関数があるので使おう、との紹介を読んで使おうと思ったらわりと使いにくいものでした。 developer.mozilla.org developer.mozilla.org isNaNの使用例として、 isNaN(NaN); // trueisNaN(unde…

Vue.jsのToDoリストチュートリアル完了できました

Vue.js を利用したサンプルアプリ「Todo リスト」作成。JavaScriptなので情報の保存はブラウザを閉じるまで。何度も使うことで、使い方に慣れるしかない、という感じになってます。 Vue-cliを使うのはまだなので、これから学んで慣れていきたい。 しかし、PH…

Vue.JSのチュートリアルでComponentなど

Vueの初心者向けチュートリアルを実施中。JavaScriptのフレームワーク(?でいいの?)のVueはとっつきやすいという感じがしていて、本を購入しなくともオンラインのチュートリアルなどでそれなりに使えそうな気持ちになります。 マスターできた、という訳で…

JavaScriptでサイコロを振る、シンプルなチュートリアル

本日はJavaScriptのトレーニング。色々手を出しすぎてよくわからなくなっているのはさておき、setIntervalとclearIntervalで遊んでいました。サイコロを動かして止める、という感じのシンプルなもの。 コードはこんな感じにできました。 <script> var dice = []; fun…

Forループを使わなくても同じ実行結果になるメソッドがある場合はそのほうがよいのかな

JavaScriptのメモ。 以前どこかのブログだか記事かで、JavaScriptはfor分のループは使わない方がいいとか、という内容がありました。それで代わりに使うのは、forEachやmapなどを利用するのがいいとか。whileも入る?とその時は考えていた気がします。 その…

無料で読めるネットにあるPythonとJavaScript本

英語はできないよりできたほうがいい。少なくとも英文は読めないより読める(理解できる)ほうがいい。 そういう風に思えるサイトです。多分昔からあるのだろうと思いますが、昨日知りました。 pythonbooks.revolunet.com 全て、ではないけれどOpenBookとい…

JavaScriptのconstについて。変更不可だけど変えられる場合があってウンヌンカンヌン・・・

今時のJavaScriptのconstについてMDNの内容を確認。 developer.mozilla.org > const My_FAV = 7; undefined> My_FAV = 20; //エラーになるTypeError: Assignment to constant variable. > console.log("私の好きな数字です:" + My_FAV); //7が出力される私…