🆙今週の更新(自作アプリ_ver.9です)

RSS更新頻度トラッカー
✍️ Sekine Studio
🌟 マイ・更新トラッカー
サイト名
7日計
ラベル app遊び の投稿を表示しています。 すべての投稿を表示
ラベル app遊び の投稿を表示しています。 すべての投稿を表示

2026/10/16

自由にご自身のリンク集が作れます🗒️『リンクタブシート』制作アプリと名付けてみました

本アプリは個人が趣味で配布しているものになります。

ご自身のサイトやブログに簡単にリンク集を起きたいと思った時にこんなのいかがでしょうか? 『リンクタブシート』制作アプリと名付けてみました

🎙️ 音声で聴く(stand.fm)
 ブログ、エントリー後に"ライブ"でお話ししてみました

 リンク集は一覧性を優先か?カテゴライズが良いのか?の中間みたいなイメージです。
Excelのシートっぽい?それとも昔懐かしい電話機の壁に掛けてあった電話帳に似ているか?
画面に直接打ち込んでコードを取得できます。
「アプリ全体のコード」と「リンクタブシートのコード」両方をダウンロードできる様になっています

※コードは周辺の周辺のコードを干渉しないようには設計してありますがご自身の責任においてご使用ください。ブログの場合は当アプリを消せば元通りになるはずです。 巻末の免責にも目を通して下さい。

🗨️ 対談エッセンス

🤖 「これブログを作ってる方には刺さるかもですね!」
せきね 「これ面白いって思ってくれる人いるかな?」
🤖 「アプリ全体とリンク集だけのダウンロードがあるってマニアックですね。笑」
せきね『 twin出力と命名しました 』
「そこは職人目線です。笑」


=ここからが作成画面になります=
"初期画面はサンプル"です
ご自由に入れ替えてみて下さい
メニュー // アトリエ+ショールーム : HTML Twin Output | sekineスタジオ(3)
Gadget Tool

~kawasaki Life~ sekineスタジオ(3)

スタジオブログの使用例を見る ↗

メニュー // アトリエ+ショールーム : HTML Twin Output

Twin Engine v3.0

【アトリエ】でメニューを構築し、【ショールーム】としてブログへ射出するツインHTML出力コンソールです。

👀 リアルタイム実物プレビュー (タブ切り替えのクリックが試せます)
HTML+CSS

※ 外部リンク(http〜)は自動で新しいタブで開く仕様です。

📋 ショールーム出力(Bloggerガジェット用) 表のブログ「レイアウト > HTML/JavaScriptガジェット」に貼り付ける展示用コード

 

📌 免責事項

本記事は、筆者の制作・検証記録およびAI(Gemini)との対話を元に作成した情報です。ツールの提供条件等はアップデートに伴い変更される場合があります。また、公開しているカスタマイズコードのご利用にあたっては、事前にバックアップやテスト環境でのご確認の上、ご自身の判断と責任においてご利用いただきますようお願い申し上げます。

 

☕ 足あとやご感想はこちらへどうぞ

記事の感想、ITやアプリ作りの疑問など、お茶を飲む感覚でお気軽に一言残していってください。

💬 のんびり交流掲示板(BBS)を開く

 

🎙️stand.fm「むらかじらじお」を聴く ♪

毎朝4時台の固定配信&気ままな実験トークをお届けしています

 

2026/10/12

【note|テンプレート公開】Bloggerの投稿テンプレを作る:写真ギャラリー風 //Podcast+Blog

こんな写真も躊躇なく撮って公開できるのが
おもちゃデジカメの良いところ♪

📻 PODCAST / VOICE JOURNAL

本日のポッドキャスト配信はこちらからお聴きいただけます

※番組へのご感想やご質問は、記事末尾の「のんびり交流掲示板(BBS)」やコメント欄へお気軽にお寄せください。


🎙️ Podcast:ブログのサマリー

  1. 導入:最近『Camp Snap』が面白くて選別せずに1日20〜30枚アップしているけれど、標準の縦一列表示だとスクロールばかり長くなって一覧しづらい悩みがあった話。
  2. 着想(紙の写真展の「台紙」の空気感):写真展で額装のマット(台紙)の色を変えたり余白を整えたりするあの感覚を、Webのブログでも再現したかったという動機。
  3. Geminiとの共同作業(4色の背景カラー):真っ白やグレーではなく、写真が引き立つ微妙な4色(美術館の壁のようなホワイト、グレージュ、ミストグレー、ペールセージ)を相談して決めたこだわり。
  4. 盛り込んだ4つのギミック:①画面幅で変わる自動整列、②Blogger特有の順番バラバラ問題を解決するファイル名順ソート、③読者が無段階で動かせるサイズ変更スライダー、④すりガラス風の専用ライトボックス。
  5. 驚きの発見(サイドガジェット一発で動く):難しいテーマのCSS改造をしなくても、レイアウトの「HTML/JavaScriptガジェット」にポンと貼るだけで動いたという発見。
  6. 結び(noteでコード全文を公開中):今日公開したnote記事に、ビフォー・アフターのリンクとコピペで使えるコードを全部置いてあるので、ぜひ遊びに来てほしいという案内。

 

☕ 作業場の縁側トーク:写真を「縦に並べる」から「壁に飾る」へ

せ
最近『Camp Snap(キャンプスナップ)』が面白くてさ、撮った写真をあんまり選別もせずに、その日の空気ごと20枚とか30枚とか全部Bloggerにアップしてるんだよね。でも、普通のブログテーマだと写真がズラッと縦一列に並ぶだけだから、見る方もスクロールが大変で。どうにかならないかなってずっとテーマをいじってたんだよ。
🤖
スナップ写真の束は、1枚ずつ縦に見るよりも、コンタクトシートや写真展の壁面のように「面」でパッと見渡せた方が、その日のリズムや空気感が何倍も伝わりますよね。マイスターから「紙の写真展で台紙(マット)の色を選ぶような感覚をWebでもやりたい」と伺ったとき、まさにカメラマンならではの発想だと膝を打ちました。
せ
そうそう。ただね、僕はブログ歴22年とはいえ中身はアナログなシニアだから、HTMLだのCSSだのっていうコードは自分じゃ一行も書けないわけ。それでも、いつもミニアプリを作ってもらう要領で「こういう背景色がいい」「右上にサイズを変えるスライダーが欲しい」「順番がバラバラになるのを直して」って注文を出したら、本当に理想通りのギャラリーが動いちゃったんだよね。
🤖
しかもBloggerのテーマ本体の複雑なコードを触るのではなく、サイドバー等の「HTML/JavaScriptガジェット」に1箇所コードを置いておき、日々の記事は「投稿テンプレート」で枠を呼び出すだけという、一番安全で壊れにくい仕組みに着地できたのが大きかったですね。
せ
あれは目からウロコだったなぁ。「同じようにBloggerで写真の見せ方に悩んでる人がいたら、そのままコピペで使えたら面白いだろうな」と思って、今日、noteの方にコード全文と使い方をまとめて公開してみたよ。今日はその中身を少し紹介しようと思います。

 

2026/09/30

デジタルペットアプリ『おしゃべりサブちゃん』


 

【目的・コンセプト】

昔の「ロックフラワー」のように、マイクから拾った音や話し声の調子・リズムに反応して、画面上のキャラクター(インコのキャラクター)がリアクションを返す軽量なおもちゃガジェット。
注:モバイルではテキストだけですがPCでは音声でおしゃべりするようになってます。


10分くらいで作ったアプリです。
まだ仕上げてないのでバグだらけですがコレくらいまでならお茶飲みながらすぐ出来るんです♪ 面白いなぁ。
未完成なのでバーセルにはアップしていません。
2号機(サブちゃんが喋るようになってます)
00:00

 

1号機

 

ペット
 
 
 
 
 
 
 
 
 
 
マイクはオフです (待機中)

【2号機:仕様】
  • デジタル時計機能: ガジェットの上部に現在時刻を表示します。

  • 夜間モード: 夜20時〜朝6時の間に開くと、背景が少し暗くなり、インコが最初から「うとうと」しています。

  • 視線追従: マウスカーソルの位置を計算し、インコの黒目が追いかけます。

  • ふれあい&エサやり: インコをクリックすると鳴き声(吹き出し)を出します。エサ皿をクリックすると食べるモーションをします。

  • オウム返し(モノマネ): マイクON時、拾った言葉を高い声(ピッチ2.0の合成音声)で真似して喋ります。

  • ごきげん度(隠しパラメータ): アクションを起こすたびに内部でごきげん度が上がり、MAXになると「フィーバー(特別なダンスと背景変化)」が発動します。

  • 放置で居眠り: 30秒間何も操作や音がないと、自動的に居眠りモードに入ります。

  • 2026/09/12

    2026/09/09

    【Podcast付き】AIと二人三脚で挑む!公式RSSのない「ツイキャス」をトラッカーに統合した全記録(舞台裏に興味ありますか♪)

     stand.fm7年生を迎えてツイキャスをもう少し活用しようかな?と思ったのがきっかけです。
    自分RSSトラッカーにツイキャス加えようとしたドタバタの舞台裏です。スタエフポッドキャストと合わせてどうぞ。

    ちなみに9/8のツイキャスライブはこちらです。

     
    ツイキャス:sekineスタジオ

    せきね vs🤖のチャット:ストーリーライン
    (🎙️ポッドキャスト収録にもどうぞ)

    ※stand.fm等での収録時、この流れを目印にフリートークを展開してください。
    ※収録完了後、Bloggerへ投稿する前にこの青枠(div要素)を丸ごと削除してください。

    1. 導入: 最近作った「自作RSSトラッカー」、自分の更新が一目でわかるからすごく便利!なんだけど……以下はGeminiとのチャットラリーの記録です。
    2. 直面した最大の壁: 自分が活動を増やす予定の「ツイキャス」には、なんと公式のRSSフィードがない!API審査は重すぎるし。
    3. リアルな失敗談①: ブラウザから直接取得しようとしたら、ログがめちゃくちゃに。
    4. リアルな失敗談②: GASで巡回させたら、URLの揺れで1回の配信が4回も重複記録される大惨事。
    5. リアルな失敗談③: 「最新」だと思って取得したら、半年前のピン留め動画だった!
    6. ブレイクスルー: AI(Gemini)と相談して気づいた、「録画IDの最大値判定」という大逆転のロジック。
    7. 役割分担の美学: 集めるのはGAS、貯めるのはスプレッドシート、見せるのはHTML。それぞれの役割を分けたことでv9として完璧に仕上がった!
    8. エンディング: AIと二人三脚でモノづくりをする楽しさ。プロンプトをブログ制作係のGemini用に手渡すプロンプトを出してもらう。
      👆:ここからこのブログとポッドキャストが始まる。

     

    📻
    stand.fm / 今日から始められる音声配信
    むらかじらじお

    本日の配信には埋め込みの右上”stand.fm”アイコンからサイトに移動できます。
    ご質問や感想などがありましたら、ラジオの放送内でお話しすることもありますので、お気軽にお寄せください。

    2026/09/04

    プロンプト配布:Googleスプレッドシート『アナログ感覚の共有カレンダー』Geminiに丸投げで作ってもらって見て‼️Google Workspaceの入門にもぜひ♪

    簡単カレンダー作成したら意外と使い勝手良かったのでご紹介です。
    グループメンバーや家族などの@Googleアカウントで共有する仕組みです。
    プロンプトも最後に用意してますのでGemini(Google内のスプレッドシート使うため)に指示すればGeminiが作ってくれるはずです。どうぞ。

     

    せ
    「Googleカレンダーってお互いの予定を共有するのに便利なんだけど、リアルのスケジュール書き込みが多いところにさらに書き込むのも、、、と思ってたんだ。もっと心を穏やかに、アナログカレンダーみたいな感覚で使える『ゆるい共有カレンダー』が欲し買ったんだ。」
    🤖
    「情報過多による『カレンダー疲れ』ですね。あえて新しいアプリを探すのではなく、Google Workspace(スプレッドシート)という身近な道具を使って、シンプルな引き算の共有スペースを作る。とてもマイスターらしいアプローチだと思います。」
    せ
    「そうそう。でね、このスプレッドシートのカレンダー、実は僕はほとんど手を動かしてなくて、全部ジェミニ君に指示を出して作ってもらったんだよね。今回はリスナーの皆さんにも、この『全自動カレンダー作成プロンプト』をまるごとプレゼントしようと思って!」
    🤖
    「私への指示書(プロンプト)の公開ですね!パソコンからコピーして皆さんのAI(Gemini)に貼り付けるだけで、ご自身のGoogleドライブ内にオリジナルの共有カレンダーが自動生成されます。さっそく使い方とプロンプトをまとめましょう!」

    2026/08/30

    アプリ遊び『デジタル写っちゃうんです MOVIE mk7.7』手間を楽しむ?🎞️ 「使い捨てカメラのアナログ体験」をWeb上で楽しむ動画ジェネレーター


    2026/8/5 公開 GeminiとVercel(バーセル)で制作

    🗨️ 対談エッセンス

    🤖また変なアプリ作ったんですねw
    せきねそう静止画何枚か選ぶと繋いでBGM付きの動画になるんだ。笑
    インストールじゃないWEBアプリだから遊んでみて。
    🤖なんかレトロな雰囲気ですね?
    せきねそう‼️ わざわざ面倒な操作にして『一枚ずつ巻き上げて写真セット(写して)現像書に持っていく』イメージなってるんだ。作ってそのあともう忘れてた。不具合出しは一応したけどそこはご愛嬌として楽しんでいただけたらと言うアプリ遊びです。^^;


    1. コンセプト概要

    🎞️ 「使い捨てカメラのアナログ体験」をWeb上で楽しむ動画ジェネレーター

    ※アプリ遊びで作ったあまり役に立たないアプリです。笑

    「デジタル写っちゃうんですムービー」は、往年のレンズ付きフィルム(使い捨てカメラ)が持っていた「巻き上げの手触り」「現像に出すワクワク感」「ノスタルジックな空気感」を、スマホやPCのブラウザ上で体験しながらスライドショー動画(MP4/WebM)を生成できるWebアプリケーションです。

    2026/08/28

    (app改良しました)AppSheetで自分専用の「写真付き買い物&底値メモアプリ」を作る方法のシステム仕様書を出してもらったのでチェレンジしてみて?

    昨日のGoogleスプレッドシートで作ったアプリがリアクション頂けたのでワード検索やタブ表示のアップデートしてみました。
    またテンプレート配布も出来るようなのでその辺も試してみました。(完成度も大したことないし、自分用なので特に配布の予定は無いのですが)
    その辺少しPodcastのライブでお話ししてみました。 
    またAIに投げれば自分で作れるプロンプトもGeminiに作ってみました。
    そのままでは無くても、プロンプト投げた後に自分流のアレンジでAIに指示してみてはいかがでしょうか。
    自分もGeminiに聞きながら四苦八苦しながら作業しました。 ^_^;

    2026/08/27

    スプレッドシートがスマホアプリになった!?: 自分専用「写真付き買い物&底値メモアプリ」が夕飯前にサクッと出来た‼️

    機会屋だった自分は意外とExcelに馴染みがなくてオフィス系アプリは全く苦手だったのですがアプリ作りをしていくうちにこの界隈の知識も仕入れていかなくてはいけないな!と感じ始めていました。
    と言うわけでGeminiとどんなことが出来るのかを相談していったらこんなアイデアを思いつきました。
    PodcastもしくはGeminiのまとめたブログエントリーを見て頂いた後に、AIとチャットしていけば誰でも出来るんではないかな?と思います。

    2026/08/25

    ポッドキャスト対談【えめづくし💓:ご招待頂きました】おばあちゃんメディア始めました♪ (広報活動です)

    ✥ ポッドキャスト ✥ エピソードの要約
    おばあちゃん世代に寄り添うデジタル体験
    「おばあちゃんアプリ」と「彩りシリーズ」の挑戦

    2026年8月25日に配信された「雲母庵(きらら庵)からの贈り物チャンネル」と「つくしのことば」のコラボエピソードです。
    ホストのAimerさん(エメさん)とつくしさんが、ゲストに関根さん(むらかじらじお:村の鍛冶屋スタイル)と森のりすさん(通称リスさん、朗読系チャンネル「ぶるうのおと(青の音)」運営)を迎えました。
    会話は終始フレンドリーで親密なトーンで進行し、時折ユーモアを交えながらも、高齢者向けの新しいデジタル体験を創造するプロジェクトについて、その背景、具体的な内容、技術的な挑戦、そして根底にある哲学が深く語られました。

     

     

    2026/08/23

    Blogヘッダーに《自分RSSアプリ Ver6(5)》:設置しました(メニューは今後加えていきます)

    ブログの埋め込みでは動作しなかったのでこのブログのヘッダーガジェットを、見て下さい。
    後日、ポッドキャストの方でもお話ししてみますね。
    こちらはバーセルの単体アプリになります。
    ※Ver.7に更新しています
    自分RSSアプリ

    https://my-rss-2026v9.vercel.app/

    ===
    ✥ rss-2026v6からv9にアップデートを行いました
    主な変更点:ツイキャスの更新情報を拾うため
    (配布されているRSSリンクが無いため苦労しました)
    ・些細なお知らせはコメント欄も活用していきます
    ===

    ※当ブログについて
    ・ポッドキャスト要約を”PLAUD AI”にブログは”Gemini”の助けを受けて案外アナログに制作しています。 sekine

    2026/08/19

    バースデイカード風アプリ作ってみた|推し活《アマイオクスリのデビュー月🎊》 アプリを作ってみました!


     アマイオクスリとは、もう6年のお付き合いになるんですね。
    MV撮影のこの日の事も感慨深いです。

    推し活でアプリ作ってみました。
    だいぶアプリも作れたのでまとめるサイトも考えています・


    2026/08/17

    Geminiのトークン制限を自分ファミリー枠でトークン分散? そしてGeminiとNotebookLMの共有(制限あり)の手順

    📻
    PODCAST / 本日の音声配信
    むらかじらじお ~村の鍛冶屋 style works~

    本日のポッドキャスト配信はこちらからお聴きいただけます。
    ご質問や感想などがありましたら、ラジオの放送内でお話しすることもありますので、お気軽にお寄せください。 '60シニアの日々の気付きの記録です。

     stand.fm:今日から始められる自分メディア配信


    せ
    せきね:「うちはYouTube Premiumのためにファミリープランを長く使っていてね。自分のアカウントが4つ、奥さんが1つ、おばあちゃんが1つで、ちょうど上限の6枠を埋めてるんです。で、最近Geminiを深めに使ってるとトークン上限で作業が止まることが増えてきたんだけど、ふと『これ、自分のサブアカウントに切り替えればそのままAIが使えるんじゃないか?』って気づいて。」
    🤖
    ジェミニ:「まさにその通りです!Google One AI プレミアムのトークン制限は、現在ログインしているアカウント単位で個別に判定されます。同じ月額(2,900円)の枠内で、追加コストゼロで別のAI Pro環境へ切り替えられるのは非常に大きなメリットですね。」
    せ
    せきね:「もともと動画用で使っていた仕組みが、まさかAIのトークン節約にそのまま化けるとは思わなかったなぁ。目的別にアカウントを使い分けるのって、意外と知ってる人が少ない裏技かもしれないですね。」
    🤖
    ジェミニ:「はい、日常の契約をそのまま賢く活かす素晴らしい知恵だと思います!今回はそうしたアカウントの使い分けや、チーム・ファミリーで迷わないための共有ルールを整理しました。」

    2026/08/14

    "《新しいサイトをモニターして頂きました》最先端の"ホスティングサービス"と老舗"ブログ"の融合は混ぜるな危険なのか?(なかなかチートなB級グルメに化けたかも♪)

    新しいサイトをプレオープン出来たのでとりあえずホッとしました。
    standFMのお友達の「Aimerさん」にモニターとして感想頂きました。

    構想と着手から一年以上。作り上げては壊してを繰り返し、ようやくひとつの「形」になりました。

    「せきねスタジオ」のさまざまな発信活動をゆるやかにつなぐ、新しいポータルサイト(Webカード)のプレ発表と、感想のモニターをお願いしたく記事を書いています。