はてなブックマークを見ていたら、JavaScriptの教材が紹介されていました。 「現代のJavaScriptチュートリアル」という学習サイトです。 ja.javascript.info 目次 パート１ JavaScript言語 1 導入 1.1 Javascript 入門 1.2 コードエディタ 1.3 開発者コンソ…

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()関数の…

WindowsパソコンからLinuxのWebサーバーにSSHでリモート接続するとき、RLogin等の端末ソフトを使っています。 普通は、１つのSSH接続に対して、１つの操作画面が表示されます。 しかし、同時にいろんなディレクトリーを見ながら作業する場合、画面が１つだと…

Windowsでコマンドプロンプトを起動すると、起動直後はカレントディレクトリ（現在位置）がデフォルトのまま（C:\Windows\System32 など）になっています。 別の作業フォルダに移動するには「cd」コマンドを入力して、移動先のフォルダを手動で指定しないと…

Linuxには、さまざまなディストリビューションがあり、選択肢が豊富です。 普段、サーバー用のLinuxにはCentOS（RedHat系）を使っています。 CentOS - Wikipedia CentOS（セントオーエス）は、Red Hat Enterprise Linux（RHEL）との完全互換を目指したフリー…

Windows10上でLinuxを使うために、VirtualBox＋VagrantでUbuntu 18.04LTSをインストールしてみました。 jsstudy.hatenablog.com Ubuntuのフォルダやファイルのリモート操作には、「WinSCP」を使ってみます。 WinSCPを使うときに、秘密鍵をPuttyGenで変換する…

「Webプログラミングが面白いほどわかる本」という本を参考にして、Windows10にUbuntu 18.04LTSをインストールしてみました。 Webプログラミングが面白いほどわかる本 環境構築からWebサービスの作成まで、はじめからていねいに (N高校のプログラミング教育)…

何かを作るとき、ワクワクする感覚と面倒くさい感覚の両方が混在している場合があります。 アクセル … 楽しい、ワクワク ブレーキ … 辛い、面倒くさい で、問題はこの「面倒くさい」という気持ちですね？ どうしたら、面倒くさいを減らせるか、減らせなくて…

アメリカのシードアクセラレーター「Yコンビネーター」創業者のポール・グレアム氏のアドバイスです。 起業のアイデアを思いつく最高の方法は、次のように自分に問うことだ。 「誰かが自分のためにしてくれるなら、何をしてほしい？」 The best way to come …

Webサイトを作るとき、表示速度を早くするために、静的ページを中心にしたいです。 静的ページ＝早い：Webサーバーに置いたHTMLファイルをそのまま表示 動的ページ＝遅い：アクセスのたびにプログラムでHTMLを生成して表示 Webサイトのコンテンツ制作を管理…

Webサイトをどうやって作っているか？を調べるツールがありました。 「Wappalyzer」というツールです。 www.wappalyzer.com Wappalyzerは、ChromeやFirefoxのプラグインとして提供されており、インストールすると使えます。 ブラウザーでWebサイトを閲覧した…

はてなブックマークを見てたら、無料のJavaScriptの教科書を見つけました。 タグ「JavaScript」 を検索 - はてなブックマーク ECMAScript 2018時代のJavaScript入門書 efcl.info この書籍について · JavaScriptの入門書 #jsprimer これからJavaScriptを始め…

ポール・グレアム氏のエッセイ「ハッカーと画家」を読んでみました。 印象に残った言葉があったのでメモ。 jsstudy.hatenablog.com 素晴らしきハッカー Great Hackers http://practical-scheme.net/trans/gh-j.html ハッカーについてだけ特有な資質というの…

最近、「関数型プログラミングを学ぶ場合、教材は何がいいのか？」と考えてました。 検討する中で、Lispを推奨していたポール・グレアム氏の「ハッカーと画家」という本を思い出しました。 ハッカーと画家 コンピュータ時代の創造者たち 作者: ポールグレア…

MySQLのデータ件数が多くなってくると、だんだん検索が遅くなっていきます。 Elasticsearchという検索エンジンを併用すると、検索の高速化が図れるようです。 （参考） https://vitalify.jp/blog/2017/02/elasticsearch_matome.html 全文検索エンジン「Elast…

PHPのエラーの対処方法をメモ。 PHPで配列のデータ追加時に、以下のようなエラーメッセージが出ました。 Message: [] operator not supported for strings これは配列の初期化の扱いが、PHP7.1から変更されていることが原因のようでした。 （参考） kitaney-…

XAMPPのMySQLの使い方をメモ。 WebサーバーのMySQLをバックアップして、XAMPPのMySQLにリストアしたいです。 データベースを丸ごとバックアップ＆リストアする方法は以下にまとめました。 jsstudy.hatenablog.com データ量が大きくて一発でリストアするのが…

XAMPPのMySQLの使い方をメモ。 Webサーバー（Linux）のMySQLでデータベースをバックアップして、ローカルのWindowsパソコンに入れたXAMPPのMySQLで復元したい場合の手順です。 データベースのバックアップ (1) LinuxサーバーにSSHでログインする。 (2) mysql…

Vue.jsの学習メモ。 jsstudy.hatenablog.com Vue.jsの基本的なコードを見ると、「el」というプロパティーがあるけど、これって何なんだろう？と思いました。 var app = new Vue({ el: '#app', data: { message: 'Hello Vue.js!' } }) ↑この「el: '#app'」と…

Vue.jsの学習メモ。 jsstudy.hatenablog.com テキストのバインディング (p.36) Vue.jsを使って、最も基本的な処理である、画面に文字を表示させるという処理を実現してみます。 （サンプルコード） https://cr-vue.mio3io.com/guide/chapter1.html#テキスト…

Vue.jsの本「基礎から学ぶ Vue.js」を読んでたけど、途中でやめてたので復習！ 最初に読んだ部分を忘れたので、少し戻りますｗ jsstudy.hatenablog.com データをDOMに変換するのがVue.jsの役目 データ駆動、リアクティブ・プログラミング テンプレート、ディ…

Amazonの商品データを取得する方法をメモ。 jsstudy.hatenablog.com 今回は、商品カテゴリーの情報をAPI経由で検索する方法です。 BrowseNodeIdで検索 Amazonの用語で、商品カテゴリーのことを「ブラウズノード」と言います。 各ブラウズノードには「ブラウ…

Amazonの商品データを取得する方法をメモ。 jsstudy.hatenablog.com 今回は、商品カテゴリーを取得する下準備です。 用語・予備知識 アソシエイト・セントラル - ヘルプ ブラウズノード（Browse Node） Amazonではお客様が商品を簡単に探すことができるよう…

CSSフレームワーク「Bootstrap」のバージョンは、今「4」が最新です。 getbootstrap.com 右寄せの変更 BootstrapでHTML要素を右寄せするとき、以前は「pull-right」というクラスを記述してました。 新しいバージョン4では、「pull-right」だと右寄せができま…

GitHubなどで、ユーザーのトレードマークのような画像がありますね。 これは、「identicon」（アイデンティコン）と呼ばれています。 http://identicon.net/ An Identicon is a avatar which represents a hash of unique information. こんなかんじの画像で…

最近話題になっていた記事を見て、ふと思ったこと。 axia.co.jp 勉強しない人はエンジニアには向いていない プライベートで勉強するもしないも本人の自由ですが、Aさんのようにプライベートで勉強したくないという人は、技術職であるエンジニアには向いてい…

Vue.jsの勉強メモ。 jsstudy.hatenablog.com Vueの起動 (p.37) Vueアプリケーションの作成 アプリケーションの作成をはじめるには、コンストラクタ関数Vueを使ってルートとなるVueインスタンスを作成します。 var app = new Vue({ // オプション }) 返り値は…

今日はVue.jsのお勉強。「基礎から学ぶ Vue.js」を読んでます。 jsstudy.hatenablog.com (p.36) 学習用のひな形ファイルを用意 CHAPTER 1 | 基礎から学ぶ Vue.js ↑上記のような「index.html」「main.js」を作って、Chromeで開き、コンソール画面を見ると、以…

FacebookがOCaml風にJavaScriptを書ける「ReasonML」というAltJSを作っていました。 ReasonML - Google 検索 reasonml.github.io qiita.com OCamlは、関数型プログラミング言語の１つです。 OCaml - Wikipedia OCaml（オーキャムル、オーキャメル）は、フラ…

AIを活用した便利なツールがありました。 Webページのデザインを手描きで下書きして、それをHTMLコードに自動で変換してくれる「Sketch 2 Code」というツールです。 Microsoftが、AzureのAIサービスの活用例として公開しているみたいです。 https://sketch2c…