Web制作に携わるすべての方が楽になるように、Webpack5を利用した開発環境のテンプレートを用意しましたのでご紹介します。 静的なサイトを HTML ＆ CSS で作成する場合、初めは手間だと感じるかもしれませんが、 […]
Webpack
Webpack5の環境構築 TypeScript+Sass+ESlint+Pritter
Kotlin
【Kotlin】すぐに使える！Springbootのボイラープレート（2022年度版）
Kotlin がAndroid の主言語となって以降、Java から Kotlin に乗り換える動きがみられるようになり、Spring Boot を利用した Web アプリケーション作成においても、Kotlin を採用す […]
Kotlin
【Kotlin】超便利！よく使うコレクション操作15選
Javaでは Stream API を利用することで、配列やコレクションなどの集合体から、特定の条件でデータを抽出したり、中身を別の型のコレクションに移し替えたり、合計値を求める時など、コレクションに対する操作を for […]
Laravel
【Laravel】超便利！よく使うコレクション操作15選
配列やコレクションなどの集合体から、特定の条件でデータを抽出したり、中身を別の型のコレクションに移し替えたり、合計値を求める時など、コレクションに対する操作を for 構文などの繰り返しを使わない形で値の集合を操作する事 […]
Java
DockerでSpringbootの開発環境を構築する（InteliJ IDEA編）
この記事では、Java SpringBoot を利用してWebアプリケーションを開発する為のDockerを利用した環境構築手順についてご紹介します。 ※ この環境を利用する為には、事前にdocker、docker-com […]
Java
【Java】超便利！よく使うStream API 16選
「Stream API」は、Java 8で導入された機能で、配列やコレクションなどの集合体を扱う為のもので、特定の条件でデータを抽出したり、中身を別の型のコレクションに移し替えたり、合計値を求める時など、コレクションに対 […]
React
React18 でDynamoDBをGraghQLで操作してみる
作成したアプリケーション デモ React18 & MaterialUI で作成しており、TailwindCSS も利用しています。インフラは、Amplify (Cognito/AppSync/DynamoDB) […]
Vue.js
【Nuxt3】便利な新機能とサンプルアプリのご紹介です
まもなく、2022年6月に安定板がリリース予定のNuxt3 を利用して、実務レベルのアプリケーション開発にどこまで利用できるのか検証してみました。 完成したNuxt3のボイラープレート MITライセンスにて公開しています […]
Vue.js
Nuxt3 (Vue3)にJest (vitest)を導入するまでにやったこと
フロントエンドのテストフレームワークとして、 jest がよく利用されますが Nuxt3 では、vitest を利用することで同等のことが実現できるようです。 Vitest では、jest.config.ts の代わりに […]
Vue.js
Nuxt3 (vite)にVuetify3 ＆ TailwindCSSを導入するまでにやったこと
Vuetify3 と TailwindCSS の導入に必要なモジュールを追加します。 Nuxt3 で TailwindCSS を利用する分には全く問題ありませんでしたが、Storybook でTailwind を利用する […]