【学習メモ】JavaScriptコードレシピ集 その12

JavaScriptコードレシピ集 の学習メモ 続きです。 JavaScript コードレシピ集作者: 池田泰延,鹿野壮出版社/メーカー: 技術評論社発売日: 2019/01/25メディア: 単行本(ソフトカバー)この商品を含むブログを見る Chapter13 処理の実行タイミングを制御する C…

【学習メモ】JavaScriptコードレシピ集 その11

JavaScriptコードレシピ集 の学習メモ 続きです。 JavaScript コードレシピ集作者: 池田泰延,鹿野壮出版社/メーカー: 技術評論社発売日: 2019/01/25メディア: 単行本(ソフトカバー)この商品を含むブログを見る Chapter11 画像・音声・動画の取り扱い 191 …

【学習メモ】JavaScriptコードレシピ集 その10

JavaScriptコードレシピ集 の学習メモ 続きです。 JavaScript コードレシピ集作者: 池田泰延,鹿野壮出版社/メーカー: 技術評論社発売日: 2019/01/25メディア: 単行本(ソフトカバー)この商品を含むブログを見る Chapter10 アニメーションの作成 181 CSS Tra…

【学習メモ】JavaScriptコードレシピ集 その9

JavaScriptコードレシピ集 の学習メモ 続きです。 JavaScript コードレシピ集作者: 池田泰延,鹿野壮出版社/メーカー: 技術評論社発売日: 2019/01/25メディア: 単行本(ソフトカバー)この商品を含むブログを見る Chapter9 フォーム要素の操作方法 161 テキス…

【学習メモ】JavaScriptコードレシピ集 その8

JavaScriptコードレシピ集 の学習メモ 続きです。 JavaScript コードレシピ集作者: 池田泰延,鹿野壮出版社/メーカー: 技術評論社発売日: 2019/01/25メディア: 単行本(ソフトカバー)この商品を含むブログを見る Chapter8 HTML要素の操作方法 DOM操作まわり…

【学習メモ】JavaScriptコードレシピ集 その7

JavaScriptコードレシピ集 の学習メモ 続きです。 JavaScript コードレシピ集作者: 池田泰延,鹿野壮出版社/メーカー: 技術評論社発売日: 2019/01/25メディア: 単行本(ソフトカバー)この商品を含むブログを見る Chapter 7 ユーザーアクションの取り扱い 114…

【学習メモ】JavaScriptコードレシピ集 その6

JavaScriptコードレシピ集 の学習メモ 続きです。 JavaScript コードレシピ集作者: 池田泰延,鹿野壮出版社/メーカー: 技術評論社発売日: 2019/01/25メディア: 単行本(ソフトカバー)この商品を含むブログを見る Chapter 6 ブラウザーの操作方法 jQuery でば…

【学習メモ】JavaScriptコードレシピ集 その5

JavaScriptコードレシピ集 の学習メモ 続きです。 JavaScript コードレシピ集作者: 池田泰延,鹿野壮出版社/メーカー: 技術評論社発売日: 2019/01/25メディア: 単行本(ソフトカバー)この商品を含むブログを見る Chapter 5 日付や時間の取り扱い 085 曜日を…

【学習メモ】JavaScriptコードレシピ集 その4

JavaScriptコードレシピ集 の学習メモ 続きです。 JavaScript コードレシピ集作者: 池田泰延,鹿野壮出版社/メーカー: 技術評論社発売日: 2019/01/25メディア: 単行本(ソフトカバー)この商品を含むブログを見る Chapter 4 データについて深く知る データ =…

【学習メモ】JavaScriptコードレシピ集 その3

JavaScriptコードレシピ集 の学習メモ 続きです。 JavaScript コードレシピ集作者: 池田泰延,鹿野壮出版社/メーカー: 技術評論社発売日: 2019/01/25メディア: 単行本(ソフトカバー)この商品を含むブログを見る Chapter 3 複数データの取り扱い 複数データ …

【学習メモ】JavaScriptコードレシピ集 その2

JavaScriptコードレシピ集 の学習メモ 続きです。 JavaScript コードレシピ集作者: 池田泰延,鹿野壮出版社/メーカー: 技術評論社発売日: 2019/01/25メディア: 単行本(ソフトカバー)この商品を含むブログを見る Chapter 2 真偽値や数値や文字の取り扱い 022…

【学習メモ】JavaScriptコードレシピ集 その1

JavaScript コードレシピ集作者: 池田泰延,鹿野壮出版社/メーカー: 技術評論社発売日: 2019/01/25メディア: 単行本(ソフトカバー)この商品を含むブログを見る 株式会社ICSというフロントエンドに強い会社の方2名が著者の本です。 コードレシピ集という本の…

【学習メモ】Vue.js のツボとコツがゼッタイにわかる本 その3

Vue.js のツボとコツがゼッタイにわかる本 の学習メモ続きです。 Vue.jsのツボとコツがゼッタイにわかる本作者: 中田亨出版社/メーカー: 秀和システム発売日: 2019/03/21メディア: 単行本この商品を含むブログを見る 第3章全体で作成した商品一覧、6-2. でコ…

【学習メモ】Vue.js のツボとコツがゼッタイにわかる本 その2

Vue.js のツボとコツがゼッタイにわかる本 の学習メモ続きです。 Vue.jsのツボとコツがゼッタイにわかる本作者: 中田亨出版社/メーカー: 秀和システム発売日: 2019/03/21メディア: 単行本この商品を含むブログを見る 第3章 Vue.js で商品一覧を描画してみよ…

【学習メモ】Vue.js のツボとコツがゼッタイにわかる本 その1

Vue.js のツボとコツがゼッタイにわかる本 という本を読んでいます。 Vue.jsのツボとコツがゼッタイにわかる本作者: 中田亨出版社/メーカー: 秀和システム発売日: 2019/03/21メディア: 単行本この商品を含むブログを見る Amazon でググってて把握したのです…

2019年3月 振り返り

結果 ブログ 目標:月 12 回(週 3 回)更新 結果:月 14 回 更新 読書 目標:月 1 冊 結果:月 3 冊 反省点など Vue.js を月末に久々に触るくらい、中旬にかけて触らなくなってしまった。 そこまで忘れてなかったので良かったけれど定期的に触らなければい…

【読書メモ】リーダブルコード その4

リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック 最終回です。 リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)作者: Dustin Boswell,Trevor Foucher,須藤功平,角征典出版社/メ…

【読書メモ】リーダブルコード その3

リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック 前回の続きです。 リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)作者: Dustin Boswell,Trevor Foucher,須藤功平,角征典出版…

【読書メモ】リーダブルコード その2

リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック 前回の続きです。 リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)作者: Dustin Boswell,Trevor Foucher,須藤功平,角征典出版…

【読書メモ】リーダブルコード その1

リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック を読んでいます。 忘れそうなので、何回かに分けて書き留めていこうと思います。 リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practi…

Vue CLI(Webpack)と vue-router を使ったプロジェクトを GitHub Pages で公開する

前回の続き で、vue-router のパス設定( path: "/about" みたいなの)を変更すると思ったのですが、違いました。 vue-routerのgithub-pages用設定 - Qiita に書いてある通りなのですが、 config/dev.env.js config/prod.env.js src/router/router.js を編集…

【読書メモ】UIデザインの教科書[新版] マルチデバイス時代のインターフェース設計

マイクロインタラクション に続いて、UI/UX 関係の本ということで「UIデザインの教科書」という本を読みました。 このようなジャンルの本をあまり読んだことがない自分とっては、体系的に学べてかつ基礎的なことは網羅されていると感じました。後半は実例メ…

Vue CLI(Webpack) を使ったプロジェクトを GitHub Pages で公開する

主に Vue で作成した Web アプリを GitHub Pages で公開 - 山崎屋の技術メモ を参考にさせてもらいました。 テストサイト: https://yuheijotaki.github.io/github-pages-test_20190315/#/ リポジトリ作成 リポジトリを GitHub から作成します。特に変わった…

Vue.js / JSON から情報を引っ張ってくる その12

やること Qiita の API から投稿を描画する。 結果がない場合のエラー表示 デフォルトで vue.js を <input type="text"> にいれておく。 タグの一覧から選択したタグの記事一覧を表示 結果がない場合のエラー表示 <div class="search_area"> <input type="text" v-model="tag" v-on:input="filterTag()" name="" value="" placeholder="tag search"> </div> <p v-show="error" class="state error">There …</p>

Vue.js / JSON から情報を引っ張ってくる その11

やること Qiita の API から投稿を描画する。 ユーザー取得できていないものの調整 検索テキストフィールドを用意してフィルター Qiitaのユーザー取得について 見落としていただけなのですが、user.name は全ユーザーにあるわけではないようだったので、 use…

Vue.js / JSON から情報を引っ張ってくる その10

やること Qiita の API から投稿を描画する。 Qiita のAPIから記事を引っ張ってくる 今回はとりあえず vue.js というタグがついた記事を引っ張るようにしたので、 WordPress の REST API の際と一緒で、axios を使って、https://qiita.com/api/v2/tags/vue.j…

【読書メモ】マイクロインタラクション: UI/UXデザインの神が宿る細部

UI/UX 関係の本を読みたいと思って「マイクロインタラクション: UI/UXデザインの神が宿る細部」を読みました。 マイクロインタラクション ―UI/UXデザインの神が宿る細部作者: Dan Saffer,武舎広幸,武舎るみ出版社/メーカー: オライリージャパン発売日: 2014/…

Sass で random

CSS

.scss でランダム処理をする機会があり使ってみたのでメモしておきます。 random() という関数で、コンパイル時にランダム数値が書き出される。 (なので表示上は異なるユーザー/端末でも同じ値) random(10) とすると 1〜10 の間で整数をランダムにとってく…

Vue.js / JSON から情報を引っ張ってくる その9

やること WordPress で運用している ポートフォリオサイト と同様の機能を持ったサイトを Vue.js で実装する。 Vue Router を使用して History モードでページ遷移を行う。 HTML5 History モード 今回は HTML5 History モード | Vue Router を使用してみた。…

Vue.js / JSON から情報を引っ張ってくる その8

やること Vue Router を使用してコンポーネント間のメソッドの受け渡しする。 ファイル構成 myButton.vue で仕込んだクリックイベントを App.vue へ渡す。 . ├── index.js ├── App.vue ├── /router/ | └── index.js └── /components/ └── /page/ | ├── top.v…