JavaScript勉強会

JavaScriptの学習日記

プログラミングの仕組みを理解する方法

この記事は、プログラミングの専門教育(大学のコンピューターサイエンスなど)を受けておらず、独学でプログラミングを学習している方へ贈るアドバイスです。 =タイムマシンがあったら、過去の自分に会いに行って教えたい話です。 (自分で自分に話しかけ…

【JS学習マラソン】第17回 1.2.14 関数

JavaScript学習マラソンの第17回は、 「現代の JavaScript チュートリアル」パート1の2.14「関数」です。 関数 https://ja.javascript.info/function-basics を読んでみます。 関数 そもそもですが、「関数」(かんすう)って何でしょうか? 数学の授業で習…

たにぐち まことのプログラミング学習応援チャンネル

はてなブックマークでVue.jsのYouTube動画が人気を集めていました。 b.hatena.ne.jp 動画を見てみたら、「たにぐち まことのプログラミング学習応援チャンネル」というコンテンツでした。 https://www.youtube.com/user/tomostajp/playlists www.youtube.com…

【JS学習マラソン】第16回 1.2.13 switch文

JavaScript学習マラソンの第16回は、 「現代の JavaScript チュートリアル」パート1の2.13「switch文」です。 switch文 https://ja.javascript.info/switch を読んでみます。 条件分岐のswitch 条件分岐には、if文がありました。 jsstudy.hatenablog.com if…

JavaScriptで配列やオブジェクトを比較するときはJSONに変換

以前、JavaScriptの比較について学びました。 jsstudy.hatenablog.com JavaScriptの比較で、間違えやすい点があったのでメモしておきます。 JavaScriptで配列やオブジェクトを比較するときの注意点 JavaScriptでは、配列やオブジェクトの中身が同じ内容かど…

【JS学習マラソン】第15回 1.2.12 ループ: while と for

JavaScript学習マラソンの第15回は、 「現代の JavaScript チュートリアル」パート1の2.12「ループ: while と for」です。 ループ: while と for https://ja.javascript.info/while-for を読んでみます。 プログラムに必要な制御 C言語やJavaScriptのような…

【JS学習マラソン】第14回 1.2.11 論理演算子

JavaScript学習マラソンの第14回は、 「現代の JavaScript チュートリアル」パート1の2.11「論理演算子」です。 論理演算子 https://ja.javascript.info/logical-operators を読んでみます。 条件判定で必要な道具 ifで条件分岐するとき、1つの条件だけで…

JavaScriptでラムダ計算の仕組みを学ぶ教材

関数型プログラミングの理解を深めるために、OCamlの本を読んでいます。 プログラミングの基礎 (Computer Science Library) 作者: 浅井健一 出版社/メーカー: サイエンス社 発売日: 2007/03/01 メディア: 単行本 購入: 17人 クリック: 409回 この商品を含む…

学習ペースの見直し

はてなブックマークですごい人を見つけました。 note.mu twitter.com www.youtube.com プログラミングを1年ほど勉強して、Googleに転職された方です。 紹介されていた経歴を見ると、 Pythonとの出会い (2018年6月) DataCampでの自習 (2018年12月~2019年3月…

GraphQLのメモ

使いやすい静的サイトジェネレーターが欲しいです。 使い慣れたPukiWikiをカスタマイズする手もありますが、ネットを閲覧するデバイスが増えた現代では、時代遅れになってしまった感は拭えません。 いろいろ調べてみたら、 Markdown形式やAsciiDoc形式でコン…

Gherkin メモ

「Gherkin」(ガーキン)というプログラムの書き方が紹介されていました。 考え方が良さ気なので、後で調べてみようと思います。(備忘録) gigazine.net ・Gherkinは期待された動作を理解する良い助けになる Gherkinはテストのための記法の1つで、「こうい…

ES2015のJavaScriptの要点は3つ

JavaScriptの新しいバージョン(ES2015以降)の要点が3つにまとめられていました。 Modern JavaScript in React Documentation · GitHub // gist.github.com 細かいことを抜きにすれば、とりあえずこの3点だけ理解しておけばOKですね。 日本語訳 上記リン…

Visual Studio Codeで現在の日時を入力するショートカットを設定する方法

Visual Studio Codeは大変便利なIDEですが、他のIDEやエディターではよく使っている機能が標準では搭載されていなかったので、追加方法を調べてみました。 プログラムのコメントなどを編集するとき、 現在の日時(日付+時間) 現在の日付だけ 現在の時間だ…

なぜプログラミングが上達しないのでしょうか?

質問サイトのQuoraで、プログラミング学習に関するアドバイスがありました。 なるほど!と思ったので、参考にメモ。 苦労をうまく隠しているだけ!? なぜプログラミングが上達しないのでしょうか?JavaScriptをここ数ヶ月勉強していますが、簡単な計算アプ…

Visual Studio CodeでIntelliCodeを使ってみよう

はてなブックマークを見ていたら、便利なツールが紹介されていました。 docs.microsoft.com Visual Studio Code 用 IntelliCode 拡張機能では、Python、Java、TypeScript、JavaScript 用の AI 支援 IntelliSense が提供されます。 AI 支援 IntelliSense では…

React学習 オンラインの練習ツール「CodeSandbox」

Reactの勉強メモ。 Reactを準備なしですぐに練習してみたい場合、オンラインの実行環境が用意されているので、すぐに試してみることができます。 「CodeSandbox」というオンラインエディターを使うと、すぐにReactを試せます。 jsstudy.hatenablog.com CodeS…

React学習 JSXメモ

Reactの勉強メモ。 Reactの本を読んでたら、「JSX」という仕組みの話が出てきました。 JSXは、JavaScriptでHTMLを扱うために用意されたJavaScriptの拡張構文とのこと。 jsstudy.hatenablog.com 本の中ではJSXについてサラッと説明されていて、いまいちよく分…

React学習 create-react-appで環境構築

Reactの勉強メモ。 まずは環境構築から。 jsstudy.hatenablog.com Node.jsの用意 Node.jsはJavaScriptのプログラムを実行する環境です。 Node.jsを使って、Reactのプログラムを作っていきます。 Node.jsのバージョン管理ツールを使ってインストールすると、…

React開発 現場の教科書

最近、Reactの話題が盛り上がっているので、使い方を理解してみたいと思いました。 jp.techcrunch.com 本屋でReactの解説書を眺めたら、図解で分かりやすい本がありました。 「React開発 現場の教科書」という本です。 React開発 現場の教科書 作者: 石橋啓…

Revo UninstallerでWindows10上のWindows Security Essentialsをアンインストールする方法

Windows7のパソコンをWindows10にアップデートする際、Windows Security Essentialsが入っていたら、アップデートの前にアンインストールしておいた方が良いです。 Windows10にアップデートした後、Windows Security Essentialsをアンインストールしようとし…

Ramda.jsのLensとは?

「JavaScript関数型プログラミング」を読んでいたら、意味がよく分からない用語が出てきたのでメモ。 jsstudy.hatenablog.com レンズ (p.48) レンズ(Lenses)と呼ばれる関数型のアプローチ レンズは、オブジェクトの変更を普遍的に一括管理する最良の選択…

Bootstrapでナビの文字を縦方向の中央に配置する方法

CSS

Webサイトを作るときに、CSSフレームワークのBootstrapを利用しています。 https://getbootstrap.com/ Bootstrap4でナビげーションの中に文字を配置すると、そのままだと上寄せになってしまいました。 ナビゲーションの中にある他のリンクの文字の位置と比べ…

Let's EncryptのSSL証明書を手動で更新する方法

無料のSSL証明書発行サービスのLet's Encryptは便利ですが、証明書の有効期限が短いです。 自動的に更新する設定にしていたつもりが、何らかのトラブルによって自動更新されていなかった場合は、緊急措置として手動で更新する必要があります。 Let's Encrypt…

Visual Studio CodeでPHP中のHTMLを整形するプラグイン

Visual Studio CodeでPHPのファイルを開いたら、HTMLが圧縮(minify)されてて非常に読みづらい状態になってました。→自分がやったことだけどw ちゃんとインデントされた状態に戻したいので、HTMLをフォーマットするプラグインを探してみました。 Visual St…

湊雄一郎さんが凄すぎる件

はてなブックマークを見ていたら、とんでもなくスゴイ人がいました! 量子コンピューターを開発しているMDR株式会社の湊 雄一郎(みなと ゆういちろう)さんという方です。 qiita.com Googleの持ってきた資料には衝撃を受けました。たった一枚のスクリーンシ…

JavaScriptの有向グラフ描画ライブラリー

JavaScriptでマインドマップのようなグラフを描画するライブラリーを探してみました。 有向グラフとは? グラフ理論 - Wikibooks グラフ理論におけるグラフ (Graph)とは、頂点(node)と辺(edge)により構成された図形のことである。 グラフは主に、有向グラ…

【JS学習マラソン】第13回 1.2.10 条件演算子: if, '?'

JavaScript学習マラソンの第13回は、 「現代の JavaScript チュートリアル」パート1の2.10「条件演算子: if, '?'」です。 条件演算子: if, '?' https://ja.javascript.info/ifelse を読んでみます。 プログラムの基本構造 JavaScriptは、プログラミング言語…

イラストでわかりやすく表現する技術

勉強のモチベーションを上げていく方法が紹介されていました。 湊川あいさん(Webデザイナー/マンガ家/技術書執筆)の勉強会資料です。 実践!イラストでわかりやすく表現する技術 グラフィックレコーディングとは? 勉強のコツ その1 図解の手順 勉強のコ…

AMPでWebページの表示を高速化

Webページの表示を高速化する手段として「AMP」という仕組みがあります。 Accelerated Mobile Pages (AMP) とは? Accelerated Mobile Pages - Wikipedia Accelerated Mobile Pages (AMP) は、Googleが中心となって立ち上げた、モバイルでのウェブサイト閲覧…

【JS学習マラソン】第12回 1.2.9 対話: alert, prompt, confirm

JavaScript学習マラソンの第12回は、 「現代の JavaScript チュートリアル」パート1の2.9「対話: alert, prompt, confirm」です。 対話: alert, prompt, confirm https://ja.javascript.info/alert-prompt-confirm を読んでみます。 Webブラウザーのホスト…