宮田しんや｜ Web開発 × AI

株式会社パパグラム代表取締役社長▫️AI駆動開発▫️ Laravel PHP TypeScript▫️お問い合わせはDMまたはこちらより

[宮田しんや｜ Web開発 × AI @_papagram_]

テストサイトで誤ってdevelopブランチではなくてmainブランチをプルしてしまった。
プル専用のミラーリングリポジトリには下記の設定を付与して対策。

git config pull.ff only

これで間違ったブランチをプルしたらエラーで止まるようになった。

[宮田しんや｜ Web開発 × AI @_papagram_]

SSGでホームページを作っていると、やっぱりデータとテンプレートは分離したくなって、データの管理ができるように管理画面がほしくなる。データ管理はファイルベースでも十分そう。

[宮田しんや｜ Web開発 × AI @_papagram_]

Bootstrapからtailwindcssに変えて便利だなと思ったのは @ apply で独自classの中でtailwindのcssが呼び出せること。tailwindは毎回たくさんclassを指定しないといけないのかなと思っていたけど、これでスタイルを使い回せるし、何だったらclassを1つつけるだけで良くなった。

[宮田しんや｜ Web開発 × AI @_papagram_]

#Laravel 13.17.0 がリリースされています。

Add route metadata support
ちょっと気になる機能

[宮田しんや｜ Web開発 × AI @_papagram_]

お問合せフォームの自動返信メール機能を悪用してスパム送信を行う手法に対して、そもそも自動返信機能をオフにしてしまう対策が増えているようだ。会社のホームページをリニューアル後はスパム対策強化で自動返信は無くそうと考えている。

[宮田しんや｜ Web開発 × AI @_papagram_]

ホームページのリニューアルがだいぶ進んできた。嬉しい。
今日はメールアドレスの難読化をやってみた。やり方を調べたら、Alpine.jsで下記のようにできたけど、このやり方は未だに有効なのかな。

[宮田しんや｜ Web開発 × AI @_papagram_]

え、PHPの物語が映画になるの!?
公開されたら見てみたい。

https://t.co/jcRL1ncCrG

[宮田しんや｜ Web開発 × AI @_papagram_]

AIの出力（品質）にバラツキが出て困ってる。品質をと均一にしたいんだけど、同じコンテクスト、プロンプトを与えても結果が毎回異なる。自己採点させると、20〜30点ぐらい差が出て、どうプロンプトを調整すべきか悩んでる。

[宮田しんや｜ Web開発 × AI @_papagram_]

AIのプロンプトを変更したら、本当に以前のプロンプトに比べて出力が改善しているのか比較するにはどうしたらいいんだろう。同じコンテクストを与えて、プロンプトだけ変えたサブエージェントに出力させた結果を比較してみてるけど、スマートなやり方はないかなあ。

[宮田しんや｜ Web開発 × AI @_papagram_]

@shiro_cake 以前、reCAPTCHAのトークンがすぐに切れちゃう問題に引っかかったことがあります。何が問題か分からず苦労したことを思い出しました。
Turnstileはその辺りの課題も解決してくれてるんですね。後発サービスはやはり便利ですね。

[宮田しんや｜ Web開発 × AI @_papagram_]

ホームページのお問合せフォームのバックエンドはLaravelにして、メール送信はResendを使ってみることにした。月間無料分が3000通もあるのはとてもありがたい。スパム対策は定番のCloudflareのTurnstileを採用。これも無料で使えてありがたい。

[宮田しんや｜ Web開発 × AI @_papagram_]

#Laravel 13.16.0 および 13.16.1 がリリースされています。

devという新しいartisanコマンドが追加されていて気になる。composer.jsonを直接編集しなくても、コードベースで開発環境の起動やプロセスを宣言できるようになるみたい。

[宮田しんや｜ Web開発 × AI @_papagram_]

ホームページのお問合せフォームのバックエンドに作ったLaravelをさくらのレンタルサーバーに置こうとしたらPHP8.3までしか使えなかった。レンサバあるある。
新しいPHPバージョンを使いたいので、エックスサーバーのVPSにDockerを立てて、Laravelを運用してみることにした。いろいろ下調べ中。

[宮田しんや｜ Web開発 × AI @_papagram_]

ホームページにつける問い合わせフォームのUIにAlpine.jsを使ってみた。なかなか使いやすい。Vue.jsを使ったことがあるから理解しやすい感じがする。tailwindと合わせて、Bootstrapから移行するのに良いかも。
fillamentも今度手を出してみようかな。

[宮田しんや｜ Web開発 × AI @_papagram_]

adb reverse tcp:{デバイス側ポート} tcp:{ホスト側ポート}
上記のコマンドを実行して、デバイスからの通信をlocalhostへ繋げたらアクセスできるようになった。Viteを使用しているので、5173番もポートフォワーディングが必要だった。解決して嬉しい。
ちなみにadb forwardすると逆方向に転送できる。

[宮田しんや｜ Web開発 × AI @_papagram_]

Android Studioのエミュレーター（Virtual Device）からlocalhost（10.0.2.2）へのアクセスがうまくいかない。困った。chromeの開発者ツールだとOKそうなんだけど、実機でアクセスするとスタイルが崩れているので手元で確認しながら修正したいのだけど。
XcodeのSimulatorは順調で捗る。

[Anthropic @AnthropicAI]

The US government, citing national security authorities, has issued an export control directive to suspend all access to Fable 5 and Mythos 5 by any foreign national, whether inside or outside the United States, including foreign national Anthropic employees.

The net effect of this order is that we must abruptly disable Fable 5 and Mythos 5 for all our customers to ensure compliance.

Access to all other Claude models is not affected.

We apologize for this disruption to our customers. We believe this is a misunderstanding and are working to restore access as soon as possible.

Read our full statement: https://t.co/bwn0sximKZ

[宮田しんや｜ Web開発 × AI @_papagram_]

Android Studioのエミュレーター（Virtual Device）からlocalhost（10.0.2.2）へのアクセスがうまくいかない。困った。chromeの開発者ツールだとOKそうなんだけど、実機でアクセスするとスタイルが崩れているので手元で確認しながら修正したいのだけど。
XcodeのSimulatorは順調で捗る。

[宮田しんや｜ Web開発 × AI @_papagram_]

VSCodeの拡張でSFTPを愛用していたけど、VSCode本体をアップデートしたらエラーが出るようになった。リモートとローカルの差分を表示できる機能がお気に入りだったのにそれがエラー。代替の拡張を探したら良いのが見つかった。
Skylift。希望の機能を満たしていて、SFTPよりも使いやすい。オススメ。

[宮田しんや｜ Web開発 × AI @_papagram_]

「日本の首都は東京です。」のように"。"で終わる文章を中央寄せした時に、人間の目の錯覚で中央から少しずれて見える現象はオプティカルセンターと呼ばれる。CSSではtranslateXなどで少しずらしてあげると自然に中央に見えるようになる。

[宮田しんや｜ Web開発 × AI @_papagram_]

#Laravel 13.15.0がリリースされています。

1 件だけなんで文字がデカいの🤔