SpringBootとVueを基盤とした研究業務管理システムの設計と実装
序文
現代の経済の高速発展と絶えず進化する情報技術は、伝統的なデータ管理をソフトウェアによる保存、分類、集中処理へと変革しています。この研究業務管理システムは、そのような環境下で誕生しました。管理者が短時間で大量のデータを処理し、業務効率を向上させることを支援します。このシステムは、成熟したSSMフレームワーク、クロスプラットフォームで大規模な商用 ...
6月11日 19:45 投稿
Vueの基本操作とCSS活用法
ここに記載する内容は、思いつくままに書きます。他の項目は後で追加します。また、いくつかのCSSも含まれています。
テキスト入力フィールドの双方向データバインディング
HTML
<input value="123456" type="text" v-model="account" @input="handleAccountChange" class="bottom-line bottom" placeholder=&q ...
6月10日 22:59 投稿
Vue プロジェクトにおけるフロントエンドの工程化とWebpackの活用
フロントエンド工程化の重要性
近年のフロントエンド開発では、SPA（シングルページアプリケーション）の普及により、JavaScript の複雑さが増し、多くの依存パッケージや SCSS・TypeScript などの拡張構文を扱う必要が出てきました。このような状況に対応するため、Webpack などのモジュールバンドラは、プロジェクト構造を解析し、ブラウザで直接実行できない拡張構文を ...
5月22日 17:22 投稿
Heroiconsとモバイルレスポンシブデザイン：小画面での最適な表示を実現する方法
Heroiconsとモバイルレスポンシブデザイン：小画面での最適な表示を実現する方法
現在、モバイルファーストの時代において、ユーザーがスマートフォンやタブレットなどの多様なデバイスでウェブサイトやアプリにアクセスするのは当たり前のことです。アイコンはユーザーインターフェースの核となる要素であり、その異なるスクリーンサイズでの表示は、ユーザーエクスペリエ ...
5月20日 08:53 投稿
Nuxtプロジェクトでimport構文を有効にする最新手法
Nuxtを使用したVue開発に関する動画を視聴していた際、NuxtプロジェクトではES6のimport構文が利用できないという記述があった。その際の対応策として以下の手順が紹介されていた：
1. package.jsonに以下の設定を追加する：
"scripts": {
"dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server --exec babel-node&q ...
5月19日 04:23 投稿
フロントエンドのモジュール化とフレームワークの進化
初期のウェブアプリケーションは、フロントエンドとバックエンドの区別がありませんでした。クライアントサーバーモデルでは、サーバーがブラウザからのリクエストを受け取り、対応するページを返していました。その後、サーバーサイドの処理が複雑になり、ユーザーはブラウザでより美しいインターフェースや高速なレスポンスを求めるようになりました。この背景から、AJAX ...
5月18日 18:42 投稿
JavaScriptの厳格モードと非厳格モードを完全理解する
JavaScriptの厳格モードと非厳格モード
JavaScriptには2つの実行環境、すなわち非厳格モード（Sloppy mode）と厳格モード（Strict mode）があります。これらは言語の特定の特性や動作においていくつかの違いがあります。
1. 厳格モードの有効化方法
デフォルトでは、JavaScriptは非厳格モードで実行されます。
スクリプトまたは関数の先頭に"use strict";を追加 ...
5月16日 14:11 投稿