QWEL
in Action
福井・越前海岸から ― フルスクラッチのWeb制作とUI/UXクラフト
QWELについて
Web開発・プログラミング教室を営む QWEL.DESIGN (クヴェル・デザイン) のクラフト作品集 "QWEL in Action" へようこそ。
これまで、UI/UX開発を数多く手掛けてきましたが、中でもインタラクション設計を得意とし、多くを JavaScript によるフルスクラッチ (Vanilla JS) で実装しています。必要に応じて PHP や API 連携にも対応しています。
JavaScript は、「見える」「触れる」「反応する」世界をつくることができる言語です。
つまり、ユーザー体験そのものを設計し、演出することができます。
さらに、柔軟で即興的な性質を持つこの言語の扱いは、まるで音楽やドローイングのように自由で、創造の喜びを味わえる営みだと感じています。
憧れの模倣や、誰かのためを想ってつくる体験が、人の感性を育てていく─
それが、QWEL の哲学です。
越前海岸でつくっているもの
2019年末に福井市の越前海岸へ移住してから、地域の活動に加わりながら、その活動を届けるWebサイトを手掛けてきました。
ご依頼を受けて作ったものもあれば、当事者として作り、いまも一緒に運営しているものもあります。
ご依頼の多くは機密保持のため、ここでご紹介するのはその一部です。
福井市越前海岸エリアで活動する地域団体のサイトです。私自身もメンバーとして、活動に積極的に参加しています。
discoverechizen.com版画家 おさのなおこ のポートフォリオサイトです。原画をスキャンしたデータをふんだんに使い、優しく温かい表情の木版画作品を、Webでもお楽しみいただけるようにしました。
hangakobo.com福井市越前海岸に佇む古民家を、ゲストハウスとギャラリーとして運営しています。
hariisha.jp越前海岸の町「国見地区」で、空き家マッチングツアーを開催している団体のサイトです。ツアーの申込みの仕組みまで含めて制作し、運営にも携わっています。
kunimi.lifeプロフィール
はじめまして。QWEL.DESIGN 代表の伊藤大悟です。
福井市の越前海岸に暮らしながら、Webサイトの制作と、UI/UXの設計・実装を手掛けています。
広告代理店や制作会社からの委託を中心に、WordPressのオリジナルテーマ開発から、インタラクションにこだわったフロントエンドの実装まで、既製品に頼らず一から形にしています。
オリジナルテーマを、設計から実装まで一から制作します。
サイトの目的と更新のしやすさに合わせて、必要な機能だけを組み込みます。
データベースを使わない markdown によるオリジナルの最小CMSを組むことも可能です。
「見える」「触れる」「反応する」体験を、JavaScript (Vanilla JS) のフルスクラッチで実装します。
SPA にも対応しています。
TypeScript / React / Vue を用いたWebアプリケーションの開発に携わっています。
お問い合わせフォームや営業日カレンダーなど、必要に応じて PHP や API 連携にも対応します。
ピアノ修理の職人として、木工と研磨の仕事に携わる。
プログラミングに興味を抱き、2年間で独習する。
Web制作会社 TG WEBCODING を設立。
子ども向けプログラミング教室を開講。
東京都町田市から福井市の越前海岸へ移住し、屋号を QWEL.DESIGN に改める。
TypeScript / React / Vue を用いたWebアプリケーション開発にも取り組む。
サン=テグジュペリの愛読家です。郵便飛行の操縦士だった彼は、飛行機を「農夫の鋤、大工の鉋」にたとえ、大地から学ぶための道具だと語りました。
鋤と鉋に続くもの、それはプログラミングだと考えています。
ピアノ修理で身についた、手で確かめながら仕上げていく感覚は、いまのコードの書き方にも通じています。越前海岸に移住してからは、楽器演奏や天体観測、焚き火と薪ストーブのある暮らしを楽しみながら、地域の活動にも加わっています。
機能と表現
QWEL.DESIGN の仕事としては、WordPressのオリジナルテーマ開発や、UI/UXの設計・実装が主な業務です。
実務的なUI/UXコンポーネント・PHP作品は、CREATIVE TOOLS にまとめています。
一方で、純粋な好奇心と創作の楽しさから、インタラクティブなアニメーションやビジュアル表現にも取り組んできました。
それらは、機能と表現の間にあるものとして、手を動かしながら少しずつ形にしてきた "クラフト" の記録として、CREATIVE CRAFTS にまとめています。
ちいさな物語
屋号 QWEL の由来は、子ども向けプログラミング教室を開催しようと思い立ったとき、子どもが入力し易いキーボードの左上の配列 "Q", "W", "E" から決めました。最後の "L" は、総当たりで響きを重視しました。
だから、「優しさと共にある技術」がコンセプトです。
そして、"QWEL" の文字をプロペラ飛行機に模してデザインしたロゴには、機能と遊び心の両方を込めています。
「届けたい」と思って作ること。
「誰かの役に立ちたい」と願って飛ばすこと。
それが、QWEL の原点であり、これからも変わらない翼のかたちです。
QWEL にご興味を持っていただいた方には、noteで日々の活動や、GitHubから制作実績・ソースコードを見ていただいたり、お問い合わせフォームからご相談・ご感想をお寄せいただけますと嬉しいです。