JavaScript勉強会

JavaScriptの学習日記

2019-01-01から1年間の記事一覧

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ブラウザーのホスト…

NginxでIPアドレスのアクセス制限を設定する方法

Webサーバーのエラーログを見たら、海外からのアタックがたくさんありました。 日本国内から見られるだけでOKのサイトに関しては、IPアドレスによるアクセス制限を設定して、海外からのアタックを阻止してみます。 国別IPアドレスによってアクセスの許可と拒…

GoogleのIPアドレスを調べる方法

Webサーバーにアクセス制限を設定して、外部からサーバーへの攻撃を防御しています。 利用しているGoogleのサービスからのアクセスは通さないといけないので、GoogleのIPアドレスを調べてみました。 Googleのサービスには、どんなIPアドレスが割り当てられて…

【JS学習マラソン】第11回 1.2.8 比較

JavaScript学習マラソンの第11回は、 「現代の JavaScript チュートリアル」パート1の2.8「比較」です。 比較 https://ja.javascript.info/comparison を読んでみます。 比較とは? aとbが同じか、違うか? 違う場合は、大きいか、小さいか? などというこ…

プログラミングの勉強は部品集めと同じ

新たにプログラミング言語を学ぶとき、他のプログラミング言語とほぼ同じような機能が用意されていることが分かります。 つまり、今どきのプログラミング言語なら、どれも似たようなもので、余程のことがない限り、全然見たことも聞いたこともないような突飛…

Webアプリの作成でPHPとGoの使い分け方

Webアプリを作るとき、PHPよりもGo言語の方が動作が高速です。 jsstudy.hatenablog.com しかし、Go言語はPHPと比べてコードを書くのが少し面倒です。 Go言語の使い方について、参考になる意見がありました。 www.yunabe.jp なぜGoは”悪い”言語なのか Goに対…

GoとPHPの処理速度の比較

コンパイル言語のGoはスクリプト言語のPHPよりも動作が速いですが、どれぐらい速いのでしょうか? 検索したら、いろいろな比較データが紹介されていました。 PHP Go 速度 比較 - Google 検索 tech.a-listers.jp liginc.co.jp www.techempower.com PHPやPytho…

基礎からわかる Go言語

最近、Goを勉強しています。 Goの文法はシンプルで覚えることが少ないです。 ゴルーチンによる並列化を試してみたいです。 改訂2版 基礎からわかる Go言語 作者: 古川昇 出版社/メーカー: シーアンドアール研究所 発売日: 2015/07/17 メディア: 単行本(ソフ…

【JS学習マラソン】第10回 1.2.7 演算子

JavaScript学習マラソンの第10回は、 「現代の JavaScript チュートリアル」パート1の2.7「演算子」です。 演算子 https://ja.javascript.info/operators を読んでみます。 演算子とは? 演算子の多くは既に学校で学んでおり、よく知られています。加算 +, …

【JS学習マラソン】第9回 1.2.6 型変換

JavaScript学習マラソンの第9回は、 「現代の JavaScript チュートリアル」パート1の2.6「型変換」です。 型変換 https://ja.javascript.info/type-conversions を読んでみます。 型変換とは? 型変換 - Wikipedia 型変換(かたへんかん、英: type conversi…

Ubuntuでnodebrewをインストールする方法

Ubuntuのテストサーバーにnodebrewをインストールしてみます。 nodebrewは、Node.jsのバージョン管理ツールです。 github.com nodebrewのインストール方法 Ubuntuのバージョンは、18.04LTSです。 curlコマンドを使う場合 Ubuntuのコンソール画面で、次のコマ…

vimtutorでviエディターの練習

Linuxサーバーを操作するとき、設定ファイルなどをviエディターで編集する機会が多いです。 vi - Wikipedia vi(ヴィーアイ)は、Emacsと共にUNIX環境で人気があるテキストエディタ。 名の由来はVIsual editorないしVisual Interfaceとされる。 後発のUnix系…

【JS学習マラソン】第8回 1.2.5 データ型

JavaScript学習マラソンの第8回は、 「現代の JavaScript チュートリアル」パート1の2.5「データ型」です。 データ型 https://ja.javascript.info/types を読んでみます。 データの型(Type) コンピューターのプログラムは、 データ 処理 という2つの構成…

【JS学習マラソン】第7回 1.2.4 変数

JavaScript学習マラソンの第7回は、 「現代の JavaScript チュートリアル」パート1の2.4「変数」です。 変数 https://ja.javascript.info/variables を読んでみます。 変数 変数の特徴 letキーワード 変数の値の再代入 定数 定数の特徴 constキーワード 「v…

【JS学習マラソン】第6回 1.2.3 モダンなモード, "use strict"

JavaScript学習マラソンの第6回は、 「現代の JavaScript チュートリアル」パート1の2.3「モダンなモード, "use strict"」です。 モダンなモード, "use strict" https://ja.javascript.info/strict-mode を読んでみます。 Strict モード(厳格モード) Java…

【JS学習マラソン】第5回 1.2.2 コード構造

JavaScript学習マラソンの第5回は、 「現代の JavaScript チュートリアル」パート1の2.2「コード構造」です。 コード構造 https://ja.javascript.info/structure を読んでみます。 文末の区切りはセミコロン「;」 JavaScriptの命令文は、区切りとして文末に…

【JS学習マラソン】第4回 1.2.1 Hello, world!

JavaScript学習マラソンの第4回は、 「現代の JavaScript チュートリアル」パート1の2.1「Hello, world!」です。 Hello, world! https://ja.javascript.info/hello-world を読んでみます。 <script>タグ チュートリアルでは、JavaScriptをHTMLページに組み込んで使…

【JS学習マラソン】第3回 1.1.3 開発者コンソール

JavaScript学習マラソンの第3回は、 「現代の JavaScript チュートリアル」パート1の1.3「開発者コンソール」です。 開発者コンソール https://ja.javascript.info/devtools を読んでみます。 ブラウザーについているデバッガー JavaScriptの学習で、Webブ…

【JS学習マラソン】第2回 1.1.2 コードエディタ

JavaScript学習マラソンの第2回は、 「現代の JavaScript チュートリアル」パート1の1.2「コードエディタ」です。 コードエディタ https://ja.javascript.info/code-editors を読んでみます。 IDE JavaScriptでプログラムを書くときに便利なIDEやエディター…

【JS学習マラソン】第1回 1.1.1 Javascript 入門

JavaScript学習マラソンの第1回は、 「現代の JavaScript チュートリアル」パート1の1.1「Javascript 入門」です。 Javascript 入門 https://ja.javascript.info/intro を読んでみます。 JavaScriptの発祥 JavaScriptは、最初Webページにプログラムを組み込…

「現代の JavaScript チュートリアル」で学習マラソン

勉強は短距離走ではなく長距離走と似ている、という話がありました。 「現代のJavaScriptチュートリアル」というJavaScriptの素晴らしい教材(無料)があったので、これを勉強して最後まで完走してみたいと思います。 jsstudy.hatenablog.com ja.javascript.…