私が制作に関わったコンテンツや、作成したものを紹介するページです。
制作秘話のようなものも載せられたらと思います。
興味がおありでしたら、リンクから詳細ページに飛ぶことができます。
Webサイト
askw portfolio（このサイト）
2026年6月1日 公開開始 | 現在更新中
WordPress で作成した１つ目のサイト。現在も更新中。
ドメインをとろうと思ったら、ついでにレンタルサーバーがついてきたのでせっかくだからと作ってみました。
WordPressの勉強とWebデザインの勉強のために運用しています。
もう一方の方はバックエンドの要素を強めにしようということで、こちらはよりフロントエンド寄りの内容になっています。
一応モチーフとしては流氷をイメージしているのですが（日記の一覧ページに出てくるカードは流氷イメージ）
サイト開設当初はそんなに想起できる要素がないので、今後の頑張りに期待です。
⇒ （2026年6月5日追記）トップ画像を変更しました。流氷要素を足して、よりイメージが強くなったと思います。
askw homepage
2026年6月1日 公開開始 | 現在更新中
SvelteKit, Go, MySQLで作成した２つ目のサイト。現在も更新中。
portfolioの方はおまけで、実はこちらをメインとして作成していました。
SvelteKitは、実務上で名前は聞いたことがありましたが、実際に触ったことがなくどんな動きをしているかは分からなかったので、
気になって採用してみました。結果的には、HTML, CSS, Javascriptをまとめてコンパイルできる仕組みという感じで、ディレクトリ名をそのまま変数として渡せるのはおもしろいなーと思いました。
（例：[name]のように指定するとconst name = page.params.name;のように渡せる）
Goは、最近何かと名前をきく言語で、このページを作成する前にもローカルでページを作ったりしていました。
そのときはフロントとバックエンドをGinというフレームワークを使って作成をしていました。
しかし、実装時の型判定がとても厳格で、変数を扱うときに、
数値型がintとfloatでちがう、のような問題が多くありました。
特に解決が面倒だったのがDB側でnullを許容するカラムと許容していないカラムを同時に扱うときで、
それぞれ string と *string で型が違うため一緒に扱うと確実にエラーがでる、
しかもバックエンドで解決しても今度はフロントで型由来のエラーがでる、という地獄絵図が完成していました。
今回は完全にバックエンドとフロントエンドで責務を分けてしまったため、これらの問題を回避してしまいましたが、
またGinにもチャレンジしたいと思います。
MySQLに関しては、いつも使い慣れているもの、という感じですね。
機会があればPostgreSQLとかも使ってみたいと思います。
コンテンツには「自作ツール」と「すなば」を用意しています。
と言っても「自作ツール」はサーバーのスペック上大がかりなものは動かせそうになかったので、別ページに分けるという設計になりました。
「すなば」は、作業中にあったら嬉しい機能をフロントで完結するように作成しました。
今後もこれらは増やしていく予定です（やる気があれば）
訪問者カウンターについては、完全に趣味で付けました。
自作のカウンターなので、ちゃんと動いているか気になるところですが、数字が日に日に増えていくと嬉しくなりますね。
（キリ番の報告は不要です…. ほんとうですよ？）
どういう経緯でこのページに飛んできたのかなーということを想像すると、少し面白いです。
ページ中にあるアイコンや自画像は全て手書きで書いたものです。
今年購入したWacomの板タブを使って作成しました。作っているうちに楽しくなっちゃって、
これをきっかけに、LINEスタンプもつくっちゃおう！となって下のLINEスタンプにつながるわけですね。
LINEスタンプ
好きな単語を入れられるコマンドスタンプ（en: Terminal Stickers You Can Fill In）
2026年6月3日 販売開始 | 40個 250円
⇓ 以下はスタンプページへのリンクです
https://store.line.me/stickershop/product/34283254/ja
好きな単語を使ってrmしたりmkdirしたりcdできるほか、helpした結果を好きな単語で表すことができます。
ちらっとストアを見た感じ、ターミナルのコマンドを模したスタンプはありましたが
手書きでカスタムできるスタンプはぱっとは見当たらなかったので、ささっと作ってみた第一作です。
（どうでもいいですがストアには生成AIを使ったスタンプがたくさんありますね）
入力できる単語は最大五文字まで。
コマンド後に「\ (バックスラッシュ)」を入れて改行するという力業によって
文字入力ができるスタンプが完成しました（実務上ではコマンドだけ打って改行、なんてことはそうそうしないとは思いますが….）
ターミナルを意識して作成して、本当は半角10文字くらい入れられるものを作りたかった（実際プレビューでは入力出来た）のですが、
全角／半角が同じ文字数でカウントされる仕様のため断念….
ファイルっぽいのは “a.txt” みたいな１文字＋拡張子しか入れられなくなってしまいました。
「｜」を入力すればカーソルの形になることに気づいたのは作業中で、説明文に使い方を文字数ギリギリで詰め込んでみました。
いろいろな人が使って、私の知らない使い方を発見してくれたらな、と思ったり。
40個で250円（リリース日：2026年6月3日時点）です。気になる人に突然sudoして相手を怖がらせましょう！
【全37種】HTTPステータスモノクロスタンプ（en: Handwritten HTTP Status Stickers）
2026年6月15日 販売開始 | 40個 120円 ⇒ 190円（2026年7月1日～）
⇓ 以下はスタンプページへのリンクです
https://store.line.me/stickershop/product/34484058/ja
トーク中にHTTPステータスでレスポンスできるスタンプです。
同じようにHTTPレスポンスコードをモチーフにしたスタンプはありましたが、
ブラウザがMac仕様だったり、そこまで種類がなかったり、というように思ったので、
いっぱい種類があってかつブラウザをWindowsなどで見慣れたものにしよう、という構想で作り始めました。
文字部分については、かなりギリギリに詰め込む形になってしまいました。
一単語が長すぎるものは、ハイフネーションを活用して２段にしました。
文字が見づらくなりそうだったので、よくLINEスタンプの審査が通ったなあと思います。
おまけでウインドウ部分だけのスタンプも付けています。
これで他のスタンプをウインドウに表示できるので、だれか欲しい人に刺さってくれればなあと思ったり。
40個で120円（リリース日：2026年6月15日時点）です。
うごく JavaScriptアラート風会話スタンプ（en: Animated HTML Alert-Style Chat Stickers）
2026年6月15日 販売開始 | 40個 250円
⇓ 以下はスタンプページへのリンクです
https://store.line.me/stickershop/product/34558887/ja
javascriptで制御されたアラート風に日常会話のメッセージを送れるスタンプです。
これまでの２つは全て手書きで作っていたので、次は手書きを一切使わず、
かつアニメーションのスタンプを作りたいなーと思っていたので、動的なものを表すには一番ちょうどいいjavascriptを選定しました。
あとは、前２つがあまりにも日常会話からかけ離れていたものだったので、
内容は日常会話で使えるものに限定して作成しました。
最初はjavascriptのコードだけで作成しようかなと考えていましたが、
アラートが出てくるならHTMLコード内に埋め込まれていた方が自然かなと思ったのと、
１行で終わってしまうよりも３行あった方が見た目的にしっくりきたので、<script>内に書く形にしました。
そして、何かきっかけがあってアラートが出てきた方がアニメーションっぽくていいなと考え、Ctrl + Enter を押すとアラートがでるという仕組みに。
コードだけだと寂しかった右下の部分を埋められて一石二鳥という感じでした。
24個で250円です。我ながら日常会話でも便利になりそうだな―と思ったので、ぜひ使っていただけると嬉しいです。
その他、アイデアが浮かび次第制作していきます。
日々、コンテンツ制作中！
今後もジャンルにとらわれずいろいろと作っていきたいと思います！
askw