JavaScript学習マラソンの第8回は、 「現代の JavaScript チュートリアル」パート１の2.5「データ型」です。 データ型 https://ja.javascript.info/types を読んでみます。 データの型（Type） コンピューターのプログラムは、 データ 処理 という２つの構成要素から成り立っています。 データには種類があり、データの「型」で分類することができます。 データ型 - Wikipedia データ型（データがた、data type）とは、（コンピュータにおける）データ（値）の種類に関する分類である。データタイプとも。 具体的にいうと、たとえば 0, 1, 2, -42 といったような値は整数型であり、"foo", "Hello" といったような値は文字列型である。 JavaScriptでは、７種類の型が用意されています。 number型：　整数と浮

Ubuntuのテストサーバーにnodebrewをインストールしてみます。 nodebrewは、Node.jsのバージョン管理ツールです。 github.com nodebrewのインストール方法 Ubuntuのバージョンは、18.04LTSです。 curlコマンドを使う場合 Ubuntuのコンソール画面で、次のコマンドを入力します。 $ curl -L git.io/nodebrew | perl - setup wgetを使う場合 これでうまくいかない場合は、別の方法で試してみます。 （いったん、Perlのスクリプトファイルをダウンロードする。その後Perlで実行する。） $ wget git.io/nodebrew $ perl nodebrew setup Windows10上にVagrantで入れたUbuntuの場合、仮想マシン内部から外部へのインターネットアクセスがおかしくなる場

Linuxサーバーを操作するとき、設定ファイルなどをviエディターで編集する機会が多いです。 vi - Wikipedia vi（ヴィーアイ）は、Emacsと共にUNIX環境で人気があるテキストエディタ。 名の由来はVIsual editorないしVisual Interfaceとされる。 後発のUnix系OSに搭載されているviは、上位互換のVimやnviであることが多い（viコマンドでvimやnviが起動する）。 viには、使い方を練習するための「vimtutor」という教材が用意されています。 （viがインストールされていれば「vimtutor」とコマンドを打つことで練習できます。） viは、「モードの切り替え」さえ覚えれば、あとは適当でもなんとか使えますが、せっかく便利な機能がたくさん用意されているので、使わないのはもったいないですねｗ vimtutorで、viの基本を再確認して、

JavaScript学習マラソンの第7回は、 「現代の JavaScript チュートリアル」パート１の2.4「変数」です。 変数 https://ja.javascript.info/variables を読んでみます。 変数 変数の特徴 letキーワード 変数の値の再代入 定数 定数の特徴 constキーワード 「var」キーワード まとめ 変数 コンピューターのプログラムは、 データ 処理 という２つの構成要素から成り立っています。 プログラムでデータを扱う仕組みとして、「変数」や「定数」があります。 変数 (プログラミング) - Wikipedia プログラミングにおいて、変数（へんすう、variable）とは、プログラムのソースコードにおいて、扱われるデータを一定期間記憶し必要なときに利用できるようにするために、データに固有の名前を与えたものである。 一人一人の人間が異なる名前に

JavaScript学習マラソンの第6回は、 「現代の JavaScript チュートリアル」パート１の2.3「モダンなモード, "use strict"」です。 モダンなモード, "use strict" https://ja.javascript.info/strict-mode を読んでみます。 Strict モード（厳格モード） JavaScriptには、「Strictモード」という仕組みが用意されています。 "use strict" ディレクティブは “最新” モードにエンジンを切り替え、いくつかの組み込みの機能の振る舞いを変更します。 JavaScriptの文法は、バージョンアップを重ねる度にちょっとずつ変わってます。 JavaScriptのコードを古い文法ではなく新しい文法で書く場合、JavaScriptのコードを解釈するコンパイラーに対して、「最新のバージョンでコードを解釈

JavaScript学習マラソンの第5回は、 「現代の JavaScript チュートリアル」パート１の2.2「コード構造」です。 コード構造 https://ja.javascript.info/structure を読んでみます。 文末の区切りはセミコロン「;」 JavaScriptの命令文は、区切りとして文末にセミコロン「;」を付けます。 セミコロンの省略 文末のセミコロンを省略しても、JavaScriptには「自動セミコロン挿入」という機能があって、省略された文末のセミコロンが自動的に補われて、プログラムは動作します。 https://tc39.github.io/ecma262/#sec-automatic-semicolon-insertion 自動セミコロン挿入の欠点 しかし、「自動セミコロン挿入」にも欠点があり、プログラマーが思っているのとは違う形でセミコロンが挿入されてし

JavaScript学習マラソンの第4回は、 「現代の JavaScript チュートリアル」パート１の2.1「Hello, world!」です。 Hello, world! https://ja.javascript.info/hello-world を読んでみます。 <script>タグ チュートリアルでは、JavaScriptをHTMLページに組み込んで使う方法で練習しています。 HTMLページにJavaScriptのプログラムを埋め込むには、<script>タグを使います。 <script>タグの使い方 www.htmq.com <script> - スクリプト - とほほのWWW入門 <script>タグでJavaScriptのプログラムを埋め込む方法は、2種類あります。 コードを直接書く方法 コードを書いた外部ファイルを読み込む方法 ちょっとした短いコードなら、(1)「直接書く

JavaScript学習マラソンの第3回は、 「現代の JavaScript チュートリアル」パート１の1.3「開発者コンソール」です。 開発者コンソール https://ja.javascript.info/devtools を読んでみます。 ブラウザーについているデバッガー JavaScriptの学習で、Webブラウザーには「Google Chrome」を使ってみます。 Google Chrome - Wikipedia Google Chrome（グーグル・クローム）は、HTMLレンダリングエンジンにBlinkを採用し、Googleが開発しているウェブブラウザである。 www.google.co.jp Chromeには、「デベロッパーツール」というデバッガーが付いています。 デバッガ - Wikipedia デバッガ（Debugger）とは、デバッグを支援するプログラムのこと。 対話

JavaScript学習マラソンの第2回は、 「現代の JavaScript チュートリアル」パート１の1.2「コードエディタ」です。 コードエディタ https://ja.javascript.info/code-editors を読んでみます。 IDE JavaScriptでプログラムを書くときに便利なIDEやエディターが、いろいろ紹介されていますね。 統合開発環境 - Wikipedia 統合開発環境（とうごうかいはつかんきょう）、IDE (Integrated Development Environment) は、ソフトウェアの開発環境。 統合開発環境を使うことによって、巨大かつ複雑なソフトウェアでも、作成者に負担をかけることなく開発することが可能になる。 Visual Studio Code 個人的には、今なら「Visual Studio Code」（無料）で良いかなと思います。

JavaScript学習マラソンの第1回は、 「現代の JavaScript チュートリアル」パート１の1.1「Javascript 入門」です。 Javascript 入門 https://ja.javascript.info/intro を読んでみます。 JavaScriptの発祥 JavaScriptは、最初Webページにプログラムを組み込むためのプログラミング言語として開発されました。 今は他の用途も広がりましたが、やはり多いのはWebサイトでの使用ですかね。 JavaScript - Wikipedia 登場時期　1995年 設計者　ブレンダン・アイク 影響を受けた言語　C言語、Java、Perl、Python、Scheme、Self JavaScriptの特徴 JavaScriptは、SchemeやSelfも参考にして作られたので、その特徴があります。 Schemeは、Lisp

勉強は短距離走ではなく長距離走と似ている、という話がありました。 「現代のJavaScriptチュートリアル」というJavaScriptの素晴らしい教材（無料）があったので、これを勉強して最後まで完走してみたいと思います。 jsstudy.hatenablog.com ja.javascript.info （オリジナル）英語版 javascript.info 知識ゼロからのJavaScript入門 作者: 小笠原寛 出版社/メーカー: 技術評論社 発売日: 2018/08/08 メディア: 単行本（ソフトカバー） この商品を含むブログを見る

はてなブックマークを見ていたら、JavaScriptの教材が紹介されていました。 「現代のJavaScriptチュートリアル」という学習サイトです。 ja.javascript.info 目次 パート１　JavaScript言語 1　導入 1.1　Javascript 入門 1.2　コードエディタ 1.3　開発者コンソール 2　JavaScript の基礎 2.1　Hello, world! 2.2　コード構造 2.3　モダンなモード, "use strict" 2.4　変数 2.5　データ型 2.6　型変換 2.7　演算子 2.8　比較 2.9　対話: alert, prompt, confirm 2.10　条件演算子: if, '?' 2.11　論理演算子 2.12　ループ: while と for 2.13　switch文 2.14　関数 2.15　関数式とアロー 2.16　Java

WebサーバーのPHPを7.2にバージョンアップしたら、エラーメッセージが出るようになりました。 A PHP Error was encountered Severity: Warning Message: count(): Parameter must be an array or an object that implements Countable PHP7.2でcount()関数の仕様が変わり、引数には数えられる配列やオブジェクトがないとダメになりました。 空の配列でもWarningのエラーが出ます。（この扱いの変更が困る） qiita.com 前のバージョンではcount(NULL)に対して0を返していたが、PHP7.2からwarningを出しているとのこと。 つまり、countを使いたい、でも変数の中身が配列またはオブジェクトの場合もあるし、NULLを返す場合もあるよという時に

WindowsパソコンからLinuxのWebサーバーにSSHでリモート接続するとき、RLogin等の端末ソフトを使っています。 普通は、１つのSSH接続に対して、１つの操作画面が表示されます。 しかし、同時にいろんなディレクトリーを見ながら作業する場合、画面が１つだとディレクトリーの切り替えが忙しくて不便です。 端末ソフトを複数立ち上げて、画面を増やしても良いのですが、「tmux」というソフトを使うと、１つの端末ソフトで複数の画面を表示させることができるようになります。 tmuxとは？ tmux - Wikipedia tmux is a terminal multiplexer for Unix-like operating systems. It allows multiple terminal sessions to be accessed simultaneously in a s

Windowsでコマンドプロンプトを起動すると、起動直後はカレントディレクトリ（現在位置）がデフォルトのまま（C:\Windows\System32 など）になっています。 別の作業フォルダに移動するには「cd」コマンドを入力して、移動先のフォルダを手動で指定しないといけません。 毎回同じフォルダに移動する場合は面倒なので、コマンドプロンプトのカレントディレクトリを指定して起動させる方法を調べてみました。 バッチファイルを作る バッチファイル - Wikipedia バッチファイル（Batch File）とは、MS-DOS、OS/2、Windowsでのコマンドプロンプト（シェル）に行わせたい命令列をテキストファイルに記述したもの。 バッチファイルを実行すると、シェルプログラム（一般に COMMAND.COMやcmd.exe）がそのファイルを読み、その中のコマンドを（通常）一行ずつ実行する。

Linuxには、さまざまなディストリビューションがあり、選択肢が豊富です。 普段、サーバー用のLinuxにはCentOS（RedHat系）を使っています。 CentOS - Wikipedia CentOS（セントオーエス）は、Red Hat Enterprise Linux（RHEL）との完全互換を目指したフリーのLinuxディストリビューションである。 CentOSを選んでいる理由は特になくて、「VPSのデフォルトOSとして推奨されていたから」程度ですｗ VPSチュートリアル – さくらのVPSニュース チュートリアル：CentOS 7（さくらのVPS）サーバ作成直後に設定しておくべき初期セキュリティ設定 – さくらのVPSニュース 一方、デスクトップ用のLinuxは、Ubuntu（Debian系）を使っています。 Ubuntu - Wikipedia Ubuntu（ウブントゥ）はDe

Windows10上でLinuxを使うために、VirtualBox＋VagrantでUbuntu 18.04LTSをインストールしてみました。 jsstudy.hatenablog.com Ubuntuのフォルダやファイルのリモート操作には、「WinSCP」を使ってみます。 WinSCPを使うときに、秘密鍵をPuttyGenで変換する必要があったので、作業内容をメモ。（備忘録） WinSCPとは？ WinSCPは、Windows用のファイル転送ソフトです。 コンピューター間の通信内容を暗号化して、安全にデータをやりとりできます。 以下のページを参考にして、WinSCPを用意します。 jsstudy.hatenablog.com WinSCPの設定 前回の内容を参考にして、WinSCPでSSHの接続情報を入力します。 ＝VagrantでUbuntuを起動して、コマンドプロンプトで「vagra

「Webプログラミングが面白いほどわかる本」という本を参考にして、Windows10にUbuntu 18.04LTSをインストールしてみました。 Webプログラミングが面白いほどわかる本 環境構築からWebサービスの作成まで、はじめからていねいに (N高校のプログラミング教育) 作者: 吉村総一郎 出版社/メーカー: KADOKAWA 発売日: 2018/06/22 メディア: 単行本 この商品を含むブログを見る この本は、カラー図解で丁寧に操作手順が説明されており、とても分かりやすい本でした！ Ubuntuの利用方針 登場するツール VirtualBoxの用意 VirtualBoxとは？ VirtualBoxのインストーラーをダウンロード VirtualBoxをインストール Vagrantの用意 Vagrantとは？ Vagrantのインストーラーをダウンロード Vagrantをインスト

何かを作るとき、ワクワクする感覚と面倒くさい感覚の両方が混在している場合があります。 アクセル … 楽しい、ワクワク ブレーキ … 辛い、面倒くさい で、問題はこの「面倒くさい」という気持ちですね？ どうしたら、面倒くさいを減らせるか、減らせなくても影響を軽減化できるか、を考えるヒントがありました。 「構想がでかすぎて作りきれない」問題 「技術的にしんどい」問題 「未経験な技術はできるだけ使わない、使っても1つだけにしよう」問題 「技術習得と、新規開発はできるだけ分離しよう」問題 まとめ blog.nabettu.com いや～ʬʬʬʬʬʬʬʬʬʬʬʬ分かりみʬʬʬʬʬʬʬʬʬʬʬʬ深すぎʬʬʬʬʬʬʬʬʬʬʬʬ まあ、みんな同じ悩みを抱えてるんですね！？ （ブログ主様は「Vue.jsとFirebaseで作るミニWebサービス」の著者の方でした。） 改訂新版　Vue.jsとFirebase

アメリカのシードアクセラレーター「Yコンビネーター」創業者のポール・グレアム氏のアドバイスです。 起業のアイデアを思いつく最高の方法は、次のように自分に問うことだ。 「誰かが自分のためにしてくれるなら、何をしてほしい？」 The best way to come up with startup ideas is to ask yourself the question: what do you wish someone would make for you? イメージとしては「ドラえもんがいたら何を頼むか？」というかんじでしょうか？ （出典）Organic Startup Ideas http://www.paulgraham.com/organic.html （翻訳）らいおんの隠れ家 : ポール・グレアム「自然発生的な起業のアイデア」 http://blog.livedoor.jp/li