この記事は、プログラミングの専門教育（大学のコンピューターサイエンスなど）を受けておらず、独学でプログラミングを学習している方へ贈るアドバイスです。 ＝タイムマシンがあったら、過去の自分に会いに行って教えたい話です。 （自分で自分に話しかけるつもりで書いてみますｗ） プログラミング言語はひとつマスターすれば他もできる？ - t-hom’s diary [プログラミング] [設計] [教育] プログラミングパラダイムは(1)命令型（チューリングマシン）、(2)宣言型（ラムダ計算）に大別される。両方理解したら全部カバーできる。言語は開発の背景（動機、歴史）を知るとなじみやすい。例：JSはScheme＋Selfで誕生 2019/09/16 06:49 b.hatena.ne.jp ↑はてなブックマークでこの記事が目にとまりました。 なるほどと思いつつ、自分なりに考えてみたことをメモ。 勉強のコツ

プログラミングの上達方法について、はてなブックマークで話題になっていました。 b.hatena.ne.jp またこいつか！ コンピューターサイエンス（CS）とは？ CSの独学方法 定番のタネンバウム本 CSの必要性 初心者に役立つプログラミング学習方法 設計の定番 まとめ またこいつか！ 記事の執筆者は炎上商法の方でした。 （以前ブコメで絡まれたことがあるので覚えていましたｗ） ↓↓↓ オブジェクト指向って便利なの？ - JavaScript勉強会 うへええええ継承による差分プログラミングとか現代に言わないでくれよ。しかも「JSはプロトタイプベースのOOP」を初めとして間違いが多いぞ 2017/03/27 09:42 b.hatena.ne.jp 逆にブコメの間違いを指摘したら、ブコメを非公開にして逃げられました。 jsstudy.hatenablog.com jsstudy.hatena

ReactやReasonのWebサイトを見ていたら、 「Black Lives Matter. Support the Equal Justice Initiative.」 という文言がトップに掲げられていました。 ja.wikipedia.org ブラック・ライヴズ・マター（英: Black Lives Matter、通称「BLM」）は、アフリカ系アメリカ人のコミュニティに端を発した、黒人に対する暴力や構造的な人種差別の撤廃を訴える、国際的な積極行動主義の運動である。特に白人警官による無抵抗な黒人への暴力や殺害、人種による犯罪者に対する不平等な取り扱いへの不満を訴えている。 日本語ページにはなかったけど英語ページにはあったので、黒人差別問題はアメリカでは深刻な話題なんだな〜と実感するとともに、外国のエンジニアはハッキリと自己主張するんだなと思いました。 ReasonReact（英語ページ

はてなブックマークで便利なWebサービスが話題になっていました。 https://anond.hatelabo.jp/20200525021541 anond.hatelabo.jp 記事のトラックバックやブックマークのコメントが参考になりました。 https://b.hatena.ne.jp/entry/s/anond.hatelabo.jp/20200525021541 b.hatena.ne.jp 知らないツールやWebサービスもあったので、良さそうなのをメモ。 情報収集 ウェブ魚拓 RSSリーダー hckr news ノイズレスサーチ 情報整理 start.me 検索デスク Myfaves IFTTT RAINDROP.io Zotero tagtory 情報交換 IRCCloud Trickle Discord タスク管理 Zenkit Habitify 作業の自動化 Zapie

フィンランドのヘルシンキ大学のプログラミング講座が無料で公開されています。 fullstackopen.com Learn React, Redux, Node.js, MongoDB, and GraphQL Reactなど、JavaScriptでWebアプリを作る際に使われる技術について学習できます。 （紹介記事） developer.feedforce.jp この講座をブックマークして、時間だけが過ぎてしまったので、今日から読み始めてみたいと思います。 （今からやらないと年を越してしまう可能性もあるｗ） React利用の説明方法を参考にしてみたいと思います。 ライセンス Authors and License The course material is written by Matti Luukkainen. Numerous people have improved and co

モダンなJavaScriptの要点について紹介された資料がありました。 speakerdeck.com 要点 アロー関数 クラス 非同期処理 各機能の利便性に注目 要点 モダンJavaScript再入門 / Re-introduction to Modern JavaScript - Speaker Deck [JavaScript] [入門] ?slide=12 アロー関数 ・関数の理解はモダンJS理解への近道 ・functionの必要性が減っている / ?slide=15 クラス ・prototypeのことは忘れよう / ?slide=27 非同期処理とは？ ・モダンなWebフロントエンド開発には必須の知識 2019/11/02 13:05 b.hatena.ne.jp アロー関数 関数の理解はモダンJS理解への近道 functionの必要性が減っている クラス prototypeのこ

関数型プログラミングの理解を深めるために、OCamlの本を読んでいます。 プログラミングの基礎 (Computer Science Library) 作者: 浅井健一 出版社/メーカー: サイエンス社 発売日: 2007/03/01 メディア: 単行本 購入: 17人 クリック: 409回 この商品を含むブログ (127件) を見る 「簡約」について調べていたら、分かりやすい説明の記事がありました。 tarao.hatenablog.com ラムダ計算は, 多くのプログラミング言語, とくに関数型言語の原形になっています. ラムダ計算について理解しておくことは, 多くのプログラミング言語の習得に役立つでしょう. ラムダ計算はチューリング完全で, 計算能力としてはふつうのプログラミング言語と同じです. ラムダ計算で計算を書く訓練をしておくことは, 任意の計算を関数のみを使って(他の制御構文を

「JavaScript関数型プログラミング」を読んでいたら、意味がよく分からない用語が出てきたのでメモ。 jsstudy.hatenablog.com レンズ （p.48） レンズ（Lenses）と呼ばれる関数型のアプローチ レンズは、オブジェクトの変更を普遍的に一括管理する最良の選択肢です。 （純粋な）関数参照とも呼ばれるレンズは、状態を持つデータ型の属性を不変的にアクセスし操作できる関数型プログラミングのソリューションです。 レンズの内部的な動作はコピーオンライトに似ており、状態の管理と複製を適切に処理できる内部ストレージコンポーネントを利用しています。 しかし、レンズを自分で実装する必要はありません。 関数型JavaScriptライブラリRamdaの実装を利用できます。 JavaScriptでデータを可変ではなく不変で扱いたい場合、Ramda.jsという関数型ライブラリーのLensと

Webサイトをどうやって作っているか？を調べるツールがありました。 「Wappalyzer」というツールです。 www.wappalyzer.com Wappalyzerは、ChromeやFirefoxのプラグインとして提供されており、インストールすると使えます。 ブラウザーでWebサイトを閲覧したとき、Wappalyzerのアイコンをクリックすると、そのWebサイトで使われているソフトやサービスなどが表示されます。 （例）はてなブックマークを見たときは、以下のような内容が表示されました。 Webサーバーソフトは「Nginx」、キャッシュソフトには「Varnish」を使っていることなどが分かります。 これでいろんなWebサービスを調査してみれば、Webサイト制作の参考になりそうですね！ Wappalyzerの参考情報 forest.watch.impress.co.jp www.leon-

テストサーバーにUbuntuをインストールしましたが、Webサーバーの環境構築は、Docker等の仮想化技術を利用してみたいです。 Dockerで「コンテナ」を作ると、他のサーバーに「コンテナ」ごと移動させることができて、便利みたいです。 Dockerを使うに当たって、Dockerの勉強をしておきたいと思います。 Dockerの情報源 Dockerの仕組み Dockerのインストール Dockerの使い方 Dockerのコンテナ作成 Dockerの本 Kubernetes Dockerの情報源 公式サイト www.docker.com GitHub github.com Wikipedia Docker - Wikipedia Ubuntu用の無料版（Community Edition）のDocker docs.docker.com Dockerの仕組み www.publickey1.jp

最近、関数型プログラミングの基礎知識を学ぶことに時間を割いています。 きっかけは、「関数型プログラミングの基礎 JavaScriptを使って学ぶ」という本でした。 jsstudy.hatenablog.com Haskellに寄り道 「関数型プログラミングの基礎」を読んでいると、ちょいちょい「Haskell」の話が出てきます。 以前、話題になってたのでHaskellの本を読んでみましたが、そのときはあまりよく分かりませんでした。（使う場面もなかったですｗ） 改めて、「Haskellって何だったんだろう？」と思って読み返してみると、「なるほど、そういうことだったのか～」と新たな気付きが得られました。 自分のスキル不足のため、Haskellで実用的なアプリを作る機会はないだろうけど、それでもHaskellは良くできたパズルみたいなかんじで、ちょっとしたコードを書いて練習してみるだけでも楽しめま

JavaScriptでは「継承による差分プログラミング」はモダンではない、という意見がありました。 なるほど、「継承による差分プログラミング」を使わないスタイルもあるんですね？（参考になります） JavaScriptのオブジェクト指向プログラミング OOPのアンチパターン SOLID原則 オブジェクト指向の基本機能 データ構造としてのオブジェクト デメリット メリット PACアーキテクチャー マイクロサービス指向アーキテクチャー JavaScriptのオブジェクト指向プログラミング jsstudy.hatenablog.com オブジェクト指向って便利なの？ - JavaScript勉強会 うへええええ継承による差分プログラミングとか現代に言わないでくれよ。しかも「JSはプロトタイプベースのOOP」を初めとして間違いが多いぞ 2017/03/27 09:42 b.hatena.ne.jp

先日のブログ記事に、たくさんのブックマークをいただきました。 どうもありがとうございます★★★ jsstudy.hatenablog.com ブックマークのコメントで、こんな意見がありました。 オブジェクト指向って便利なの？ - JavaScript勉強会 うへええええ継承による差分プログラミングとか現代に言わないでくれよ。しかも「JSはプロトタイプベースのOOP」を初めとして間違いが多いぞ 2017/03/27 09:42 なるほど、そういう見方もあるんですね？（参考になります） (1) 継承による差分プログラミングは、現代では廃れた古い手法？ (2) JavaScriptはプロトタイプベースのオブジェクト指向プログラミング言語ではない？ 実際のところ、どうなんでしょうか？ 知識は知識として、正確に理解しておきたいです。 勉強がてら、調べてみましょう。 とりあえず、(2)のプロトタイプベ

JavaScriptの勉強をしていて、説明の順番を変えた方がいいかも？と思われる箇所がありました。 →「オブジェクト」という仕組みと、その用語についてです。 jsstudy.hatenablog.com windowやdocumentなど、すべてのオブジェクトは、メソッド以外に「プロパティ」を持っています。 オブジェクトのプロパティとは、そのオブジェクトの状態を表すものです。 「オブジェクト」「プロパティー」「メソッド」…英語の専門用語がいきなりたくさん出てくると、訳が分からなくなるかも！？ JavaScriptの教材を作る場合、 先に、データ構造（変数、定数、配列など）の話を出す。 次に、オブジェクトの話を出す。 という順番が分かりやすいのではないか？と思いました。 （まあ、人それぞれだと思いますが…。） オブジェクト指向プログラミングの仕組みと用語 「プロパティ」や「メソッド」という仕

はてなブログに、プログラムのコードを掲載するとき、色を付けて見やすくする方法がありました。（メモ） ハイライト表示とは？ プログラムのコードに色を付けて、見やすくする表示方法のことです。 コード・ハイライトは、シンタックス・ハイライトとも言います。（いろんな呼び方があるんですね） シンタックスハイライト - Wikipedia シンタックスハイライト（英: Syntax highlighting）とは、テキストエディタの機能であり、テキスト中の一部分をその分類ごとに異なる色やフォントで表示するものである。 シンタックスカラーリング（英: Syntax coloring）とも。 この機能により、プログラミング言語やマークアップ言語といった構造化された言語において、その構造や構文上のエラーが視覚的に区別しやすくなるため、ソースコードの記述が容易となる。 はてなブログのモード はてなブログの編集

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第2章を読んでみます。 jsstudy.hatenablog.com 2.3 ダイアログボックスを表示する アラートダイアログボックス ダイアログボックスとは？ 2.3 ダイアログボックスを表示する (p.50) コンソールに続いて紹介する２つ目のアウトプットは、ダイアログボックスへのアウトプットです。 使い方はconsole.logとほとんど変わらず、簡単です。 <body> <script> window.alert('出力したい文字や計算式など'); </script> </body> 上記のHTMLファイルをChromeで開くと、以下のようなアラートダイアログボックスが表示されました。 「OK」ボタンか、右上の「×」ボタンをクリックすると、消えます。 アラートダイアログボックス windo

プログラミングの初心者が、短期間でWebサイトの作成方法を学ぶには、どのような順番で勉強していけば良いでしょうか？ 今回は、基本となる技術要素を検討してみます。 Webサイト制作に関わる知識はたくさんありますが、まずは基本となる骨格を作り、さらに周辺の知識を肉付けしていけば、時間の短縮になると思います。 1周目：基本 1周目のWebデザイン 1周目のWebプログラミング 1周目のWebサーバー管理 2周目：肉付け 2周目のWebデザイン 2周目のWebプログラミング 2周目のWebサーバー管理 3周目 分類の方法にも拠りますが、Web開発には主に３つの分野／技術要素があります。 Webデザイン Webプログラミング Webサーバー管理 それぞれに必要となってくる知識を見てみましょう。 イラスト図解式 この一冊で全部わかるWeb制作と運用の基本 作者:NRIネットコム株式会社,小出修平,塚田

JavaScriptに、ちょっと便利な用途がありました！ Macには、操作を自動化できるAppleScriptという道具が用意されています。 このAppleScriptの代わりに、JavaScriptも使えるようになっていました。 JavaScript for Automation (JXA)とは？ qiita.com AppleScriptの代わりにJavaScriptを使えるようになってました。 Yosemiteからの新機能だそうです。 JXAとも呼ばれています。 そもそも、AppleScriptって何？ AppleScript - Wikipedia AppleScript（アップルスクリプト）は、アップルが開発したClassic Mac OS/macOS用のオブジェクト指向のスクリプト言語。 AppleScriptはMac OSのスクリプティング機構Open Scripting A

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第2章を読んでみます。 jsstudy.hatenablog.com 2.2 JavaScriptはどこに書く？ HTMLドキュメントに直接JavaScriptを書く方法 <script>にtype属性を含める必要はない HTML5の<script>タグ HTML4以前の<script>タグ JavaScriptファイルを読み込む 外部JavaScriptファイルの読み込み JavaScriptが実行される順序 JavaScriptは外部ファイルに書くのが一般的 ファイルの文字コード形式は「UTF-8」に コメント文 まとめ 2.2 JavaScriptはどこに書く？ (p.44) <script>タグとJavaScriptの記述場所 HTMLにJavaScriptを直接記述する方法 JavaSc

005 JavaScriptのプログラミングと動作の仕組み - YouTube （3分5秒） JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第1章を読んでみます。 jsstudy.hatenablog.com 1.3 JavaScriptの「プログラミング」と動作の仕組み イメージしてみよう ～ インプット→加工→アウトプット いつそれをする？ ～ イベント 1.3 JavaScriptの「プログラミング」と動作の仕組み (p.13) JavaScriptの特徴 ブラウザで実行され、ブラウザを操作することができる HTMLやCSSにはできないことをするために使う HTMLやCSSをリアルタイムに書き換えることができる［最重要］ イメージしてみよう ～ インプット→加工→アウトプット (p.13) ショッピングサイトのお会計ページで、商品の数量