ほうせん

時は流れ、今はノーコード × コード × AI を駆使したシステム開発に従事しています。会社員エンジニアです。

[株式会社Biz Freak @bizfreak_inc]

🚀ブログ更新🚀

【速報】OpenAI「GPT-5」！博士レベルの知能！信頼性が飛躍的に向上し、事実誤認も大幅に低減 ！
本日より、無料ユーザーを含む全てのChatGPTユーザーが利用可能！💡

詳細は画像をタップ👇
#OpenAI #GPT5 #AI #ChatGPT #人工知能 #企業公式相互フォロー
https://t.co/MD8mdLzAJZ

[株式会社Biz Freak @bizfreak_inc]

🚀ブログ更新🚀

AI初心者・広報NANAはどこまでできる？
話題のAIツールをフル活用してかかった時間はたったの10分！？
その完成度は…？詳細はリンクをクリック👇
https://t.co/csOynm46Yq
#企業公式相互フォロー #ChatGPT #生成AI #生成AI画像

[ほうせん @tanusen17]

飽きにくくて、使いやすいもの。

少し前から抱き始めていた「サイト制作よりweb開発をしたい」という思い。

どうしてそう思うのか、がやっと言語化出来るようになってきた。

[ほうせん @tanusen17]

色んな人の傍に寄り添い続ける、ずっと使ってもらえるようなものを作りたいのだと思う。

[ほうせん @tanusen17]

Next.js, microCMSを使って構築しました☺️
お問い合わせはGoogleフォームを使っています💡
API routesを使ってCORS対策もしました（4,5日くらい悩んだ）

[たおやか｜Webデザイン × コンシェルジュ @taoyaka_design]

Web制作チーム『Hamorebi -はもれび-』チームサイトが完成しました！
お仕事のご相談やお問合せ、お待ちしております。

https://t.co/QrCy6DdqCv

コーディング：ほうせん(@tanusen17)
デザイン：たおやか(@taoyaka_design)

[ほうせん @tanusen17]

@oka_cleb わああ！ありがとうございます！！

拡張子に気を取られすぎて、そもそもの部分を見落としていました🙇‍♀️

教えてくださってありがとうございました！自信を持って書き出していきます！

[ほうせん @tanusen17]

カンプにあったロゴをsvgで書き出したのに、なぜかスマホで見るとぼやける。（Chrome, safari関係なし）

調べてもそれらしい理由は見つからない。
どうして・・・と思いながらカンプをよく見たら、ロゴ自体がpng画像だった。

今後は大元の拡張子もちゃんと確認しよう！
また強くなっちまったぜ😏

[ほうせん @tanusen17]

ん？そしたら、どれだけ「これは写真だからjpegで〜」とか気にして書き出してても、大元が他の拡張子だったら意味ないってことか・・・？

あら、もしかしたら私、隠れpngを数多く生み出してたかもしれない🤔

[ほうせん @tanusen17]

テキストコミュニケーションがメインの場合は、細かすぎるかな？と思うくらい詳細に書いたほうがいいなって思いました。
できる限り相手に推測などの手間をかけさせない。

[ほうせん @tanusen17]

画像は圧縮した方が絶対にいいことを痛感した・・・
枚数が多ければ多いほど圧縮・・・

[ほうせん @tanusen17]

公式ドキュメントに載ってる情報保持の例が凄く分かりやすい。
検証ツールでCSSいじいじをよくする人ならスッと入ってくると思う。

[ほうせん @tanusen17]

Next.js はコード分割によって、表示すべきファイルだけを読み込むのでまず速い。

そしてそのページに記載の内部リンク（Linkコンポーネント使用）は、プリフェッチ（＝事前読み込み）によってバックグラウンド側で予め読み込んでいるので、ページ遷移も速い＆ブラウザが保持している情報も維持できる

[ほうせん @tanusen17]

ブラウザ更新する必要がないから、保持している情報もそのまま維持できるってことよね？

Next.js すごい。

[ほうせん @tanusen17]

@Create_toom トラハックさんの教材に従って進めただけなので、私は全然です😂

React使うとこんな事が出来るんだ！と感動しました😳✨

[ほうせん @tanusen17]

チャットボットアプリできた
【使用】
・React
・MUI
・Firebase

【ポイント】
・チャット欄は常に最新コメントを表示（常時最下部に自動スクロール）
・slackに問い合わせ通知
・問い合わせ完了後、入力フォームはリセット
・回答次第でYouTubeやサイトに別タブでページ遷移（続く）

[ほうせん @tanusen17]

だとしたら認証機能は働いてるってことよね？どうしてポップアップ出ないんだ？んん？

[ほうせん @tanusen17]

FirebaseのプロジェクトにBesic認証かけようとしたんだけどエラー出る。
今まで大丈夫だったもの含めて、「関数の更新に失敗しました」ってなる。

Besic認証のコードをコメントアウトするとデプロイできる。
逆のことするとエラー出る。

エラー読んでも何がなんだか🤦‍♀️
一回休もう

[ほうせん @tanusen17]

TypeScript全く分からないのに、それでCloudFunctions書いてるから余計何がダメなのか分からないんだと思うんだ、うん。

今？今は403エラー出てます。アクセス権限ねぇよって言われてます。

ということはもしかして、入力画面のポップアップが表示されてないだけで、勝手に弾かれちゃった感じ？

[ほうせん @tanusen17]

slackへの通知はこんな感じです。

あとはFirebaseにBasic認証つけてみようと思う。
そして一旦Next.jsいってみる。