プログラミング

HTML/CSS

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

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

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

注:2022年11月28日をもってHerokuは無料サービスを廃止しております。 自分の作ったアプリケーションを公開したい!けれども、javaで作ったアプリケーションはPHPと違って通常のレンタルサーバーでは動きません。AWSとかさくらVP...
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を定義してしまえば、それ以降では...
HTML/CSS

CSS filterを使って脱Photoshop

写真などのぼかし処理は、今までphotoshopで行っていました。ぼかし具合の変更があるたびにphotoshopで修正して、、、確認して、、修正して、、、いちいち面倒くさい!それが、CSSで処理ができるようになったと!!!ぼかし具合もコード...
Java

Java Spring Boot JSON 送受信④~index.html内でPUT・DELETEを利用したupdate&deleteを実装~

JSONを利用したput,deleteの実装
Java

spring bootのstaticフォルダ内に画像をuploadする方法(失敗談)②

spring bootプロジェクトでサーバー上に画像をアップロードする方法
Java

spring bootのstaticフォルダ内に画像をuploadする方法(失敗談)①

spring bootプロジェックトでサーバー上に画像をuploadする方法
JavaScript

Java Spring Boot JSON 送受信③~JSONでリクエストを送る~

JSON形式でリクエストを送る