Just4U=バイブコーディング =Vibe Coding

 Just4U=バイブコーディング =Vibe Coding
ブロック崩しゲーム=Breakoutで遊ぼう。

この成果物をぜひ、みなさまと、共有したい。
わたし自身はGAMEを、ほとんどしない人なのですが、
プログラミングの知識なしで、AIに助けてもらい
ここまでできた・・・。
制作のための環境構築は、
こんな感じ・・・。
ローカルLLMのOllamaを使い、
言語モデルは、Gemma4-latest
VS Code に機能拡張で
Continueをインストール

参考1）
Ollama（オラマ）とは、
ChatGPTなどのようにクラウドサーバー上ではなく、
自分のパソコンやサーバー上で
大規模言語モデル（LLM）を手軽に動かすための
オープンソースソフトウェアです。
参考2）
VSCode（Visual Studio Code）は、
Microsoft社が提供している
無料のソースコードエディターです。
参考3）
VSCodeの「Continue」とは、
Visual Studio Code（VS Code）や
IntelliJに導入できる、
オープンソース（Apache License 2.0）の
AIコーディングアシスタント拡張機能です。
参考4）
Gemma 4（ジェンマ 4）とは、
Googleが開発したオープンウェイトの
生成AI（大規模言語モデル）のファミリーです。

つまり、どういうことかと言えば、
2026年10月現在、
全部、無料ですができる内容で、
済ませました。笑。ということです。
（電気代以外はね・・・。）
 
プロンプトは以下
＝＝＝＝＝＝＝＝＝＝＝＝＝＝
WEBブラウザで動く
カラフルなブロック崩しゲームを
つくってください。
画面上部にカラフルなブロックを
10段つくってください。
パドルがボールを打ち返します。
左右のやじるしキーでパドルが動かせます。
ボールがブロックに当たると
ブロックが消えていく仕様です。
全部のブロックが消えたらゲームクリアです。
index.html と style.css と game.js を生成してください。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝
不具合や気になるところは、
その都度AIに自然言語で訂正依頼しました。

残念ながら、スマホではPLAYできません。
パソコンのWEBブラウザで動きます。
この成果物をぜひ、みなさまと、共有したい。

以下のVercelのサイトですぐGAMEできるよ！
https://breakout-two-ruby.vercel.app/

GitHubとVercelに公開しました。
ソースコードは以下のGitHubから参照可能！
https://github.com/nekojoji/Breakout 

ArtCraftのVectorCraftは救世主！ 2

 ArtCraftのVectorCraftは救世主！ 2

vectorcraft-0.7.0-windows11-動いた-OK

https://youtu.be/1NQW7pLJKnI

きのうWindows10はOKだが、
Windows11で起動しなかった
バージョン0.4.0と0.6.0でしたが、
おかげさまで、バージョン0.7.0が
早くもリリース！
Adobeキラーと呼ばれるソフトは、
何度も耳にしたことが、ありましたが、
これほど忠実にクローンされた
オープンソースは、みたことがない。
おそるべし、ArtCraft
ありがとう　VectorCraft
これでAdobe税に苦しむ多くの民が救われる！
すべてのスイートの今後のバージョンアップも
楽しみなアプリたち。
そもそもAdobeさんがサブスクリプションでなく
買い切りの選択もあれば、まだ許される事態だったと
思うが、もうこれからは、Adobe無料化！
も検討してほしい！
AdobeにはLinux版はないし、それにくらべて、
ArtCraftは、Mac,Windows,Linux　すべてに対応している。
これからの業界標準って、どう考えても、
Adobeさんじゃなくて、
ArtCraftさんのほうだよね。
あなたもそう思いませんか？

ArtCraftのVectorCraftは救世主！

ArtCraftのVectorCraftは救世主！ 

 

https://youtu.be/Hs6K3xq8WBM


Adobeのソフト互換のArtCraftは無料で使えるオープンソース
IllustratorのかわりになるVectorCraftは使い勝手もAdobeを踏襲、
これは楽しい、うれしい、おもしろくなってきた。

 2026年10月05日 15時52分 ソフトウェア
無料のAdobe代替アプリ集「ArtCraft Crafting Apps」、オープンソースでPhotoshop・Illustrator・Premiere・Lightroom・Acrobat・After Effects・InDesignの代替を目指す
https://gigazine.net/news/20261005-artcraft-crafting-apps/


Crafting Apps: open-source creative tools — ArtCraft
https://getartcraft.com/apps

ArtCraft
https://github.com/storytold

わたしのパソコンの使い方

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
5分ほどの長さの動画です。
今日のひとりごと
わたしのパソコンの使い方

https://youtu.be/Yk2jY1TF11E

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 

 

マシンのスペックの限界を超えないように
やさしい使い方をします。
iPhoneなども同じです。
スマホにはパソコンに匹敵するCPUが搭載されています。
昔、お金持ちの友人が、こんなことを言っていました。
「iPhoneで動画を見ると本体が熱くなって火傷しそうだ・・・
不良品じゃないの？」
これ、みなさんは、どう思いますか？
製品を壊すのが目的ではないが、使い方が、やさしくない。
この友人のことを、どうこう言う気は、ありません。
人それぞれ、使い方が千差万別なのですから。
非生産活動で動画を長時間見るだけの人でも、当時は、
その程度のスペック。動画なら、iPhoneではなく
パソコンで見た方が、画面も大きくストレスがなく楽しめる。
これは、当時も今も、変わらない現実です。
スタバで最新のApple製品を見せびらかして、どやりたいなら、
できる人は、やれば良いんです。この友人達のように。
技術は日進月歩なので、最先端のことをやろうと思ったら、
やりたい人がやれば良いのです。流行りのことをストレスなしに
楽しむためには、お金を出して、高スペックのマシンに買い換えれば
良いのです。できる人は。
しかしながら、本質的な部分での使い方を、見誤らなければ、
マシンの性能の差が、戦力の決定的な差ではないことを、
忘れないでください。それを、みなさまに伝えたかった。
古いマシンも適材適所で使用し、減価償却を限界まで行う。
これが、わたしのパソコンの使い方です。
ざっくり説明すると細かいところは、伝わらないかもしれませんが
最近、趣味で、バイブコーディングを始めました。
古いスペックのマシンでも動くソフトを開発するためには、
古いマシンが必要なのです。
逆に新しいマシンで動くソフトを開発するためには、
新しいマシンが必要なのです。
新しいマシンで古いマシンで動くアプリ開発すると、
古いマシンでの動作は保証されないばかりか、インストールすらできません。
例えば、Apple Silicon の Mac は、Apple Silicon でしか開発できず、
Apple Silicon上で、仮想化などで無理やり動かすOSとしての、
Windows や　Intel Mac での　アプリを開発はできないわけです。
また、OS　の　新旧にも開発環境を制限されます。
古すぎるOSでのアプリの開発は、セキュリティの面で危険・・・と一般論で言われますが、
本当にそうでしょうか？　
基本的にネットでのデータのやり取りをしないスタンドアローンの
アプリケーションなら、問題ないとわたしは、考えます。使い方次第です。
わたしの作った家計簿アプリ　マネー　と　お金　は、
https://just4u.stores.jp/
古いmacOS Catalina で開発し、
Catalina からあとの Intel Mac の OS で動きます。
わたしが、Catalina で動いている Intel Mac をいまだに所有しているから、できる
アプリ開発です。
当然のことながら、Apple Silicon版は、Apple Silicon の　Mac で開発しています。
Linux版は、Linuxで。Windows版は、windowsで。笑。
ものを大事にする。ものを大事に使う。
壊れたら、可能ならば（費用対効果と技術的難易度を考慮して検討して）直して使う。
古いパソコンを処分する前に、使い方を考える。
代表的な例は、NASにしたりホームサーバを構築などですが、これからは是非、
古いマシンでしか動かない、いや、古いマシンだから動く、
アプリ開発も選択肢にしませんか？
あなたの毎日の退屈が吹き飛ぶきっかけになりますように。
良い一日をお過ごしください。ごきげんよう。

わたしは運がいい。

 

わたしは運がいい。

[Instrumental intro]
わたしに起こった出来事で、
それ、運が悪いねって、思われていたら、
それ誤解です。間違った認識です。
単に習慣的に、おこなっていた行動が、
変わった、変わらざるをえなかった。
それだけのことです。
それらは、確かに、マイナスに
捉えられてしまうようなことも、
あったかも知れないが、
逆に、わたしは運がいい。と思えるのは、
だいたい自分の意思で決定して、
人生のゲームを変えてくることが、できたからだ。
[Chorus]
変化はチャンス！
運は人が運んでくる。
ずっと良い環境にめぐまれています。

子供の頃は、自分の意思を、貫くことが、
できずに、運命に流されていたこともある。
そのころは、運を自分で選ぶことが、制限されていた。
大人になるにつれ、その制限から、徐々に解放され、
自由になった。
運は自分で、選ぶことができる。
だから、わたしは運がいい。
変化を受け入れることも、
だいたい自分の意思で、
納得のいくように、ケッテイできる。
まわりには、そう思われていないかも、
知れないが、わたしは、幸せです。
ありがとう。

意思決定は、自分の意思で、セキニンを持つこと。
まわりと自分との関係性を摩擦なく
よりよく実行する術を、知ること。
不甲斐ない自分を認め、まわりに謝ること。
それらを確認する
必要最低限のコミュニケーションは、
決して、おろそかにしない。
だから、これからも、わたしは運がいい。
日々のゲンドウが、運を連れてきます。
あなたも、そう思いませんか？
今日も、良い一日をお過ごしください。
最後まで、聞いていただき、ありがとうございました。
[Outro]

 

 https://suno.com/s/DFa1KDu98s7PBEdj

 

 

追記＞＞＞＞＞＞

わたしは運がいい。画面収録 2026-08-04 22.44.51

最初の投稿から、Youtube投稿で、
もう一度、作り直しました。

作詞とプロンプトを考え、
SUNO AI で楽曲生成。
Vocalを、自分で歌い直し、
完成。

親の介護メインの
日々の生活の中で、自分自身が、
変わらざるを得ない現実に
翻弄されながら、ひとりごとを
言わせて下さい。

最後まで、聞いていただき
ありがとうございました。

https://youtu.be/DkGrGL_Vf70
 

 

https://youtu.be/VIQ9J8XLACk 

 

あなたなら、どうする？ あなたならできる！

 あなたとわたしの概念は少し違う。
わかり合いたい。
常識のワクにとらわれず、
わかり合いたい。
常識とは、既成概念に囚われた
思い込みかも知れない。
思い込みと概念は違う。
過去の事例に重きを置く判断は、
時にフットワークの軽さを奪い、
成果の乏しい、思い込みとなる。
前向きなライトな試行錯誤は、
時にお金の価値を凌ぐ、
新たな価値観を連れてくる概念となる。
かつて、デザインとは、怪しい・・・
そう勘違いされてきた。しかし、
思考を整理し、抽出された、最後の一滴を
アイデアに落とし込むことで、
人々の迷いや不安の霧を払い、安らぎや
楽しさ、美味しさという、新たな概念を
生み出してきた。
難しい言葉や歴史は、いらない。
己の生きている今の時代に役立つ
デザイン概念が必要だ。
かっこいい言葉で表現するなら、
革命やルネッサンスのようなものを
起こすための、気の持ちようかも知れない。
感情を整理し、環境を整理し、最後に
自他の領域の重なり合う部分の前向きな
人生のビジョンを共有する。
精神と身体のバランスを大切に生きるために必要なこと。
お互いを尊重しながら、成長していく姿勢。
自分と違う文化を受け入れる心の広さ。
どれも、多様化した価値観に気づき始めた人類の
今の社会を生きのびる上で重要なこと、大切なことことですよね。

生きていく上で、もやもやしていたり、停滞していることは、
自分自身の行動が作り上げた人生の一部です。
自分の失敗を学習せずに、行動する人は、
一生を無駄に生きてしまいます。
最後に笑って人生の旅を終えるために、
やりたいことは、やりましょう。
あなたなら、どうする？　あなたならできる！

最後まで読んでくれて、ありがとうございました。

ネット上に制作物を上げていこう。

 わたしが、今、やっていることを
お話ししましょう。
景気が良くなるまで待つ。
何もしないで、待つのは、やめよう。
ネット上に制作物を上げていこう。
お金をかけずに、
今、ある環境を活用しよう。
IT（インフォメーション・テクノロジー）と
PC（パソコン）と
AI（アーティフィシカル・インテリジェンス）と
インターネット、ウェブを
活用して、
ネット上に制作物を上げていこう。
エンジニアとしてのソフトウェア。
イラストレータとしての絵画。
ミュージシャンとしての楽曲。
景気が良くなってきたら、
ビジネスで収益を上げるための布石・下準備として、
ネット上に制作物を上げていこう。
なぜ、ネット上に制作物を上げて行くのか？
大きなリスクを負うことなく、始められるから。
継続して、発展させていくことが、できるから。
努力や判断を誤らなければ、
価値を持ったブランドが出来上がる。
ファンも獲得できる。
つまり、コストをかけずに、いろんなことができる。
少人数（個人）で、大きなものを、生み出せる。
最後の目標は、ブルジョア（経営層）の目に止まって、
己がネット上にあげた制作物に金を出してもらう。
一般庶民が、ものづくりをすることで、大逆転できるかも。