JavaScript 【Vue.js】v-ディレクティブまとめ
Vue特有のv-から始まるディレクティブをまとめてみました。＜環境＞Vue.js v2v-textdataの文字列表示。{{}}と同じ意味を持ち、同じ使い方をする。v-once一度だけ表示させたい時に...
JavaScript JavaScript 【Vue.js】v-onでイベントをハンドリングしてみる
前回の記事はこちら↓今回やりたい事「ボタンをクリックしたら、表示するテキストを変更する。」を実装します。前回作成したコードにイベントを追加していきます。前回のコードはこちら↓HTMLにボタンを追加前回...
音楽 【音楽理論】ヒット曲のコード進行～その3～
前回投稿した、終止形をうまくつかったコードパターンを紹介します。 前回の記事はこちら↓本日紹介するコード進行は、Ⅰ→Ⅲ７→Ⅵm→Ⅰ７→Ⅳ→Ⅰ→Ⅱm7→Ⅴ７sus4/Ⅴ7 KeyがCの場合 、 「C→E...
JavaScript 【Vue.js】を使ってHelloWorld
javascriptもままならないままですが、Vueに手を出し始めました。しばらくはVueの記事ばかりになると思います。今回は、Vueを読み込んでHelloWorldを表示したいと思います。環境エディ...
HTML/CSS 【Autoprefixer】ベンダープレフィックスを自動化
レガシーなブラウザーにも対応させるためにCSSではベンダープレフィックス地獄です。。。そんな互換記述を必要に応じて自動的に行ってくれるプラグインがありますのでご紹介します。環境Visual Studi...
プログラミング勉強法 【職業訓練】どうやってJavaを勉強したか
今回は、どのようにしてバックエンドの技術を勉強したかを綴ります。以前よりバックエンドをやってみたいと思っていました。独学で書物やネットで調べながらやってはいたものの、まったくと言っていいほど身に付きま...
Java 【Heroku×Heroku Postgres】spring bootで作ったWEBアプリケーションを公開する方法
注：2022年11月28日をもってHerokuは無料サービスを廃止しております。自分の作ったアプリケーションを公開したい！けれども、javaで作ったアプリケーションはPHPと違って通常のレンタルサーバ...
HTML/CSS 【css】Swiper.jsを使ってアクティブなスライドにanimationをつける
jQuery不要でsliderを実装する事ができるライブラリーSwiper.jsを使ってsliderを実装しました。今回やりたい事は、・Sliderで写真とテキストを表示・アクティブなSliderに対...
JavaScript 子要素のdivがfocusされたら親要素のheaderのstyleを変更する→【修正】cssでも解決できました
やりたい事headerの子要素にあるdivがfocusされたら、親要素headerのheightを変更する。cssにfocus-withinがありますが、これだと子孫要素にfocusされた場合は有効で...
HTML/CSS 【Sass】@mixin を使ってメディアクエリを召喚する（超効率的なレスポンシブ構築）
cssではメディアクエリをいちいち書く必要があります。毎回メディアクエリ書くのも手間ですし、ブレイクポイント（サイズ）が変更になった場合は、全て修正しなければなりません。そこで、メディアクエリの@mi...