Home

創作という病

前置き

私は子供のころから空想するのが好きだった。漫画より小説やラジオドラマに傾倒していたのも自分で好き勝手に情景を思い描くことができたから。

ゲームはRPGばかりプレイしていた。独自の世界観に浸り身を委ねる楽しさ。ここではない何処かへ私は行きたかったのか。

大人になりIT企業に入りシステム開発をやっていたと思ったらいつの間にかスマホゲームの開発にも携わっていた。そして今、とうの昔に諦めていた絵を描くことにしがみついている。

結局のところ、私の内から溢れ出る何かをこの世に留めておきたいのかもしれない。

本題

私の大好きな漫画『これ描いて死ね』を読んでいて印象深い表現が。

この子はきっと創作という病にはかからない健全なタイプ。

……ああそうか。これは病気なのか。恐らく不治の病に違いない。何となくそんな気がしていたが、望もうが望むまいがどこまで行っても私は創る側の人間なんだ。

きっと死ぬまで満足しないのだろう。もはや諦めてイマジネーションを爆発させ続けるしかない。忘れようとしても、遠ざけようとしても無駄だ。どこまでも追いかけてくる。

治療法はない。死ぬほど厄介で、最高な病だ。

さぁ君もこの熱に浮かされないか?

IT技術者がバイブコーディングしてみた

今話題沸騰(?)のバイブコーディング。興味を持ったのはかの有名なイケハヤさんのYouTube動画でした。イケハヤさんはnoteもやってるということを最近知り、具体的なやり方を解説した記事があったので参考にして環境を構築し実際にWebサイトを作成して遊んでみました。

正直どんなケテモノコードが出来上がるんだろうとワクワクしてたのですが、予想外に素直なコードが生成されて若干ガッカリでした。ほれ見たことかとドヤ顔でツッコミ入れようと待ち構えてたのに。空気読もうよ。

Käsityö - ハンドメイドアクセサリー

和の心 - 伝統工芸品ECサイト

なるほどねー予想通りプロトタイプを手軽に作るのには使えそうですね。ただ気になるのは非エンジニアの人はこれをそのまま出来ました! と言って納品しちゃうのかな、ということ。自分で使う用なら問題ないですが。

プロトタイプとして作るのはいい。でもほとんど変えずに本番用にするのは危険な気がします。その先の運用でバグがあったとき、非エンジニアの人はAIに修正させると思うのですが直らなかったケース、あるいは直ったけど別のバグが発生して無限地獄編に突入したケースはどうするのだろう?

結局のところ、サポートなり妥当性をチェックできる技術者が現状では必要なのではと思いました。安心してAIにまかせられるようになるにはもう少し時間がかかりそうですね!

流行りのバイブコーディングを考える

バイブコーディングとは何ぞやというと、AIにふんわりとした指示を出して Webサイトなりプログラムなりをお手軽に作成する手法。 「スキルに自信がないかつ手っ取り早く作りたい」 人はどんどん使えばいいと思います。

ただ個人的には「楽しい作業をAIにやらせるのはもったいない」 と感じるしブラックボックスになるのは怖い。 作成後、バグとか仕様変更とか内容修正とかがあった時に対応に 時間がかかりそうな気がします。

イニシャルコストは低いけど ランニングコストが高い印象ですね。 手放しで称賛してるのは多分プログラミングとかWeb作成とか ほとんどしたことがない人なんじゃないかな。

たたき台とかプロトタイプをAIでサクっと出してもらって 手動で調整、運用といった形がよさそうですね。 全部をAIまかせにしたら逆に効率が悪そうです。

サイトデザインをリニューアル!

久しぶりにサイトデザインをリニューアルしました。 コリスさん というWeb関連の情報サイトがあるんですけど ここのデザインをインスパイア参考にさせてもらって 自分流にアレンジしてみました。

PC向けではサイドは固定表示全体の横幅を可変に。 具体的には960px~1152pxで変化します。 959px以下でスマホ/タブレット向けの表示に。 タブレットで横向きの時にPCと同じ表示になるので 見やすくなったと思います。

あとスクロールバーをデフォルト表示に戻しました。 白背景との一体感を高めるためにカスタムしてたのですが 白背景自体やめたので、必要ないだろうと。

そしてスマホ向けには長らく使っていた 上部のナビゲーションを下部に変更。 スマホアプリでよく使われるボトムナビというやつです。

近年のスマホは大型化が進み、片手操作時に 画面上部へタッチしづらいらしいので思い切って下にしました。 (私は両手で操作するので気にしてなかった) ちなみにLunalysの次期バージョンもこれになります。

ついでにスクロールに追随するアニメーションを廃止。 ちょっとポリフィルのサイズが大きいし 今回はシンプル路線にしてみました。 CSSで全ブラウザが実装されたら復活するかも。

ヘッダー画像もPC/スマホで共通に。 まー途中といえば途中なんですがw 相変わらず色が塗れないのでスクリーントーンで それっぽく出来ないか試行錯誤してる最中です。