篠原隆司|システム開発とAI活用、相談から実装まで

17.6K posts

篠原隆司|システム開発とAI活用、相談から実装まで banner
篠原隆司|システム開発とAI活用、相談から実装まで

篠原隆司|システム開発とAI活用、相談から実装まで

@aulta

香川県でシステム開発してます💻 AI活用・WEBサイト制作・PCのお困りごと、ご相談OK! 担当者不在の古いシステムの引き継ぎ相談もどうぞ。 DMでお気軽にご連絡ください✉️ ※今だけ「AI」と「WordPress」の無料相談やってます! Wordpressはこちら @aulta_wordpress

香川県観音寺市大野原町 Sumali Şubat 2009
1K Sinusundan1.6K Mga Tagasunod
Naka-pin na Tweet
篠原隆司|システム開発とAI活用、相談から実装まで
Claudeさんの壊れっぷり やったらダメなことをしてるとか 先週までの話題では 「書いたものの早速時代遅れかなー」 と思ったりもしたけど 今週の話題を見てると 「やっぱりこれやろ」 になってきてる 信じられるものは何か? AIか?自分か? 自分でしょ aulta.co.jp/claude-code-lab
日本語
1
0
3
533
篠原隆司|システム開発とAI活用、相談から実装まで
気づいた方もいるかもしれないですが、ここに書いた内容 Cowork を使うことで環境構築の半分が一気に終わります Cowork は仮想環境を持っていてその中で実行されます リンク先の内容は、自前の仮想環境にLinuxを入れてClaude Codeを使いましょう、と言う話し 考え方としては同じことです 🤔
日本語
1
0
2
66
篠原隆司|システム開発とAI活用、相談から実装まで
後半は別の話になるので触れず 前半部分についてはまさにそのとおりだと思います 数日前、Images 2.0 に関連した内容をいくつか投稿したけどそこで言っていたことに通じます あんな簡単にあれだけのものが作れるようになった先に起こること 似たようなことは過去に何度も起こってきた それが今度は「AI動画」と言う形で繰り返される 簡単に作れるものに価値はない、ということは過去に証明されてきてます GoogleのSEOの歴史なんかで考えると典型的 AIを使ったとしても、それでも簡単に作れないもの、真似されないものは? このあたりに今後のヒントがあるかな、と思います 🤔
SaaS飯@saasmeshi

気づいてるか? GPT image2 一強時代、AIによって広告は無限に増える。無限に増えた広告は、信用を失う。つまり、 信用を失った世界では、“本物である証拠”が最も高く売れる。その理由と新たなビジネスチャンスを解説する。多くの人は、AIで広告が簡単に作れるようになると「制作コストが下がる」「デザイナーの仕事が減る」くらいに考えている。でも本質はそこじゃない。もっと大きな変化は、広告が作れすぎることで、広告そのものの価値が壊れることだ。 これまでは、広告を作れること自体に価値があった。撮影、編集、コピー、モデル起用。全部コストがかかるから、作れる会社が強かった。でもAIはこの前提を壊す。画像も動画もレビューも、ほぼ無限に作れる。速くて安くて、いくらでも試せる。 すると何が起きるか。広告が溢れる。SNSも検索も動画も、AI広告だらけになる。最初は「すごい」と思われる。でもすぐに慣れて、次にこうなる。 「これ本当?」「この人実在する?」「レビューもAIじゃない?」 つまり、綺麗な広告は信用の理由にならなくなる。むしろ疑われる。ここで価値が移る。広告を作る力から、広告が本物だと証明する力へ。 たとえば美容なら「綺麗な肌」より、「誰がどの条件で何日使ったか」。飲食なら「美味しそうな写真」より、「実際に来店した証拠」。採用なら「キラキラ社員」より、「リアルな労働実態」。つまり売れるのは広告素材ではなく、証拠素材だ。 ここにビジネスチャンスがある。 1つ目は広告の証拠管理。AI広告を「いつ・誰が・何で作り・誰が承認し・どこに出したか」を記録する。問題が起きた時に説明できる会社だけが残る。 2つ目は本物レビュー認証。AIレビューが増えるほど、「実際に買った・使った・報酬の有無」まで証明されたレビューの価値が上がる。 3つ目はAI広告の法務チェック。AIは平気で言いすぎる。「絶対」「必ず」みたいな表現を自動で検知し、安全な言い方に直すサービスは確実に伸びる。 4つ目は商品パスポート。人間ではなくAIが商品を選ぶ時代、成分、根拠、返品率、レビューなどを整理した“AIが読める商品情報”が必要になる。 結論。 AIによって広告の希少性は消える。でも証拠の希少性は消えない。本当に買った人、本当に使った人、本当に改善したデータ。これは簡単に量産できない。 だから次の時代に高く売れるのは、綺麗な広告じゃない。本物である証拠だ。そしてその証拠を集め、整え、信頼に変換できる会社が勝つ。 やるしかねえ。Don’t Work!

日本語
0
0
0
130
篠原隆司|システム開発とAI活用、相談から実装まで
phpファイルに書いた内容をそのままテキストモードに同期し 管理画面から編集したらそのphpも更新され phpを編集すれば管理画面側に反映される そんな仕組みを作ってました page-xxx.phpが全盛の頃 htmlブロックで同じ仕組みを作り 時間があったら専用のブロックに細分化していくかなと思いました🤔
森山まゆこ@mayukojpn

こういう内容があったらいいかな?と出ている案: ・page-xxx.php にハードコードされたサイトを、ブロックorクラシックエディター対応にする方法 ・ブロックテーマでも忠実にデザイン再現するには? ・ブロックってどこまで自由度あるの?

日本語
0
1
2
274
篠原隆司|システム開発とAI活用、相談から実装まで
先ほどの続きです アニメにするからいかんのよ! ってことで、実写にしてみました 先ほどのアニメを作ってから、15分 繰り返しになりますが 「創作とは?」 ほんと もうなんでもありですね この先なにをしたら良いのか見失うほどに 改めて、僕が書いた初期プロンプトを添えて これだけですよ 🤔
篠原隆司|システム開発とAI活用、相談から実装まで tweet media篠原隆司|システム開発とAI活用、相談から実装まで tweet media
日本語
0
0
0
112
篠原隆司|システム開発とAI活用、相談から実装まで
先ほどの続きです ちょっと雰囲気を変えてみました さっきのはちょっとなんか見覚えある感じになったことに気が付いたので、「4頭身にしたら良いやろ」と深く考えずに作ってみたら子どもキャラになってしまいました そしてさらに気が付いたのは、似せにいっているのは Images 2.0 では無さそう 動画にしたときに台本に入れている絵柄とは違うものになってしまっている様子 このくらいまでなら1時間もあれば作れるけど、これでは表に出せるとは言えない 表に出せるくらいに仕上げようとしたら、ここから先にやらなければいけないことは山ほど AIに任せられないことも 80%まではAIでできるようになっても、残り20%はまだまだ その20%を埋めるには、8:2 の法則が効いてくると思うのだけど 🤔
篠原隆司|システム開発とAI活用、相談から実装まで tweet media
日本語
0
0
0
124
篠原隆司|システム開発とAI活用、相談から実装まで
先ほどの続きです Images 2.0 で動画の台本を作って貰ったので、台本を動画にしてみました そして完成したのが添付 もうね、もうねーー どうすんのこれ という感じですね 最初のプロンプト書き始めて1時間でこれですよ どうすんのこれ 🤔
日本語
0
0
2
115
篠原隆司|システム開発とAI活用、相談から実装まで
Images 2.0 で動画の台本作って貰いました 添付1つ目のプロンプト投げたらこれが出てくるのはヤバすぎる 「創作とは?」 と・・・ さすがにこれはYouTubeも対策したくなるよなぁっと ポエム動画が乱立する未来 一律でダメってしないと判定しようがないのかな 🤔
篠原隆司|システム開発とAI活用、相談から実装まで tweet media篠原隆司|システム開発とAI活用、相談から実装まで tweet media篠原隆司|システム開発とAI活用、相談から実装まで tweet media篠原隆司|システム開発とAI活用、相談から実装まで tweet media
日本語
0
0
0
64
篠原隆司|システム開発とAI活用、相談から実装まで
AIで色々できるようになりアイディアは無限に出てくるけど 「半年先1年先のAIがそのアイディアを台無しにしないか?」 と考える 現に数年前から温めていたアイディアのいくつかはもうAIによって意味のないものになってしまってる そういう意味では「手を出さなくて良かった」のだけど・・・🤔
日本語
1
0
1
64
篠原隆司|システム開発とAI活用、相談から実装まで
@eriko 一連の流れ、おもしろそうだったのでやってみました ▼こちらに載せました x.com/aulta/status/2…
篠原隆司|システム開発とAI活用、相談から実装まで@aulta

AIでトップページを作ってみました ここまで正味2時間くらい ▼htmlにしたものをこちらにアップしています aulta.co.jp/sample/202604_… このくらいまでは誰でも作れるような時代になってしまいました ここからがスタートですか?   それとも これでOKですか? どちらも正解だと思います でも、ここからさらに良いものに仕上げていくには、AIだけではまだまだ難しいです 色々な方面の知識・能力がないとAIだけでは意外と早く限界を迎えることになります なにより2時間でできたのは   「僕が僕のために作った」 からです それはつまり   「すべての決定権は僕にある」 からです 依頼を請けて作ることになるとそういうわけにはいきません・・・あ、話しが逸れそうだ・・・ ■■■ ということで、 今回の手順は次のような流れでやってみました 1.ChatGPTにURLを渡して依頼 ファーストビューが出てくる 2.同じ感じで、セクションごとに作って貰う 10枚くらいできた (添付2枚目) 3.Claudeに画像を渡してhtmlにして貰う 指示は添付1枚目 4.Claudeと一緒に調整 今回は「どんなものか?」の調査なのでこんな感じで ■■■ きちんと作るなら次のような感じになると思います 1.Claudeで構成とワイヤーを作る 2.1をセクションごとに情報を分ける 3.2を順番にChatGPTに渡す(セクションごとに作って貰う) 4.3をClaudeに渡してコーディングしてもらう(Coworkで充分だと思う) 5.4を基にデベロッパーツールで数字を調整して、それをClaudeに教えてコードを変えてもらう ※ 2 のときに、セクションの1つとして下層で使うレイアウトも含めて作って貰って、コンポーネント一覧ページにしてしまったらいいのかも 🤔

日本語
1
0
1
35
山田恵理子 | SNS運用サポート・サイト分析×マーケティング
1枚画像でWebデザイン出せたとして、そのあと生成AIでコーディング(できればClaude Codeで)するにはどんなフローがベストなんだろう? 画像をClaudeに読ませて直接コーディングしてもらう?? あと下層ページのデザイン作る時はTOPとの整合性をどうすれば・・ そこはClaude Designでルール決め?ビジュアル作成はGPT?
日本語
2
0
2
118
山田恵理子 | SNS運用サポート・サイト分析×マーケティング
GPT-image2でWebサイトのトップページデザインを出力してるんだけど、ファーストビュー周りはキレイに出るけど、ページの下の方に行くに従ってだんだん雑になってく。 プロンプトが雑だからかもだけど、なんか力尽きてく様を見て「がんばれーーー!!」って応援したくなる🤣
日本語
1
0
7
255
篠原隆司|システム開発とAI活用、相談から実装まで
AIでトップページを作ってみました ここまで正味2時間くらい ▼htmlにしたものをこちらにアップしています aulta.co.jp/sample/202604_… このくらいまでは誰でも作れるような時代になってしまいました ここからがスタートですか?   それとも これでOKですか? どちらも正解だと思います でも、ここからさらに良いものに仕上げていくには、AIだけではまだまだ難しいです 色々な方面の知識・能力がないとAIだけでは意外と早く限界を迎えることになります なにより2時間でできたのは   「僕が僕のために作った」 からです それはつまり   「すべての決定権は僕にある」 からです 依頼を請けて作ることになるとそういうわけにはいきません・・・あ、話しが逸れそうだ・・・ ■■■ ということで、 今回の手順は次のような流れでやってみました 1.ChatGPTにURLを渡して依頼 ファーストビューが出てくる 2.同じ感じで、セクションごとに作って貰う 10枚くらいできた (添付2枚目) 3.Claudeに画像を渡してhtmlにして貰う 指示は添付1枚目 4.Claudeと一緒に調整 今回は「どんなものか?」の調査なのでこんな感じで ■■■ きちんと作るなら次のような感じになると思います 1.Claudeで構成とワイヤーを作る 2.1をセクションごとに情報を分ける 3.2を順番にChatGPTに渡す(セクションごとに作って貰う) 4.3をClaudeに渡してコーディングしてもらう(Coworkで充分だと思う) 5.4を基にデベロッパーツールで数字を調整して、それをClaudeに教えてコードを変えてもらう ※ 2 のときに、セクションの1つとして下層で使うレイアウトも含めて作って貰って、コンポーネント一覧ページにしてしまったらいいのかも 🤔
篠原隆司|システム開発とAI活用、相談から実装まで tweet media篠原隆司|システム開発とAI活用、相談から実装まで tweet media篠原隆司|システム開発とAI活用、相談から実装まで tweet media篠原隆司|システム開発とAI活用、相談から実装まで tweet media
日本語
0
0
0
145
篠原隆司|システム開発とAI活用、相談から実装まで
システムは静かに壊れていくことがあります Wordpressも同じく 壊れたことに気が付く仕組みを作ることはできます 例えば  ・壊れたらメールで送って貰う  ・壊れたら管理画面で目立たせる これだけでも充分だったりします そういうの作るの得意です、僕 🤔
がっちゃん@セルクエ運営|本業×Web制作@Gaaaachaman

x.com/i/article/2046…

日本語
1
0
3
425
篠原隆司|システム開発とAI活用、相談から実装まで
みんな知っていると思うんだ それが藁の家だってこと 木の家 「レビューした、設計も良い、これで十分」 レンガの家 「本番の負荷で耐えるか、落ちた時どう戻すか、誰が気づくか」 でも狼は来る そしてみんな、レンガの家に駆け込む みんな知っていると思うんだ 三匹の子豚で学んだことを 🤔
Suhas@zuess05

Senior developers are currently having a massive existential crisis because Claude writes "messy code" A junior just used Claude to ship an entire feature in 2 hours. Meanwhile, the Senior is still spending 3 days reviewing code. When will y'all realize that literally nobody cares if the code is "messy"?

日本語
0
0
1
235
篠原隆司|システム開発とAI活用、相談から実装まで
素朴な疑問だけど、ChatGPTのプロジェクトってあまり使われてない? プロジェクト設定で 「メモリ:プロジェクトだけ」ってあまり使われてない? どうでもいいような使い捨ての話題なんかは「ちょっと した調べもの」プロジェクトに放り込んで、外に影響し ないようにしてます また、案件ごととかある程度の粒度でプロジェクトを分けて行ったら、混ざって困る問題はないはず 当時 「仕事Aのスレッドを、仕事Bのスレッドから参照できるっ てマズいよなー」 と思ったところから始まってるので、一番にこの機能を探しました 🤔
篠原隆司|システム開発とAI活用、相談から実装まで tweet media
日本語
0
0
1
81
篠原隆司|システム開発とAI活用、相談から実装まで
ちょっとしたアプリを作ろうと思ってます ずっとしんどい思いをしてきたことを解決するツール 僕自身が一番欲しがってるツール なので動くものが出来た時点で "もと" は取れるんだけど、せっかくなので・・・ ということで、作り始める前に 「どうやって配布するか」 から考えています もうこの時点で「ストア配布は断念」です ストア配布にすると一番やりたかったことが出来なくなるからです 終わりを決めて、そこに向かって無限の可能性から絞り込んでいく 思いついたことから始めるより最終的には近道という良い例だなぁと思いつつ 🤔 ※添付は作ったアプリを配布する方法の組合せと候補
篠原隆司|システム開発とAI活用、相談から実装まで tweet media
日本語
0
0
0
73
篠原隆司|システム開発とAI活用、相談から実装まで
難しいのはワイヤーを忠実に守ったら守ったで 「ここは上手いこと言い換えて欲しかった、調整して欲しかった」 みたいに言う人もいること そのままやっても何か言われ、変えたら変えたで言われ 相手の性格を掴むまでは苦労するところ ではどうすればいいかというと 「聞く」しかないかなぁ 🤔
中村和正|Full-Stack Web Director@nakamu_freenote

ワイヤーフレームのデザインが上がってきて、1秒で差し戻した話。 理由はワイヤーの意図が全く汲み取られてなかったから。 「会員登録(無料)はこちら」→「会員登録はこちら」に変わってた。 QRコードの読み取り方の説明文 → 全部消されてた。 デザイナーは「ない方がすっきりする」と思ったんだろうけど、 「無料」と書かないと課金されると思って登録しない人がいる。 リテラシーの低いユーザーはQRコードの読み取り方が分からない。 ワイヤーフレームに意味のない文言は入れない。全部に意図がある。 要件定義→情報設計→デザインの手順を守ることで高品質なUIができあがる。ここをおざなりにすると「Webサイトっぽい何か」ができあがるだけ。 デザイナーもディレクターも、ワイヤーの1文字1文字に意味があるという前提で仕事してね。

日本語
0
0
1
117