JavaScript勉強会

JavaScriptの学習日記

Vue.js テキストのバインディング

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

Vue.jsのキーコンセプト

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

Amazonの商品カテゴリー情報 ブラウズノード検索

API

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

Amazonの商品カテゴリー情報 最上位のブラウズノード

API

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

Bootstrap v4の右寄せ方法が変更されてた

CSS

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

JavaScriptでidenticonを表示する方法

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

「プライベートでは一切プログラミングしたくない」というプログラマーはいるのか?

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

Vueアプリの起動

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

Vue Devtoolsのインストール

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

OCaml風にJavaScriptを書けるReasonML

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

手描きの絵からHTMLコードを作ってくれる「Sketch 2 Code」

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

ASINから商品データを取得する方法

API

Amazonの商品データを取得する方法をメモ。 jsstudy.hatenablog.com 今回は、ASINで検索して商品データを取得する方法です。 ASINとは? Amazon.co.jp ヘルプ: ISBN/ASINについて ASINは「Amazon Standard Identification Number」の略で、Amazonグループが…

PHPで文字列を短いハッシュ値に変える方法

PHP

データベースに長い文字列を保存するとき、主キー(データを区別する背番号)として使える短い文字列も用意できると便利です。 PHPの場合、どんな方法が使えるか?調べてみました。 PHP 短いハッシュ - Google 検索 CRC32を使う方法 チェック用の短いハッシ…

Amazon APIのリクエストURLを組み立てる方法

API

Amazonの商品データを取得する方法をメモ。 jsstudy.hatenablog.com 今回は、AmazonのProduct Advertising APIでデータを取得するために、リクエストURLを組み立てる方法です。 APIのアクセスキーと秘密キーを取得 まず最初にAmazonに登録して、API利用に必…

Amazon商品データの取得方法

API

Amazonの商品データを取得する方法をメモ。 Product Advertising API Amazon APIのリクエストURLを組み立てる方法 ASINから商品データを取得する方法 ASINから商品のカテゴリー情報を取得する方法 ASINから関連商品の情報を取得する方法 スクレイピング HTML…

WinSCP Portableの日本語化

WebサーバーにSSHで接続して、ファイルをアップロードするとき、WinSCPというGUIツールが便利です。 WinSCP - Wikipedia ja.osdn.net WinSCPは、Windows向けのオープンソースのSFTPおよびFTPクライアントであり、旧来のSCPプロトコルもサポートしており、ロ…

Visual Studio Codeの日本語化

Visual Studio Codeをインストールしたら、メニューが英語になっていました。 英語の公式サイトからダウンロードしたインストーラーを使ったせいでしょうか? https://code.visualstudio.com/ (インストールするときの設定に関する質問も全部英文でした。)…

WordPressのプラグイン

WordPressの使い方メモ。 今回はWordPressのプラグインです。 jsstudy.hatenablog.com プラグイン WordPressの機能を拡張するための「プラグイン」が、いろいろ用意されています。 https://ja.wordpress.org/plugins/ WordPressにプラグインを追加する方法は…

WordPressのインストール

WordPressの使い方メモ。 今回はWordPressのインストールです。 jsstudy.hatenablog.com インストール 前回、WordPressのインストーラーをダウンロードした後の続きの作業です。 WordPressのダウンロード - JavaScript勉強会 WordPressの公式サイトにあるイ…

WordPressのダウンロード

WordPressの使い方メモ。 今回はWordPressのダウンロードです。 jsstudy.hatenablog.com ダウンロード WordPressの公式サイトから、日本語のインストーラーのZIP圧縮ファイルをダウンロードします。 https://ja.wordpress.org/download/ 最新のバージョンは…

WordPressでホームページを作る方法

WordPressでホームページを作る方法を学んでみます。 学習メモのまとめです。 WordPressとは? WordPressは、ブログを作るソフトウェア ブログだけでなく、CMS(コンテンツ管理システム)としても使われている。 PHPとMySQLで動作している。 GPLライセンスで…

WordPressのメールフォーム「Contact Form 7」

最近、WordPressでホームページを作る方法を学んでいます。 WordPressの調査 - JavaScript勉強会 今回は、WordPressのメールフォームについて調べてみました。 Contact Form 7とは? WordPressはプラグインで機能を拡張できます。 WordPressにメールフォーム…

WordPressの調査

知り合いから、ホームページの制作について相談されました。 「こんなかんじのホームページを作ってみたい」とのことで、そのWebサイトのHTMLソースコードを見てみると、WordPressを使って作られていました。 WordPressでホームページを作る方法について、学…

基礎から学ぶ Vue.js 【目次】

JavaScriptフレームワークの「Vue.js」の使い方を学ぶために「基礎から学ぶ Vue.js」という本を読んでみます。 基礎から学ぶ Vue.js 作者: mio 出版社/メーカー: シーアンドアール研究所 発売日: 2018/05/29 メディア: 単行本(ソフトカバー) この商品を含…

JavaScriptフレームワークの本

Amazonを見ていたら、JavaScriptの新刊がいろいろありました。 その中で気になった本をいくつかメモ。 React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロントエンド開発 React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロン…

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発

ChromeやSafariなどのモダンブラウザーは、ほぼES2015の機能をカバーしているようなので、今後は生でJavaScriptを書くときでもES2015で良いでしょうか? ↓ブラウザーの対応状況一覧表 ECMAScript 6 compatibility table ↓回答者のアドバイスが参考になります…

スタートアップが失敗する確率は93%

起業して成功する確率は7%という話がありました。 lrandcom.com アメリカの起業家養成スクール「Yコンビネーター」の創業者、ポール・グレアム氏によれば、スタートアップの成功は7%しかなく(成功の定義は最低40億円以上の企業価値をつけること)、Dropboxや…

UNIXという考え方

プログラムの設計について参考になる本がありました。 「UNIXの考え方」という本です。 小さなプログラムを組み合わせて大きなシステムを作る。 プログラムはデータを作るものではなく、データを加工するフィルターである。 UNIXという考え方―その設計思想と…

UbuntuのFirefoxにAdobe Flash Playerのプラグインを追加する方法

UbuntuのFirefoxで再生できない動画がありました。 Firefoxに動画再生のプラグインを追加したら、動画が見られるようになりました。 support.mozilla.org Firefox は、HTML5 音声や動画コンテンツ をウェブページ上で再生できますが、他のコンテンツでは、他…

Ubuntuで日本語入力がおかしくなったときは、カタカナひらがなローマ字キーを押してみる

Ubuntuで日本語を入力しているとき、ひらがながアルファベットになってしまう現象に出くわしました。 以前に、「半角/全角」キーで、日本語入力と英語入力を切り替えられるようにしましたが、それとは別のトラブルです。 jsstudy.hatenablog.com (2) 日本語…