jtk

slick のオプション

これまで Swiper 一択だったけど Slick のほうがカルーセルの個数など融通ききやすい気がするのでいつもググるものをメモしておきます。 slick - the last carousel you'll ever need <ul class="js-carousel-hero"> <li><img src="slide.png"></li> <li><img src="slide.png"></li> <li><img src="slide.png"></li> </ul> $(".js-carousel").slick({ mobileFirst: true, centerPaddi…

2019年5月 振り返り

結果 ブログ 目標:月 12 回(週 3 回)更新 結果:月 13 回 更新 読書 目標:月 1 冊 結果:月 1 冊 反省点など 読書はAWSの認定本だけ。最初は他の勉強と同時並行でいけるかなと思いましたが後半難しくてそれだけになってしまった。 Vue.js でひとつ作れた…

フォーム入力バインディングを理解する その11

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その11 GitHub Pages: https://yuheijotaki.github.io/type-tester/ GitHub リポジトリ:https://github.com/yuheijotaki/…

フォーム入力バインディングを理解する その10

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その10 GitHub Pages: https://yuheijotaki.github.io/type-tester/ GitHub リポジトリ:https://github.com/yuheijotaki/…

フォーム入力バインディングを理解する その9

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その9 GitHub Pages: https://yuheijotaki.github.io/type-tester/ GitHub リポジトリ:https://github.com/yuheijotaki/t…

フォーム入力バインディングを理解する その8

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その8 GitHub Pages: https://yuheijotaki.github.io/type-tester/ GitHub リポジトリ:https://github.com/yuheijotaki/t…

フォーム入力バインディングを理解する その7

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その7 GitHub Pages: https://yuheijotaki.github.io/type-tester/ GitHub リポジトリ:https://github.com/yuheijotaki/t…

フォーム入力バインディングを理解する その6

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その6 GitHub Pages: https://yuheijotaki.github.io/type-tester/ GitHub リポジトリ:https://github.com/yuheijotaki/t…

フォーム入力バインディングを理解する その5

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その5 GitHub Pages: https://yuheijotaki.github.io/type-tester/ GitHub リポジトリ:https://github.com/yuheijotaki/t…

フォーム入力バインディングを理解する その4

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その4 GitHub Pages: https://yuheijotaki.github.io/type-tester/ GitHub リポジトリ:https://github.com/yuheijotaki/t…

フォーム入力バインディングを理解する その3

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その3 GitHub Pages: https://yuheijotaki.github.io/type-tester/ GitHub リポジトリ:https://github.com/yuheijotaki/t…

フォーム入力バインディングを理解する その2

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その2 GitHub Pages: https://yuheijotaki.github.io/type-tester/ GitHub リポジトリ:https://github.com/yuheijotaki/t…

フォーム入力バインディングを理解する その1

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その1 jQuery ファイルは これ なのですが、冗長なので同機能でも Vue.js でうまく書けたらいいなと思います。 GitHub Page…

Vue.js で クイズ実装

設問 + 答え のクイズをVue.jsで実装する。 URL GitHub pages:https://yuheijotaki.github.io/practice-exam/ GitHub リポジトリ:https://github.com/yuheijotaki/practice-exam 機能 設問/正解などのデータは JSON にいれて Vue で描画 設問に対してユー…

2019年4月 振り返り

結果 ブログ 目標:月 12 回(週 3 回)更新 結果:月 24 回 更新 読書 目標:月 1 冊 結果:月 2 冊 反省点など 読書は Vue.js のカエル本と JavaScriptコードレシピ集を読みながら手を動かして、半年近く勉強してきたものがある程度身になっている感触が得…

【VS Code】 ワークスペース `.code-workspace` を使おう

ワークスペース機能とは VS Code 上でプロジェクト単位で作業拡張できる(?)機能です。 基本的には「フォルダを開く」以後の作業が、ワークスペースを導入すると初回の1回の設定だけで保存されるイメージで、Sublime Text でいうところの Project のような…

Git コミットメッセージのプレフィクス

Git

Git のコミットメッセージ、プレフィクスを毎回つけるのですがいつも、 add / fix / update とかになってしまうので、少しだけバリエーション増やして細分化できるようにするようにする。 【今日からできる】コミットメッセージに 「プレフィックス」 をつけ…

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

ポートフォリオサイト 前回の続き やったこと デザインいれる レスポンシブ ソース整理 Github Pages: https://yuheijotaki.github.io/vue-study_20190424/ リポジトリ: https://github.com/yuheijotaki/vue-study_20190424 Vue.js で変数や mixin を使う Vu…

【PHP】変数名に変数の値を代入する

$array = [ 'name01' => 'Taro', 'name02' => 'Hanako', 'name03' => 'Jiro' ]; という配列があって、 $targetName = 'Hanako'; のように、宣言した変数の値 Hanako とオブジェクトの値がマッチする場合を判定し、 $name02 = true; という変数を作りたい場合…

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

【学習メモ】Vue.js のツボとコツがゼッタイにわかる本 その3 のデモをベースにしてポートフォリオサイトを作り直す。 Github Pages: https://yuheijotaki.github.io/vue-study_20190424/ リポジトリ: https://github.com/yuheijotaki/vue-study_20190424 フ…

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

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

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

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

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

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

【学習メモ】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 でば…