Art & Kinetic Lab

計算された、美しき躍動。

Beauty by calculation. Motion by design.

AK²Lab(エーケーツー・ラボ)は、SE・プログラマー 兼 Web デザイナーの実験室。
Webサイトのデザインから、Webアプリ・業務システムの開発まで。
つくったものと、その途中で考えたことを、ここに書きためています。

ブログを読む制作物を見る

デザインから、実装まで。

見た目の設計と、中身の実装。その両方を行き来できることが、いちばんの強みです。

Web デザインレイアウト設計・ワイヤーフレーム・レスポンシブ対応。見た目と使いやすさを両立させます。
フロントエンドHTML・CSS・JavaScript・React・Next.js。実務寄りの UI 構築と、保守しやすいコード設計。
バックエンドPHP・Node.js・Next.js(API Routes)。認証・権限・CRUD・外部 API 連携まで対応します。
システム設計要件整理・DB 設計・API 設計・ER 図・フロー設計。業務全体を見渡して設計します。

美しさは、設計できる。

デザインは、ひらめきではなく計算——余白の取り方、文字の組み方、色の選び方、視線の流れ。その大半には定石があり、計算で組み立てられます。そして厳密な計算を重ねるうちに、計算は手癖に変わる。世間がセンスと呼ぶものの正体は、たぶんそれです。

この確信に至るまでの話は、コラム「美しさは設計できる — AK²Lab の由来」に書きました。

動くものを、つくる。

制作例: コミュニティSNS「CoCoLink」の画面
制作例: コミュニティSNS「CoCoLink」

もう一つの軸は、Webアプリと業務システムの開発です。予約管理、見積・請求、イベント受付、掲示板、ファセット検索、そして CMS——要件の整理から、DB・API の設計、実装、画面の仕上げまでを通しで作ります。

いまご覧いただいているこのサイトも、自作の静的サイト生成 CMS の上で動いています。つくったものは 制作物 に、技術ごとの索引は ポートフォリオ にまとめています。

実験室の歩き方

AK²Lab について

AK² は、Art(美しさ)と Kinetic(動き)を、ロジックで掛け合わせて二乗にする——という意味を込めた名前です。その名前を、4つの要素に分けるとこうなります。

A

Art(感性・技巧)

デザインとして表れる、目に見える美しさ。黄金比をはじめとする普遍的な比率と、余白・文字・色の緻密な設計を大切にします。

K

Kinetic(動感)

質感を生む、心地よい動き。Canvas API と数式で制御した、静かで軽やかな躍動感を探ります。

2

Squared(二乗)

感性(A)と動き(K)を、SEとしての論理で掛け合わせる。異なる強みの相乗効果で、価値を二乗に高めていく意志です。

Lab

Laboratory(実験室)

職人の手仕事と、飽くなき探究心が同居する個人の実験室。つくり、試し、考えたことを蓄積し、次のものづくりへつなげます。

新着記事