Page: 21 / 101

anyenv経由でnodenvをアップグレードする（Node v18が出ない問題への対応）

Nodeのバージョン18がインストールできなかった問題の対応記録です。nodenvを使用していたら、anyenvを経由してnodenvをアップグレードする必要がある。その後、新しいバージョンのnodenvをインストールすることができ、Nodeのバージョン18もインストール可能になった。

Published at: 2023/08/21

未分類

Next.js (App Router) で、同一ドメインのAPIにfetchする際の覚書

Next.jsのApp Routerでのアプリ構築中に、Page Routerとfetchの挙動・仕様の違いに遭遇しました。以前のNext.jsとは異なり、相対パスでのAPIリクエストがエラーになります。next/headersを使用して現在のサイトのドメインを取得し、fetchのURLに渡すことで解決できます。App Routerでは、next/headersのheaders()からプロトコルやホストを取得できるため、app/api/route.tsなどで作成したAPIをapp/page.tsなどからfetchすることができます。参考になる記事やGithubの情報もあります。

Published at: 2023/08/20

de708a432e61e22817c38bed403b4ff0-20230730223447

Event OpenAI SaaS / FaaS WordPress WordPress

Kansai WordPress Meetupで、OpenAIの活用方法やChatWPについて紹介してきました。 #WMKansai 2023/07

Kansai WordPress Meetupでは、OpenAIを利用してサイト運用の効率化を試しているセッションが行われました。OpenAI APIを使用しているコードサンプルも公開されています。また、ChatWPというサービスを利用することで、WordPressの開発者ドキュメントを学習することもできます。このサービスでは、WordPressの組み込み方法に関する質問に詳しい回答が得られます。

Published at: 2023/07/30

JavaScript Next.js React

[Next.js App Router入門中] JSONを返すREST APIを作る方法

Next.jsのApp Routerを調べてみて、REST APIを追加する場合の命名規則などをメモしました。以前はpages/apiディレクトリにAPIパスごとにファイルを配置していましたが、App Routerではapp/[APIパス]/route.tsに配置するようになりました。また、ファイル内ではexport default functionではなく、メソッドごとに関数をexportする方法に変わりました。レスポンスはNextResponseやNodeのResponseオブジェクトを利用できます。ファイルの命名規則は少し混乱するかもしれませんが、便利な機能もあります。Server Componentについてはまだ見ていません。参考: https://nextjs.org/docs/app/building-your-application/routing/router-handlers

Published at: 2023/07/28

JavaScript Node.js

GitHub APIでPrivate repositoryにコラボレーターを招待する(node.js fetch版)

GitHubのPrivate Repositoryにユーザーを招待するためのコードの実装方法についての覚え書きです。Google App Scriptを利用する場合、SDKを使用しない方法もあります。APIを呼び出すためにfetchを使用する方法や、User-Agentヘッダーの設定が必要なことなどが説明されています。エラーメッセージに関連して、User-Agentヘッダーが必要であることや、エラーレスポンスがJSONでない場合の処理についても説明があります。GitHubドキュメントの参考リンクも提供されています。

Published at: 2023/07/27

Astro Cloudflare Event JavaScript SaaS / FaaS Stripe

JP_Stripes & Cloudflare Meet-up 岡山でAstro / Stripe / Cloudflare Pagesのワークショップを開催しました

AWS Samurai 2023を受賞した古里さんからのお声掛けで、StripeとCloudflareを学べるイベントに参加しました。ワークショップでは、Astro / Stripe / Cloudflare Pagesについて学びました。StripeとCloudflareの連携については、決済とメールの連携があると紹介されました。具体的なコード例も提供されました。また、サブスクリプションの申込後にユーザーアカウントを作成する方法や、決済が完了するまでの処理についても説明されました。ワークショップは好評で、AstroやStripe、Cloudflareに興味がある方は是非参加してみてください。

Published at: 2023/07/26

59f815b13f1ddddeb6a4ca63a78db099-20230726200910

Astro Cloudflare Event JavaScript SaaS / FaaS

Cloudflare Meet-up OnlineでAstroサイトをPagesで公開している話をしてきました

ブログ作者は最近の登壇報告について振り返りをするため、2023年7月26日に開催された「Cloudflare Meet-up Online!! ~日本全国ユーザー大集合LT~」でのLT登壇について述べました。資料はDocswellで公開されていることや、AstroとCloudflare Pagesを使用してサイトを運用する話題が取り上げられています。SSRとSSGの併用方法やAstroの「Hybrid Rendering」の魅力も言及され、またCloudflareに関心がある方はDiscordやMeet-upに参加することができると案内されています。関西在住の方は地元のCloudflare Meet-upに参加することをおすすめしています。

Published at: 2023/07/26

AWS WordPress

AMIMOTO AMIでコア更新やプラグインアップデートができなくなった場合は、ファイルの所有者を確認しよう

WordPressの更新時に接続情報を求められる場合、AMIMOTO AMIのリリース元Digitalcubeによると、php.config.userが設定されているか確認する必要があります。指定がない場合はデフォルトのnginxユーザーが実行ユーザーとなります。所有者とPHPの実行ユーザーが異なる場合は、chownコマンドを使用して所有者を変更する必要があります。これにより、問題は解決する可能性があります。

Published at: 2023/07/26

JavaScript LangChain.js TypeScript

LangChain.jsで「関連性の高い記事」を検索する

LangChain.jsを使用して、関連記事検索機能を実装する方法についてまとめました。具体的には、LangChain.jsを使用して関連性の高いデータを取得する方法や、WordPressの記事データを使用して関連記事を表示する方法などを解説しています。また、特定のキーワードやテキストに対してフィルタリングを行い、関連記事の抽出を行う方法も説明しています。これを実装することで、関連記事の表示や検索機能を実現することが可能です。

Published at: 2023/07/25

GAS ( Google App Script )GCP (Google Could Platform)

GASでスクリプトプロパティを取得する方法

Google App ScriptでAPIキーなどを設定・取得する方法について調べました。スクリプトプロパティは、スクリプトごとに設定できる環境変数のようなもので、文字列を格納することができます。プロパティの取得には、PropertiesServiceを使用し、getPropertyメソッドで値を取得することができます。また、Getterを使ったアダプタークラスを作成すれば、より簡潔に取得することも可能です。例として、slackWebhookUrlの値を取得する方法も記載されています。

Published at: 2023/07/24