JavaScript

【Vue.js】を使ってHelloWorld

javascriptもままならないままですが、Vueに手を出し始めました。しばらくはVueの記事ばかりになると思います。今回は、Vueを読み込んでHelloWorldを表示したいと思います。 環境 エディター:jsFiddle...
HTML/CSS

【Autoprefixer】ベンダープレフィックスを自動化

レガシーなブラウザーにも対応させるためにCSSではベンダープレフィックス地獄です。。。そんな互換記述を必要に応じて自動的に行ってくれるプラグインがありますのでご紹介します。 環境 Visual Studio Codewin10...
プログラミング勉強法

【職業訓練】どうやってJavaを勉強したか

今回は、どのようにしてバックエンドの技術を勉強したかを綴ります。以前よりバックエンドをやってみたいと思っていました。独学で書物やネットで調べながらやってはいたものの、まったくと言っていいほど身に付きませんでした・・・。人それぞれに勉強方法...
Java

【Heroku×Heroku Postgres】spring bootで作ったWEBアプリケーションを公開する方法

自分の作ったアプリケーションを公開したい!けれども、javaで作ったアプリケーションはPHPと違って通常のレンタルサーバーでは動きません。AWSとかさくらVPSを借りるにしてもお金がかかる。。。そんな中で、簡単なアプリケーションであれば無...
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された場合は有効ですが、親要素のStyleを変更...
HTML/CSS

【Sass】@mixin を使ってメディアクエリを召喚する(超効率的なレスポンシブ構築)

cssではメディアクエリをいちいち書く必要があります。 毎回メディアクエリ書くのも手間ですし、ブレイクポイント(サイズ)が変更になった場合は、全て修正しなければなりません。そこで、メディアクエリの@mixinを定義してしまえ...
音楽

【音楽理論】曲の終わりとツー・ファイブ・ワン

曲の終わり方(以下、終止形)を説明します。 終止形とは名前の通り、ひとつのコード群の流れが終わることを終止形といいます。 文章で言うと「起承転結」の「結」の部分です。 前述に「曲の終わり」って書いてありますけども、実は曲...
音楽

【音楽理論】ヒット曲のコード進行~その2~

今回も引き続きJ-POPのヒット曲に多く使われている進行をお伝えしてゆきます。前回の記事はこちら↓ コード進行 今日のコードは、「Ⅰm7→Ⅴm7→♭ⅥM7→♭ⅢM7/♭ⅢM7→Ⅰm7→Ⅴm7→♭ⅥM7→♭ⅥM7/Ⅶ...
音楽

【音楽理論】ヒット曲のコード進行~その1~

楽譜を書いていると、いきずまります。。。 ピアノではうまくできるのに・・・なんでDTMだとアレンジ思いつかないの!!って自分の能力のなさにげんなりします。。。 同じようなコード進行、きれいすぎるコード。パンチの効いたテンション...
タイトルとURLをコピーしました