使用するライブラリ このアプリで、Next.js以外に使用するライブラリは以下の4つです。インストール方法等は必要な箇所で説明します。 Prisma TypeScriptのORマッパーです。アプリでのノートの保存等に使用します。 ▶ Prisma | Next-generation ORM for Node.js & TypeScript Tailwind CSS CSSフレームワークです。アプリのUIデザインに使用します。 ▶ Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Zod バリデーションライブラリです。APIレスポンスの型定義とバリデーションに使用します。 ▶ Zod | Documentation SWR データフェッチ用のライブラリです。ノート一覧のクライアントサイドで

はじめに ざっくりしたシステム構成の紹介 全体の構造 設計のポイント コーディング規約 上の階層を見に行かない 変数名は全体でユニークにする 変数のデフォルト値は設定しない main, outputs, variables 以外のファイルを原則置かない ポリシードキュメントはJSONファイルのまま管理する 変数で処理を変える仕組みを極力使わない 値のハードコードをためらわない コードが冗長であることをためらわない 残っている課題 AWSアカウント単位でしか用意しないものの扱い ECSのタスク定義の扱い 最後に はじめに はじめまして。スマートキャンプのおにまるです。 2022年10月に入社し、SRE兼インフラエンジニアとして働いています。 今回は、あるプロダクトの再スタートにあたって新しく作った、AWSのTerraformについてお話したいと思います。 再スタートにあたってアプリケーション

Reactアプリケーションのアーキテクチャの一例として公開されているGitHubリポジトリ「bulletproof-react」が大変勉強になるので、私自身の見解を交えつつシェアします。 ※2022年11月追記 記事リリースから1年ほど経過して、新しく出てきた情報や考え方を盛り込んだ続編記事を書いていただいているので、こちらも併せて読んでいただければと想います（@t_keshiさんありがとうございます！）。 ディレクトリ構造が勉強になる まずはプロジェクトごとにバラつきがちなディレクトリ構造について。 ソースコードはsrc以下に入れる bulletproof-reactでは、Reactに関するソースコードはsrcディレクトリ以下に格納されています。逆に言えば、ルートディレクトリにcomponentsやutilsといったディレクトリはありません。 たとえばCreate Next Appで作成

認知症を発症するということは「法的な死」を意味することをご存じですか？　認知症が進むと、重要な法律行為ができなくなるからです。認知症を患うと「財産凍結」により家族でも預金が引き出せなくなります。さらに、実家も売れない、贈与もできないという事態に陥ります。では、どのような事前対策ができるでしょうか？　税理士向けに相続の講演なども行う税理士・牧口晴一氏の著書「日本一シンプルな相続対策」（ワニブックス）より一部抜粋し、分かりやすく解説します。 親の死に目に会えなくても大丈夫！ 死に目に会えないことは不幸だという思い込みを拭い去らなければなりません。 日本では、多くの人が「死に目」に会うことが大切だと誤解しています。「霊柩車や葬列を見たら親指を隠せ！親の死に目に会えなくなる」とか「夜爪を切ると親の死に目に会えない」という迷信を小さい頃から親に言われ続けていつの間にかそう信じ込んでいます。それが、人

こんにちは、塩見なゆです。 突然ですが、アイオリソースという南フランス発祥の万能ソースをご存じでしょうか。作り方は主に卵、油、ニンニクをかき混ぜ、乳化させて作るそうです。どんな料理にも合うので、フランスでは定番のソースです。 そんなアイオリソースの作り方が分かれば、肉や魚、野菜をより一層楽しめるはず！ そこで吉祥寺にお店を構える「立飲ビストロRYO」で料理長を務める松林涼さんに、アイオリソースの作り方を丁寧に解説していただきました。 立飲ビストロRYOの自家製アイオリソースの作り方 塩見なゆ（以下、塩見）：本日はよろしくお願いします！ 松林涼（以下、松林）：こちらこそよろしくお願いします。うちはマヨネーズにニンニクやスパイスを合わせるのではなく、全て自家製なので、完成までの様子をお見せしますね。 塩見：そうなんですか！　楽しみです。 松林：早速アイオリソースを作っていきますね。使用する材料

「全く身に覚えのない家宅捜索に入られた」ここ数年、そんな話をよく聞くようになりました。その多くがサイバー犯罪で疑われるケースです。 ネットで世界中が繋がった結果、遠く離れた赤の他人と、何らかの情報が紐付くことが起こり得るようになりました。 その中には当然犯罪者も含まれており、運悪く紐付いたために警察に疑われてしまう人がいるようです。 ネットの普及により、一般市民がとばっちりで警察に目を付けられるリスクは以前にも増して高まっています。 なぜ家宅捜索に入られたのかサイバー警察に誤って家宅捜索された人たちの記事をいくつかご紹介します。 在宅エンジニアが疑われた フリーランスのエンジニアが仕事で不正サイトを調査したところ、アクセス履歴から犯人と間違われた事件です。 真犯人がVPNで身元を隠していたためか、生IPでアクセスした彼が警察に疑われてしまったようです。おそらく警察は、真犯人がヘマして生IP

2024年3月13日追記 ・OpneAIのAPI課金システム変更に伴うエラーについて解説。 10月26日追記 ・メールが届かなくなった際に権限の再承認が必要な件。 5月11日追記 ・検索にかかった論文に抄録がない場合、AIが要約を創造(捏造)する件。 4月21日追記 ・作り方のサイトではなく公開されたLINE Botのリンクに切り替え。 ・エラ−429が出た場合4のスライドを追加。 4月10日追記 ・送信トリガーの変更方法のスライドを追加。 ・複数キーワードや雑誌を指定して検索する方法のスライドを追加。 デモコードは、 const PUBMED_QUERY = '(aaa) AND (bbb) AND (("ccc"[Journal]) OR ("ddd"[Journal]))' ・エラー原因をChatGPTに聞くコツについても追記。 4月6日追記 ・エラー429が出た場合の対処法スライド

高クオリティなオリジナルのテキストを生成してくれる、AIチャットボット『ChatGPT』。今、世界中で大きな注目を集めている『ChatGPT』だが、利用するにはブラウザを経由しなければいけないので、起動に多少の時間がかかってしまうのは、すでに読者の皆さんもご存じの通りである。せっかく便利なツールなのだから、さらにシームレスに活用する方法はないのだろうか。 2023年3月11 日に投稿された、シロフネ  Web3の案内人@web3_shirofuneさんの「知らなきゃ損です。今話題のAI『ChatGPT』はホーム画面からサクッと使える。あきらめて毎回ブラウザを開いてたら時間のムダ。ショートカットを設定したら、アプリみたいに１タップするだけで調べごとできるから超便利。家族や友達もこれ教えてから使い倒してます。今日からすぐ始められる使い方は」というツイートには、『ChatGPT』をホーム画面から

【徹底解説】これからのエンジニアの必携スキル、プロンプトエンジニアリングの手引「Prompt Engineering Guide」を読んでまとめてみた こんにちは。CX 事業本部 Delivery 部のきんじょーです。 ここのところChatGPT と戯れてアプリを作ったり、様々なプロンプトの検証をしていましたが、言語モデルの性能を最大限に引き出すために、体系的にプロンプトエンジニアリングを学びたいと考えていました。 GitHub に「Prompt Engineering Guide」という素晴らしいリポジトリがあったので、読んで検証した内容をブログにまとめていきます。 本記事は、執筆時点の上記リポジトリの内容を元にしていますが、意訳や独自に検証した日本語のプロンプトを含みます。 上記リポジトリも絶賛開発中の段階のため、最新情報や原文が気になる方はリポジトリを直接参照してください。 目次 プ

この記事は新歓ブログリレー2022 / 40日目の記事ですこんにちは、19Bのカシワデです。普段はオーケストラ系の曲を作ってます。 TwitterやSoundcloudもよろしくね！！！！！！ さてさて、皆さまいかがお過ごしでしょうか。近くスプリングセールやサマーセールなども行われるであろう中、DTMerの敵である円安はめちゃめちゃに進み、とてもじゃないがプラグインは買えないよ～～～と言ってる頃かと思います。 こんなことを思ったことはありませんか。 「あぁ…もしも自分が理想とするプラグインを無料で作れたら、こんなにも散財することはないのになぁ」その思いを叶えてしまおう、というのが本記事の目的となっています！ さて 今回メインに扱うのはJUCEと呼ばれるフレームワークです。 オーディオ関連のソフトウェアを開発することに特化したフレームワークで、比較的簡単にVSTプラグインやVSTプラグインホ

こちらの記事は2023年3月9日に投稿された旧バージョンです。特段の理由がなければ、最新事情を盛り込んだ「AIイラストが理解る！StableDiffusion超入門」をご覧ください。 こんばんは、スタジオ真榊です。このところ、ツイッター経由で公式サイトやこちらのFANBOXへのアクセスが急増しており、これからAIイラストを始め...

最初にアカウントを作成する必要がありますが、メールアドレスを登録すれば数分で完了します。 メールの場合は認証作業が必要です。 1.2 シークレットキー作成 続いては、以下の画面から"create new secret key"をクリックすると自動で生成されます。 先ほどのこちらのリンクから以下のページへ飛べます。 https://beta.openai.com/account/api-keys シークレットキーをコピーして、別で保存しておきます。 一度OKで閉じると消えてしまうので、しっかりとメモにして残しておくことをおすすめします。 一応何度でも作成はできます。 1.3 料金体系 実は、OpenAIのAPIは無料ではありません。 なので、先ほどのシークレットキーは他人は教えないように！！！ 言語モデルによって料金が異なります。 大体1記事書くのに分量にもよりますが、数円くらいです。 また

１．Stable Diffusion 2.0でDreamBoothを試すまとめ・Stable Diffusion 2.0として公開されたモデルは全部で５種類ある ・画像生成用にも2種類あり、そのうちBaseモデルの解像度は従来と同じ ・Baseモデルは既存の拡張を適用できるのでDreamBoothを適用した ２．Stable Diffusion 2.0のモデル一覧 Stable Diffusion 2.0として公開されたモデルは画像生成用途が２つ、その他用途が３つで正確には5種類あります。 (1)stabilityai/stable-diffusion-x4-upscaler 画像の解像度を上げるモデルです。他のモデルですが人工知能で生成した画像の解像度をあげた例はこちらです。 (2)stabilityai/stable-diffusion-2-inpainting In-Painting

「割と使いこなしてるつもりだけど、あれって実際なにが起きてるの？」みたいな、細部仕様に興味ある中級者向けの読み物・覚書を目指します。 「初心者向けハウツー」「いい音が即作れるテ… もっと読む

はじめに 今回の記事では、個人の独断と偏見で2022年～2023年で必ず確認するべきGitHubのリポジトリを紹介する。私のTwitterでこれまで紹介したものもあれば、そうではないものもある。 GitHubはプログラマーにとって、普段の学習・開発を進めるうえでもっとも重要な情報源の１つである。本記事では、分野ごとに確認するべきGitHubリポジトリを紹介する。 なお、今回の記事で紹介するGitHubリポジトリの分野は以下の通り。内容はWeb開発に特化している。 確認必須 Web Python JavaScript TypeScript ちなみに、「確認必須」は分野を問わずすべてのプログラマーに役立つGitHubリポジトリを紹介している。 今回の記事を通して、年末年始の学習・開発に大いに役立ててもらえたら幸いだ。 確認必須 freeCodeCamp 世界最大規模のプログラミングメディア「f

音楽用語の「スウィング」とは連続する音符のうち1つ目をやや長めに取り、2つ目をやや遅めに入れるリズムのことを指しますが、実際にスウィングがどういうものかイメージをつかむのは難しいもの。そんなスウィングがどういうものかを視覚的に理解できるツール「Groove Pizza」が公開されています。 Groove Pizza https://apps.musedlab.org/groovepizza/ 「Groove Pizza」の開発者であるEthan Hein氏が、Groove Pizzaの使い方を動画で解説しています。 Groove Pizza - Understanding Swing - YouTube Groove Pizzaでは、中央にある円形のテーブルが譜面となります。テーブルは16拍に分れており、各拍にある点がリズムを表しています。画面左下のゲージを上下させることで、「VOLUME

しばらくしたら次のことを考えたいなと思ってるので、よい仕事や空いてるポジションがあったら教えてください！— Mitz Shiiba@フルスタックエンジニア (@bufferings) December 8, 2022 突然ですが CircleCI を辞めることになりました。そのことについてあまり話すつもりはないのですが、今の気持ちだけ書いておくと、びっくりはしたけど特にネガティブな感情はなく、面白い経験だなぁという気持ちです。 この一年間、色々とあまりできない体験をしてきた締めくくりにピッタリです。この状況を受け入れて、流れに身をまかせて楽しもうと思います。 ということで、こんな機会はあまりないので、次をどうするか、折角だから色々な会社のお話を聞いてから考えたいなぁと思ってつぶやいたら、たくさんのご連絡をいただき、とても嬉しく思っています。ひとつひとつのお誘いや励ましが、とてもありがたいで