JavaScript勉強会

JavaScriptの学習日記

2018-09-01から1ヶ月間の記事一覧

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…