Web制作の記事

過去に制作した作品を掲載しています。

Next.js & Nest.js & Prisma を利用してGraphQLを使ったアプリケーションを作成する

作成したアプリケーション GraphQLの学習用のサンプルアプリケーションです。 フロントエンドは Next.js & Apollo Client 、サーバーサイドは Nest.js & Prisma を利用して […]

Next.js で Web-RTC を利用したZoomのようなビデオ通話アプリを作成する

作成したアプリケーション https://nextjs-webrtc-firebase.web.app Next.js & Web-RTC を利用したビデオ通話アプリのサンプルです。ビデオ通話、画面共有、チャット機能、録 […]

Nuxt.js3 を利用してWebアプリケーションを作成する

作成したアプリケーション デモ 主な機能 ログイン/ログアウト 会員登録 投稿一覧 投稿詳細 マイページ(一覧・登録・更新・削除) プロジェクトの概要 Nuxt.js3 を利用した学習用のサンプルアプリケーションです。 […]

日本で今話題になっているTwitterのトレンドワードをお知らせするAlexaアプリを作成した

作成したアプリケーション インストール https://www.amazon.co.jp/dp/B09MRFPFFC 主な機能 「アレクサ、日本のトレンドワードを開いて」というと、Twitterのトレンドから、日本で話題 […]

Firebase を利用して Next.js でWebアプリケーションを作成する

作成したアプリケーション Next.js & Firebase を利用した学習用のサンプルアプリケーションです。 Firebase Auth を利用したログイン/ログアウト、会員登録機能 に対応しています。 また、投稿デ […]

MicroCMS と Nuxt.js を利用してJamStackなWebアプリケーションを作成する

JamStack とは? JamstackのJamはJavaScript/APIs/Markupの頭文字です。JavaScriptでAPIをたたいてMarkupを配信することを意味しています。 通常のWebアプリケーショ […]

画像アップロードVue.js用コンポーネント(ドラッグ&ドロップ対応)− vuejs-image-base64

vuejs-image-base64 とは vuejs-image-base64 は、NPMで公開 されている画像アップロード用のVue.jsコンポーネントです。 特徴 Base64にエンコードされた画像データを取得する […]

Dockerを利用してLaravel の開発環境を構築するサンプルアプリケーション

作成したアプリケーション フロント画面 https://laraec.isystk.com/ フロント画面の主な機能 ログイン/ログアウト 会員登録 パスワードリマインダ 商品一覧 カートに追加 決算処理(Stripe) […]

画像アップロードReact用コンポーネント(ドラッグ&ドロップ対応)− react-image-base64

react-image-base64 とは react-image-base64 は、NPMで公開 されている画像アップロード用のReactコンポーネントです。 特徴 Base64にエンコードされた画像データを取得するこ […]

アップロード画像をリサイズしてBase64に変換する – jQueryプラグイン

画像ファイルをリサイズする 最近のスマートフォンで撮影した写真は解像度が高くそのまま送信してしまうとサーバー側の負荷が高くなってしまったり、通信時間がかかってタイムアウトになってしまう問題が発生してしまいます。 その為、 […]