近況報告とオーディオブックのすすめ
ManaのWebクリエイターカフェ。WebデザイナーでWebクリエイターボックスを運営しているManaです。
この番組では、Webコンテンツ制作で役立つ知識やノウハウ、キャリアのお話をしていきます。
今回のテーマは、Mana的Webデザインニュース4月号です。
新年度に入りまして、新しい生活を始めた方も多くいらっしゃるんじゃないかなと思います。
そんな皆さんに、私が最近気になった情報などをお届けできたらいいなと思っております。
それではまず、私の近況について話していきましょう。
このポッドキャストを聞いている方だったら、何度か耳にしたことあるんじゃないかなと思うんですが、
私結構運動をしておりまして、特に冬の間は長距離のラン、ランニングをしております。
だいたい2、3時間ぶっ通しで走ったりしてるんですね。
その時に、前はずっと音楽だけを聞いてたんですけど、だいぶ飽きてきて、結構自分の好きなジャンルばっかり聞いちゃうんですよね。
なので、ちょっと飽きてきたなということで、最近はオーディオブックを結構聞いてるんですね。
その中でも小説とかエッセイを中心に最近聞き始めております。
前は効率的に仕事関係の勉強もできるかなと思って、
そういう仕事関係の書籍とか、自己啓発とか、そういう書籍を聞きながら走ってたんですけど、
なんかちょっと勉強モードになってしまうというか、走りながら頭もフル回転しちゃって、
リラックスして聞けないなーって思って、そんな時にですね、頭空っぽにして聞けるよっていうのがエッセイがいいよっていうふうに周りの方から聞きまして、
有名人の方のエッセイだったり、そういうのを聞くようになってきました。
特に私が良かったなって思ったのが、お笑い芸人の三浦康子さんの書籍ですね。
2冊ほど今出てるんじゃないかなと思うんですが、ご本人がナレーションをしてらっしゃるので、
なんかこうずっと漫談を聞いてるような、内容もクスッと笑えるようなものだったり、
特に彼女今バンクーバーにいらっしゃって、そのお話を書いてらっしゃるので、
なんか聞きながら懐かしいなーって思いながら、クスクスと笑いながら、ニヤニヤしながら走ってます。
最近音楽飽きてきたなっていう方には、こういったオーディオブックもいいんじゃないかなと思いますね。
ただ注意して欲しいのが、小説でふと悲しいお話があった時に、
私めちゃくちゃ小説に没入してしまいますので、走りながら、小説を聞きながら、泣きながら走ったことがあって、
もうなんか過去級になるような感じですね。
すごいキモかったなって思うんですが、そういう風にならないように、
本の内容だけは最初チェックしてもらって、走ってみたらいいんじゃないかなと思います。
もちろん走るだけじゃなくて、普通にトレーニングするとか、
ちょっとした合間にオーディオブックを聞いてみたらいいかなと思います。
ぜひ試してみてください。
新年度のWebアプリ開発状況
次に、新年度の私のお仕事状況についてお話ししていきます。
今年に入ってアプリを月に1つ、年間10個ぐらい作れたらいいかなという感じで、
月1ペースで進めております。
前回お話しした時は、AIフェーズプランナーという目標設定に使えるようなウェブアプリをリリースしたというお話したと思うんですが、
その後、2月、3月と続けてリリースしております。
2月に作ったのがですね、自転車レースフジヒルのペース配分表ですね。
フジヒルっていう、マントフジヒルクライムっていうですね、
日本最大級のすごく人気なヒルクライムレースがありまして、
一般参加もできるものです。
それのペース表ですね、全部で24キロあるのかな。
それを1キロごとだったり5キロごとだったりで通過タイムを算出するっていう、そういうアプリです。
本当に使わない人は絶対もう一生使うことがないようなものではあるんですが、
私自身ロードバイクも乗ってまして、このフジヒルっていうレースにも出たことあって、
すごく盛り上がる大会なので、ちょっと勉強も兼ねて作ってみようという感じでやってみました。
ブログの方でも作った過程だったり困ったところだったり工夫したところ、
ロジックですね、その部分の深掘りについて紹介しております。
そのタイムを表示するだけじゃなくて、
ロードバイクに貼り付けられるような、印刷できるようなサイズも用意したっていうのがまた一つポイントになってますので、
よかったら参考にしてみてください。
そして3月に作ったのが、声で数えるウェブアプリ、ボイスカウンターというのを作りました。
普通にクリックしたら1増えて、表示される数字が1,2,3,4と増えていったり、マイナスボタンを押したら減っていくっていう、
もう本当にウェブアプリの開発を勉強し始めた人が最初に作るんじゃないかっていうような、
すごくシンプルなものなんですが、それを声でできるようにしました。
例えばマイクをオンにして増やすって言ったら1増えるとか、減らすって言ったら1減らすとか、
そういったものですね、英語にも対応させてます。
これを作った理由もまた私の趣味、前回なんですが、
今年に入って編み物の趣味を再開しまして、
昔からやってはいたんですが、ここ数年してなかったのを再開しまして、
その時に、編み物ってずっと数字数えてるんですね。
1、2、3、4で何名あんだかっていうのをずっと数えないとバラバラってなってしまいますので、
それを両手が塞がってる状態でやっていきたいと。
これどうにかならんかなという思いで、声で数えられるように作ってみました。
これ本当に最初シンプルだからすぐできるだろうと思ったんですが、
どうしても声の認証が難しかったですね。
音声認識が最初次とか、英語だったらaddですね、addって言ったら1カウントするようにしたかったんですが、
短すぎて言葉じゃなくて音として処理されてしまって、すぐ無視されるんですね。
なのでその辺をちょっと次から増やすにしたりとか、音節を何音節にするとか、
そういう調整をして工夫してみたりですかね。
このボイスカウンターの方は紹介動画もAIで作ってみました。
本当にざっくりとした指示だと変な動画になっちゃったんですね。
床の中に女の子がめり込んだ状態で編み物をしながらスマホが立った状態であるとか、
よくわかんないものになってしまったりするので、やっぱり雑な指示は良くないなということで、
そういったところでも学びがありました。
ただ動画生成もすごく進歩していて、昔よりも本当に自然な感じでできるようになってますね。
あとびっくりしたのがナレーション。
これもテキストを入力したら音声を生成してくれるっていうのも3秒ぐらいでできたんですね。
すごいと思って。
ただし日本語に対応してなくて英語ではあったんですが、
短いものだったら3秒ぐらいで生成できて、MP3ファイルがダウンロードできてっていう形であっという間にできたので、
この辺で楽できるんだなっていう気づきもありましたね。
ちょっとしたものだったらすぐ生み出せるかなという感じはありましたが、
それをさらにより使いやすくするってなると、まだまだ難しいところもあるかなというところもありました。
クリエイター支援サービス「Buy me a coffee」
あとこの2つ3つ、今のところ3つですかね。
作ってリリースして気づいたのがですね、一応これどれもサーバー代がかかってはいるんですね。
本当に数百円だったりもするんですけど、ちょっとかかっているので広告収入とかつけた方がいいのかなって思いながら迷ってはいたんです。
というのもなんか皆さんウェブサイト見てたらね、なんやこの広告みたいなのが表示されることもあると思います。
すごく嫌いなのでアドブロッカー入れてたりするんですが、なのでどうにかならんかなと調べたところで、
海外でよく見かけるbuy me a coffeeっていうアプリというかサービスがあるんですね。
これが直訳するとコーヒーをいっぱいご馳走してねっていうタイトルではあるんですが、
この記事よかったなとかこのアプリ便利だなって思ったユーザーがコーヒーいっぱい分ぐらいの小額大体3ドルぐらいからをサクッとサポートできる、寄付できるようなサービスです。
私も実際にどんなもんかな、使ったことなかったのでバナー置くだけだし、とりあえず置いてみようとサービス登録して今まで作ってきたアプリに入れてみたんですが、
告知も何もせずとりあえず入れてどんなもんかと試してみたら、もうその翌日ぐらいに5ドルだったかな。
初めて全然知らない人からですね、ありがとうっていうメッセージとともに寄付いただきまして、
自分の作ったものが誰かの役に立って、しかもなんか送ってもらえたと、すごいことだなっていう気づきもありましたので、
一応今まで作ってきたものだったり、Webクリエイターボックスのウェブサイトの方にも設置しております。
それからもちょこちょこいただきましてですね、ありがとうございます。
皆さんもですね、もしいいなと思ったら是非是非、中の人にですね、コーヒーをいっぱいお願いします。
これ開発者の方も是非使ってみたらいいんじゃないかなと思うので、気になった方いらっしゃいましたら登録は無料なので是非使ってみてください。
「Web Creator Podcast Day 2026」出演決定
そしてそしてお知らせでもあるんですが、
2026年9月12日土曜日に、昨年も開催されましたポッドキャストデイ。
こちらにですね、私も出演することになりました。
前回はトライアスロンのですね、私トライアスロンに出てまして、
トライアスロン大会の都合で生放送に参加できなかったので、今回こそはということで生放送参加させていただきます。
東京に行きます。
あー緊張しますね。
生放送今までなかった?
この番組ではないんですかね?ないですよね。
なので今からドキドキとしておりますが、生放送でお届けする予定です。
他にも出演者の方が今のところ決まってらっしゃるのが、やすひささんかな?
オートマジックのこのポッドキャストにもゲストとして出ていただいたやすひささんという方が今のところ決まっているようです。
他にも続々と発表がこれからされていくと思いますので、こちらも続報の方お待ちください。
Web関連ニュース：サイモン・オクスリーさんの訃報
最後に最近注目のウェブ関連のニュースについてお話ししていきましょう。
まずはちょっと悲しいニュースが入ってきましたね。
イラストレーターのサイモン・オクスリーさんが亡くなられたということです。
この方サイモンがですね、私もお会いしたことがあって、
イラストで言うと初代ツイッターの青い鳥のイラストですね。
皆さんが見慣れたものよりも昔にあったものではあるんですが、最初に出てきた鳥ちゃん。
あとはサーバーがダウンした時のロボットのイラストだったり、半分猫で半分タコのあの不思議なイラストこういったものだったり、
あとはビットリーのフグとかですね、こういったもののイラストで有名な方です。
イギリスの方ではあるんですが、東京でもお仕事をされていたり、福岡にも住んでいらっしゃったりして、
いろいろと日本の方にも馴染みのある方はいらっしゃるんじゃないかなと思います。
サイモンがね、私はオックスフォードの観光案内をしてくれたのをすごく覚えていて、一緒に回ってくれたんですよ。
何の縁だったかな。何かしらの知人との繋がりがあって紹介されて、
一緒にロンドンで飲み明かしたりとか、彼の住んでいるオックスフォードを紹介してもらったりっていう感じで、
ここでこんな事件があってねーとか、なんか結構お茶目なことを真顔で言っちゃうような、そんな方でしたね。
今でも彼がくれたホリデーカード、クリスマスに送るようなメッセージカード、今でもですね、手元にあって、
素敵な方だったなーって思いながら、また56歳で亡くなられたということです。
ああ、悲しいですね。
そういった本当に数回ぐらいしか会ったことない私でも、ちょっとそのニュース聞いた時にああーって思って、ちょっと泣いちゃった感じでもあるので、
人との縁というのはね、大事にしていかないといけないなと思いました。
彼のイラストはこれからもね、web上でも残っていくと思いますし、GitHubではずっとオクトキャットですね、これからも使っていくと思いますので、
見かける度に、ああ、サイモンという方いらっしゃったんだなと思っていただければと思います。
Web関連ニュース：デザインツールの未来と「ドキュメントデザイン」
あと気になるニュースで言うと、フィグマ離れが起こっているんじゃないかというお話が海外を中心にですね、日本でもささやかれつつあります。
フィグマっていうのがデザインツールですね。
皆さんも使っている方多くいらっしゃるかなと思います。
これがですね、フィグマでこれまでの製作の流れで言うと、簡単なワイヤーフレーム作って、フィグマとかでデザインツールで詳しいデザインの詳細ですね。
作って、それをコーディングしてプログラムを組んでっていう流れだったのが、今ドキュメントだけでデザインが作れるようになってきていると。
デザインドットMD、MDファイルですね。
マークダウンファイルでそのデザインの使用書みたいなのを細かく細かく書いて、それをAIに読み込ませて、クロードコードとかが今は人気かなと思いますが、そういったものに渡して、あとはその指示通りのものを画面を作っていってくれるという感じで、人間がデザインを一から作っていくんじゃなくて、
それを定義するのは人間であるけれど、見た目のものではなく、本当に文章だけでデザインを作っていく、そういう流れになるんじゃないかと言われてきております。
実際私もですね、今日お話ししたようなリリースしてきたウェブアプリも、がっつりデザインを作り込むということは一切なくて、最初にデザインドットMD、MDファイルなどで定義した、もう本当にこれは雑に作ったものではあるんですが、雑に作ったものを最初に渡して、それを出来上がったものを見て、ここはちょっと画像を変えようとか色を変えようっていうのを後から付け足していくっていう感じで、
デザインツール全く使ってないんですね。使うとしたらロゴとかファフィコンとかそういうちょっとしたアイコンを作るときぐらいで、ほぼほぼ使っていない状態ではあるので、だったら今後もこの流れが強くなってくるんじゃないかなというのが私の考えでもありますし、海外でも結構そういう話が出てきているという感じです。
中でもgetdesign.mdというウェブサイトでは、いろんなよく目にするようなウェブサイトのドキュメント、デザインドキュメントをまとめている、そういったサイトもありますので、気になる方いらっしゃったらこちらの方も見てみてください。デザインファイルの参考になるかと思います。
エンディングと番組からのお知らせ
それでは今日のテーマ、マナテキウェブデザインニュース4月号でしたが、これを聞いてる頃にはおそらくもう一つくらいはアプリリリースされてるんじゃないかなと思います。私のWebクリエイターボックスのサイトの方もチェックしてみてください。
それから、まだちょっと先にはなりますが、9月にですね、ポッドキャストデーも出演決定しましたので、こちらの方も楽しみにお待ちください。詳細が決まりましたら、またこの番組でもお伝えします。
さて、この番組では感想や質問、リクエストなどお待ちしております。番組詳細欄にあるリンクよりお気軽にご投稿ください。
XではカタカナでハッシュタグWebカフェをつけてポストしてください。そして、AppleポッドキャストやSpotifyのポッドキャストではレビューもできますので、こちらにも感想を書いてもらえると嬉しいです。
またお会いしましょう。Webクリエイターボックス、マナでした。
