Web制作の記事

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

Nuxt3・MicroCMS・Github Pagesを利用してJamStackなWebアプリケーションを作成する

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

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

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

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

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

Laravel で作る!ECサイトのサンプル(フロント&管理画面&バッチ)

Laravel & React.js で作成したECサイト構築の為のボイラープレート

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

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

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

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

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

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

Nuxt.js&Typescript&ESListを利用したボイラープレート

nuxtjs-typescript-boilerplate

Nuxt.js & Typescript & ESList を利用したボイラープレートを作成しましたので公開します。

【お知らせ】当ブログのWordPressテーマのコピーを販売します

Wordpressテーマのモック画像

こんにちは、いせです。 自作したWordPressテーマにて、ブログ運営しています。 上記のとおり「WordPressテーマ」を販売します。 このWordpressテーマの特徴 SEO対策が完璧です。 デザイン製・機能性 […]

Nuxt3&Vuetify3で今風なデザインのポートフォリオを制作するまでの流れ

ポートフォリオ モック

このポートフォリオは、Nuxt.js & Typescript を利用して作成しており、最近のフロントエンドの技術を出来るだけ利用して制作するように心がけました。

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

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

Springは、WebシステムやWebサービスをはじめ、クラウドアプリケーションやモバイルシステムなど、Spring に備わっている機能の拡張性を利用して、細やかな仕様変更や多様な開発プロジェクトに柔軟に対応できるフレー […]

WordPressでも利用可能な拡大画像スライダー-jquery-zoomSlider(プラグイン)

拡大画像スライダー jquery-zoomSlider

作成した背景 WordPressで複数の写真をギャラリー表示させた記事を作成したのですが、写真が小さく見切れて表示しまうため、クリックで拡大表示できるようにしたいと思い作成しました。 こだわった点としては画像が1~2枚で […]