プログラミング教育の情報サイト

プログラミング教育の情報サイト

Webpack5の環境構築 TypeScript+Sass+ESlint+Pritter

Webpack5の開発環境構築テンプレート(TypeScript+Sass+ESlint+Pritter)

Web制作に携わるすべての方が楽になるように、Webpack5を利用した開発環境のテンプレートを用意しましたのでご紹介します。 静的なサイトを HTML & CSS で作成する場合、初めは手間だと感じるかもしれませんが、 […]

【Kotlin】すぐに使える!Springbootのボイラープレート(2022年度版)

Kotlin&Springboot で作成したECサイト構築の為のボイラープレート

Kotlin がAndroid の主言語となって以降、Java から Kotlin に乗り換える動きがみられるようになり、Spring Boot を利用した Web アプリケーション作成においても、Kotlin を採用す […]

【Kotlin】超便利!よく使うコレクション操作15選

【Kotlin】超便利!よく使うコレクション操作15選

Javaでは Stream API を利用することで、配列やコレクションなどの集合体から、特定の条件でデータを抽出したり、中身を別の型のコレクションに移し替えたり、合計値を求める時など、コレクションに対する操作を for […]

【Laravel】超便利!よく使うコレクション操作15選

【Laravel】超便利!よく使うコレクション操作15選

配列やコレクションなどの集合体から、特定の条件でデータを抽出したり、中身を別の型のコレクションに移し替えたり、合計値を求める時など、コレクションに対する操作を for 構文などの繰り返しを使わない形で値の集合を操作する事 […]

DockerでSpringbootの開発環境を構築する(InteliJ IDEA編)

DockerでSpringbootの開発環境を構築する(InteliJ IDEA編)

この記事では、Java SpringBoot を利用してWebアプリケーションを開発する為のDockerを利用した環境構築手順についてご紹介します。 ※ この環境を利用する為には、事前にdocker、docker-com […]

【Java】超便利!よく使うStream API 16選

【Java】超便利!よく使うStream API 16選

「Stream API」は、Java 8で導入された機能で、配列やコレクションなどの集合体を扱う為のもので、特定の条件でデータを抽出したり、中身を別の型のコレクションに移し替えたり、合計値を求める時など、コレクションに対 […]

React18 でDynamoDBをGraghQLで操作してみる

React18 で DynamoDBを GraghQLで操作してみる

作成したアプリケーション デモ React18 & MaterialUI で作成しており、TailwindCSS も利用しています。インフラは、Amplify (Cognito/AppSync/DynamoDB) […]

【Nuxt3】便利な新機能とサンプルアプリのご紹介です

Nuxt3 & Vuetify3 を利用してWebアプリケーションを作成する

まもなく、2022年6月に安定板がリリース予定のNuxt3 を利用して、実務レベルのアプリケーション開発にどこまで利用できるのか検証してみました。 完成したNuxt3のボイラープレート MITライセンスにて公開しています […]

Nuxt3 (Vue3)にJest (vitest)を導入するまでにやったこと

Nuxt3 & Vuetify3 を利用してWebアプリケーションを作成する

フロントエンドのテストフレームワークとして、 jest がよく利用されますが Nuxt3 では、vitest を利用することで同等のことが実現できるようです。 Vitest では、jest.config.ts の代わりに […]

Nuxt3 (vite)にVuetify3 & TailwindCSSを導入するまでにやったこと

Nuxt3 & Vuetify3 を利用してWebアプリケーションを作成する

Vuetify3 と TailwindCSS の導入に必要なモジュールを追加します。 Nuxt3 で TailwindCSS を利用する分には全く問題ありませんでしたが、Storybook でTailwind を利用する […]