nabbisen articles - 0 total
jwt-encde 1.1: npm packages for cross-platform published
jwt-encde, local and fast GUI JWT encoder/decoder, 1.1 🎉 now supports installation via npm 🤍 npm...
jwt-encde: A simple way to handle JWTs on your desktop
If you're looking for a way to analyze JWTs without using online tools, jwt-encde might be...
MariaDB 11.4 on OpenBSD 7.8: Install
Summary MariaDB is one of the most popular relational database management systems (RDBMS),...
OpenBSD 7.7 を 7.8 へ アップグレード
はじめに OpenBSD プロジェクトから 2025 年 10 月 22 日に OS の 7.8 がリリースされました 🌷 59 回目のリリースに当たります。 What's...
OpenBSD Upgrade 7.7 to 7.8
Summary The OpenBSD project released 7.8 of their OS on 22 Oct 2025, as their 59th release...
apimock-rs features: external interfaces and ipv6 support
Confirmation was finished ✅️ ✅️ Our apimock-rs supports both of: 🚪 Listener to external interfaces...
apimock-rs 4.4.0 is released: HTTPS is now supported
apimock-rs is a developer-friendly, featherlight and functional HTTP(S) mock server built in...
おわりに - Vue フロントエンド開発入門
おつかれさまでした ! この学習セットを通じて、あなたはフロントエンド開発、特に Vue を使った Web アプリ開発の基礎から始めて、多くのことを学びました。 ...
UI/UX - 大規模な CSS への対応
大規模なスタイルセットを記述する場合、CSS では限界があります。そこで登場するのが、CSS プリプロセッサ と呼ばれるツールです。その中でも代表的なのが SCSS (サス、Sassy CSS)...
UI/UX - CSS でスタイル定義
CSS とは Web ページの見た目を装飾するのが CSS (Cascading Style Sheets) です。HTML でページの骨格を作り、それに対して CSS...
apimock-rs v4.3: Dynamic response generation support
API mock (apimock-rs) is a developer-friendly, featherlight and functional HTTP mock server built in...
UI/UX - デザインの基本的な原則
デザインの基本的な原則について概説します。これらはシンプルながら強力で、ユーザーにとって直感的で快適なフロントエンドを実現するのに役立ちます。 デザインの基本的な原則 ...
UI/UX - ユーザー視点デザイン
Web アプリを作る上で、コードが正しく動くことはもちろん重要です。しかしそれと同じくらい、あるいはそれ以上に大切なことがあります。ユーザーが使いやすいと感じる「見た目」と「操作性」 です。 これが...
Web API を操作してみよう
データ送受信のフォーマット Web API でのデータのやり取りでは、ほとんどの場合、JSON (JavaScript Object Notation)...
Vue の TypeScript 親和性
Vue は TypeScript との相性が非常に良い Vue 公式も TypeScript の利用を推奨しています。特に Vue 3 の Composition API...
TypeScript で型安全
型安全な開発 JavaScript (JS)...
Vue で SPA - ルーティング
現代の Web アプリの多くは SPA (エスピーエー、Single Page Application)...
Vue コンポーネント間 データ受渡し: 子 -> 親
子から親へ: emitでイベントを通知する 子コンポーネントから親コンポーネントへデータを送り返したり、何らかの操作を親に伝えたりするには、 イベントを発行 (emit)...
Vue コンポーネント データ受渡し: 親 -> 子
コンポーネント間のデータの受渡し コンポーネントは独立しているとはいえ、時には互いに情報をやり取りする必要があります。特に頻繁に行われるのが...
Vue コンポーネント 階層
Web アプリを効率的に開発するには、機能を小さな部品に分割して考えることが大切です。この部品こそが コンポーネント (Components) です。 コンポーネント...
Vue ディレクティブ 基本要素
Vue テンプレートで頻繁に使うディレクティブを学びましょう。これらは HTML 要素に特別な機能を追加します。 Vue ディレクティブ 基本要素...
Vue 3 Composition API エッセンス
Vue 3 では、Composition API という新しい API が導入され、より柔軟で再利用しやすいコードを書けるようになりました。それまでの Options API (data,...
Vue とはどのようなものか
いよいよ、 Web アプリの「見た目」と「動き」を作る主役、Vue (ヴュー) について深掘りしていきます。 Vue...
Vue 初めてのプロジェクト作成
プロジェクトの作成 実際の Vue プロジェクトの作成に入りましょう。Vite...
フロントエンドフレームワーク 共通の考え方
Vue のようなフロントエンドフレームワークには、共通の考え方 (哲学) があります。 コンポーネント指向...
Web アプリ 開発環境
Web アプリ開発を始めるには、いくつかのツールが必要です。 必要なソフトウェア Node.js + npm / Vite VS Code +...
Web アプリ 基本構成
Web サイトや Web アプリ (Web アプリケーション) は、どのようにして私たちの PC (パソコン) やスマートフォンの画面に表示されているのでしょうか ?...
はじめに - Vue フロントエンド開発入門
Vue と実践的フローで学ぶ Web アプリ開発 ようこそ ! あなたは今 Web アプリ開発のワクワクする世界への一歩を踏み出そうとしています。Web...