イイダリョウのブログ。JS先日、Youtubeで初ライブ配信を行いました!いつも愛用しているCodePenを紹介しつつ、HTML、CSS、JSの基本を解説しました。こちらに概要とソースコードを掲載します。CodePenのおすすめ設定やYoutubeでライブ配信する方法についてもご紹介。CLIをインストールしてみる(CDN、Nuxe.jsとの違い)JSVue.jsの続きです。前回はNuxt.jsで何ができるか調べました。CLIが未体験だったのでこちらのインストールをやってみます。JS以前の記事で紹介したテンプレートエンジンPug。Node.jsでトランスパイルできます。このときはタグの省略記法のみだったので今回はもう少しロジック的な変数、for文、if文を試しました。JSとの書き方の比較もしています。それではいきましょう!【HTML】PugでFizzBuzzる!(テンプレートエンジンの変数、for文、if文)2019-09-18【Vue.js】Nuxt.jsで何ができるのか調べた(SSR、ルーティング、静的ファイル生成など)JSVue.jsの続きです。前回まではVue.jsのUIフレームワーク、Vuetifyにトライしました。今回からはWebアプリケーション開発のフレームワーク、Nuxt.jsにトライ。今回は概要を掴むために調べたことについて。1.3)JSp5.jsの続きです。trainのp5.js系の動画の副教材を目指してオンライン写経を始めました。JSとp5.jsの基本書式。setup関数によるキャンバス描画、draw関数の中に四角や線を描いて四角の原点変更、という内容。1.3)2019-09-11【Vue.js】Vuetifyにパンくず、スライダー、タイル、アコーディオン、カレンダーを配置(v-carousel、v-carousel、v-card、v-expansion-panels、v-calendar)JSVue.jsの続きです。前回はVuetifyのヘッダー、フッターを配置してみました。今回はさらにいろんなパーツを配置してみます。パンくず(v-carousel)、スライダー(v-carousel)、タイル(v-card)、アコーディオン(v-expansion-panels)、カレンダー(v-cale...【Vue.js】Vuetifyにパンくず、スライダー、タイル、アコーディオン、カレンダーを配置(v-carousel、v-carousel、v-card、v-expansion-panels、v-calendar)2019-09-08【Tone.js】コード切り替えボタンと鍵盤の連携JSTone.jsの続きです。前回はコード切り替えボタンを設置しました。鍵盤の音とは連携できていません。今回はその連携にチャレンジ。それではいきましょう!【Tone.js】コード切り替えボタンと鍵盤の連携2019-09-04【Vue.js】Vuetifyにヘッダー、フッターを配置(v-app-bar、v-footer)JSVue.jsの続きです。前回はボタンを配置してみました。今回はヘッダー、フッターを配置してみます。v-app-barとv-footerを使います。それではいきましょう!【Vue.js】Vuetifyにヘッダー、フッターを配置(v-app-bar、v-footer)2019-08-31【CSS】scroll-snapでスナップ(引っかかり)のあるスクロールがまったくカン・タン・だ!CSSスナップ(ひっかかり)のあるスクロールをするのに昔はJSを利用してましたが、CSSのscroll-snapだけでも実現できるようです。実際に作ってみたら、まったくカン・タン・だった。それではいきましょう!【CSS】scroll-snapでスナップ(引っかかり)のあるスクロールがまったくカン・タン・だ!2019-08-29【Vue.js】Vuetifyでボタンを並べてみる(v-app、v-content、v-container、v-layout、v-flex、v-btn)JSVue.jsの続きです。前回はVuetifyを事始めました。今回はもう少し進んで、ボタンを3つ並べてみました。v-layout、v-flex、v-btnなどを使いました。はてなブログProフロントエンドエンジニア。神奈川に住まう四十路のオジキ。DTP→Webデザイナーから転向し今に至る。引き続きコツコツの日々。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。