生成AI×アプリ開発！bolt.newでフロントエンドが苦手な私でもWebアプリ開発 - Taste of Tech Topics
こんにちは。バックエンドエンジニアの前田です。 最近はかなり冷え込んできて、冬が近づいてきたなと感じます。 社内では、肉まんを販売しています。 寒い日に熱々の肉まん、良いですよね。 さて、今回はbolt.newを用いて、ゼロからアプリケーションを作成していきます。 （私は、フロントエンドの経験があまりなく、苦手分野なのですが・・・） 1. bolt.newとは 2. 今回作成するアプリについて 3. UIを作成する 3.1. 基本機能を実装する 3.2. 使いやすいUIにする 4. バックエンドも実装してみる 5. まとめ 1. bolt.newとは bolt.newは自然言語のみで、フルスタックアプリケーションを開発、実行、編集、デプロイできるAIツールです。 さらに、パッケージやライブラリのインストールなどもすべてWebブラウザ上で行ってくれるため、ローカルでの面倒な環境構築も不要なこ
Web Application のテストを runn で書いて、開発と価値提供を加速する - カミナシ エンジニアブログ
こんにちは、「カミナシ 従業員」サービスチームのソフトウェアエンジニアの a2 (A2hiro_tim) です。 早速ですが、ウェブアプリケーション開発、特に Go 言語を使っている方は、テストをどのように書いていますでしょうか。 我々のチームはバックエンドに Go を採用しており、 Table Driven Test （以下 TDT ）を使っていました。Go を採用した開発では TDT が広く採用されており、我々も慣習に則るのが最善だと判断したからです。 しかし実際に開発を進めると、ことウェブアプリケーション開発における TDT にはいくつか課題を感じるようになりました。そこで我々のチームでは runn というツールをテストに活用する方針に切り替え、その結果、開発を加速し、価値提供も早くすることができました。 本記事では、TDT の課題、runn の採用経緯、その後について我々のチームの
PythonだけでWebアプリが作れるライブラリが増えている（2024.05） - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 2024.9.7：Anvilについて追記しました。 2024.8.6：FastHTMLについて追記しました。 ※本記事で言及しているReflexのdiscordサーバー内に日本語チャンネルをつくってもらいました。もし、興味をもった人がいたら参加してみてください。 １．PythonだけでWebアプリをつくるライブラリが増えている 最近（2024.05）、Python界隈ではPythonだけでWebアプリが作れるライブラリが増えています。詳しくは他の記事を参照してもらえればと思います。 以下の記事がとても参考になりました。ありがとうございま
「勉強時間の圧縮」と「記憶強化」を実現できるノート術。大切なのは “全部書かない” ことだった - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
「勉強したことを確実に覚えるため、ノートづくりにはこだわっている。でもどうしても時間がかかってしまう……」 こうお悩みではありませんか？ 仕事が忙しくて勉強に時間をあまり割けないので、ノートづくりはできるだけ短時間で済ませたい。そしてもちろん、勉強した内容はしっかりと記憶に刻みたい――そんなあなたへ、実際に勉強で成果を出した人もやっていた「学習効率がよいノート術」をご紹介します。非効率的なノートのとり方についても触れますので、ご自身のノートが当てはまっていないか、ぜひチェックしてみてくださいね。 【ライタープロフィール】 藤真 唯 大学では日本古典文学を専攻。現在も古典文学や近代文学を読み勉強中。効率のよい学び方にも関心が高く、日々情報収集に努めている。ライターとしては、仕事術・コミュニケーション術に関する執筆経験が豊富。丁寧なリサーチに基づいてわかりやすく伝えることを得意とする。 勉強内
CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数の定義が簡単にできる便利ツール -Fluid Type Scale Calculator
レスポンブ対応のフォントサイズをCSSで設定するには、CSSのclamp()関数が便利です。clamp()関数は最大値と最小値の2つの値の間をクランプし、レスポンシブ対応の流体フォントサイズを設定できます。 CSSのclamp()関数を使用し、スクリーンサイズに合わせて最適化される流体フォントサイズのCSSを簡単に生成できるツールを紹介します。 Fluid Type Scale Calculator Fluid Type Scale Calculator -GitHub Fluid Type Scale Calculatorの特徴 Fluid Type Scale Calculatorの使い方 Fluid Type Scale Calculatorの特徴 Fluid Type Scale Calculatorはclamp()関数を使用した流体フォントサイズのCSSを生成できるツールです。
コシが強くて激ウマなそうめんの茹で方と「ピリ辛油そうめん」のレシピ【筋肉料理人】【メシ通の冷たい麺】 - メシ通 | ホットペッパーグルメ
こんにちは、料理と筋トレをこよなく愛する筋肉料理人です。 メシ通でも連日、いろいろなそうめんの食べ方をご紹介していますね。今回は、簡単に作れてガツンとウマい、筋肉料理人流の「ピリ辛油そうめん」のレシピです。 家にあるシンプルな調味料と卵、かつお節で、ピリ辛でうま味たっぷりのそうめんが食べられますよ。1人分で作る時は、ごま油とラー油、しょう油、トッピングはそれぞれ半量でOKです。 わが家でも実際にやっている、コシが強くてウマいそうめんの茹で方もご紹介します！ 筋肉料理人の「ピリ辛油そうめん」 【材料】2人分 そうめん 3束 梅干し 1個 水 1L ごま油 小さじ2 ラー油 小さじ1～お好みで しょう油 適量 卵黄 2個 かつお節 小パック2個 刻みねぎ 適量 作り方 1. まずは、そうめんの美味しい茹で方から。鍋に水を入れて沸騰させたら、そうめんを入れる前に梅干しを入れます。 梅干しを入れる
森川ジョージ先生、Gガンダム12話にて感想マラソンを完走。「ありがとうガンダム。そしてさよなら全ての機動戦士。」
森川ジョージ @WANPOWANWAN 夜中なのにガンダムのことを少し呟いただけで色々教えてくれる人が。 もはやガンダムは日本人の共通言語だね。 魚ガンダムはデンマーク代表だったのか。 何故デンマーク？ 謎すぎる。 Gガンダムを観たら謎は解けるのだろうか…。 2023-05-23 01:24:16 森川ジョージ @WANPOWANWAN 人魚姫だからデンマークなのか…。 情報提供してくださった皆様ありがとうございます。 それにしても、Gガンダムって調べたら島本和彦さんが描いているではないか！ こないだ原画展行ったのにー！ 無知すぎた。 いや、このへんは無知でもいいような気もするが…一般教養なのかなあ。 2023-05-23 01:37:09
ベクトル検索エンジンQdrantの紹介
はじめに これはLivesense Advent Calendar 2022 DAY 14 の記事です。 普段は主にレコメンドシステムの開発・運用をやっています。仕事ではPythonを書くことが多いです。好きな言語はRustです。この記事では、ベクトル検索エンジンQdrantを紹介します。 ベクトル検索とは そもそもベクトル検索とは何だ、という人もいると思います。簡単に言えばベクトル検索は類似するベクトルを（正確性を犠牲にして）高速に計算する技術です。 なぜそのような技術が必要になるのか簡単に説明しましょう。 なぜベクトルの類似度を計算する必要があるのか 近年、機械学習技術によって様々なものがベクトルで表現されるようになりました。典型的には画像と文書（単語）です。 「類似する画像を求める」「ユーザーが入力したワードに関連する文書を返す」「ユーザーが閲覧したアイテムに類似するアイテムのリスト
jpro: JavaScriptで書くJSON processor - memo.yammer.jp
この記事は、🎅GMOペパボエンジニア Advent Calendar 2022の2日目のものです。 みなさんは、JSON processorを使っていますか？ええ、jqのようなツールのことです。世は大JSON時代、値を抽出したり、変換したりする機会も多いことでしょう。 ところで、jqの抽出クエリやコマンドラインオプション、さらっと書けますか？私はあんまり得意じゃないです。そこで、JavaScriptで書けるJSON processor「jpro」 をつくりました。 使ってみる 実際に使ってみましょう。Node.jsとnpmが使える環境ならば、事前のインストールなしに、「npx jpro」で実行できます1。以下では、私が最近書いた記事のタイトル5つを、JSON Feedから抽出しています。 抽出クエリはJavaScriptで書く 記事タイトルの「JavaSciriptで書く」とは、JSON
図で見てわかる！画像生成AI「Stable Diffusion」の仕組み - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ゴッホの「星月夜」のような火星で馬にのる宇宙飛行士 （Stable Diffusionで作成） この記事は、Supershipグループ Advent Calendar 2022の13日目の記事になります。 Supership プロダクト開発本部の @ps010 です。普段は広告・マーケティング領域で、分析業務や広告セグメントの作成を担当しています。 記事の目的 最近、チャットAIや画像生成AIが話題ですね。特に画像生成AIの Stable Diffusion は、無料かつ無制限で実装を試せることで注目を集めています。 そこでこの記事では
メモリに乗り切らない巨大配列のシリアライズにCBORフォーマットを採用した - Qiita
TL;DR 要素数が分からず、メモリに乗り切らない可能性がある配列をシリアライズする必要があったので、フォーマットとして CBOR を採用した。 Protocol Buffers1 や Ion, MessagePack, BSON などの主要なバイナリフォーマットで配列を扱う場合、要素数またはバイト長を先頭などに記述する必要があるため、メモリに乗り切らず要素数が簡単には分からない配列を（単純には）シリアライズすることができない CBORは要素数不明の配列を表現する手段がある Java/Kotlinの場合、jackson の jackson-dataformats-binaryを利用してストリームパーサ等を実装することにより、データすべてをメモリに乗せずにシリアライズ・デシリアライズすることができる jackson-dataformats-binary ではシリアライザ等の実装を JSON
機能要件定義、ドキュメント添削、API活用 - 開発者によるChatGPTの試行錯誤あれこれ
ChatGPTやChatGPT APIが出てきて、それらを試しているさまざまな事例が公開されています。それらの事例の中から、たとえば特定のデータを扱う話など、利活用の方向性を絞ったものをピックアップしてご紹介します。 本記事は、TechFeed Experts Night#16 〜 ChatGPT, GitHub Copilot…AIはエンジニアの仕事をどう変える？AI×開発最前線！のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画 では、「ChatGPTを使って行われた試行錯誤の事例などに関する話」というテーマで話をさせていただきます。 最初に自己紹介をさせてください。豊田陽介といいます。@youtoyというIDでTwitterをやっています。
ChatGPTでオタク友だち（概念）作ってみた 言われたことに返答するだけじゃない、“盛り上がる会話”作りの工夫 | ログミーBusiness
宝塚オタク友達をChatGPTで作る百合宮桜氏：始めます。百合宮桜といいます。よろしくお願いします。ごきげんよう。今回は「ChatGPTでトモダチ（概念）を作ろう！」というテーマでLTをさせてもらいます。よろしくお願いします。 実は私、RPACommunityのアドベントカレンダーというところで、「友達が少なすぎて寂しいので、Power Virtual Agentsで宝塚オタクの友達を作ってみた」というブログを投稿していました。 （画面を示して）こういう感じに、「Power Virtual Agents」で「タカラジェンヌ」ってつぶやくと、「何組が好き？」と相手をしてくれるわけですね。「花組」と答えると、「明日海りおさん素敵だったよねー」とか、私の最推しを褒めてくれるわけですよ。（そうしたら次に）「どの役が好き？」というふうに言って。 （私が答えた）この“黄泉の帝王”というのは、役名じゃな
シングルGPUで動作するTransformer相当のRNNモデル RWKV-Raven-14Bを試してみた | DevelopersIO
こんちには。 データアナリティクス事業本部 インテグレーション部 機械学習チームの中村です。 今回はシングルGPUで動作するTransformer相当のRNNモデル、という噂のRWKVについて試してみたいと思います。 RWKVとは TransformerベースのLLMと同等の性能を持つ、並列化可能なRNNモデルであり、Attentionフリー(Attention構造を持たない)なモデルです。 ライセンス形態がApache License 2.0かつ、シングルGPUでも動作する点が凄いところとなっています。 GitHub https://github.com/BlinkDL/RWKV-LM Huggin Face https://huggingface.co/BlinkDL Hugging Face側にモデルがいくつか公開されており、rwkv-4が付くものが最近よく話題で使用されているもので
ベクトル特化型データベースサービス「Pinecone」でセマンティック・キーワード検索をやってみた | DevelopersIO
本記事では、マネージド・ベクトル・データベースの「Pinecone」を活用して、セマンティック・キーワード検索を実施していきます。 ベクトル分析は、類似性の計算やレコメンドの作成などで使われる機械学習のメジャーな分析手法ですが、それに特化したユニークなデータベースのSaaSを見つけちゃいました。 Pineconeについて Pineconeは2019年にカリフォルニア州で創業されたスタートアップです。もともとAmazon SageMakerの開発に携わっていた方が創業したようで、シード期ながら$10Mもの資金調達に成功しており、期待値の高さが伺えます。GoogleやPinterestのようなビッグカンパニーが使用している、高次元ベクトルのデータを格納できる機械学習用のデータベースを一般企業にも広めたい、というモチベーションのもとPineconeを開発・提供しています。 Pinecone la
【科学ホラーミステリー】変なAI
とある画像生成AIに「怖い画像」という言葉を入力すると、空き地の画像が出力された。その理由をたどった先に、複雑に絡み合う恐ろしい事実があった。 まずは、１枚の画像をご覧いただきたい。 これは写真ではない。 AIによって生成された絵だ。 あなたはこの絵に、どんな印象を抱くだろうか？ 実は先日、この絵がSNSで小さな話題となった。これを見て「怖い」と感じる人が続出したのだという。 一見、何の変哲もないこの画像に、いったいなぜ恐怖を感じるのか。 その理由を探った先に、恐ろしい事実が待ち受けていた。 怖い画像 4月某日、知人と雑談をしていた。 その知人は暮田街道(くれたかいどう)というペンネームで実録もののホラー漫画を描く、ウェブ漫画家だ。 私もウェブライターとしてホラー記事を専門にしているため、情報共有のために毎月会って話すのが恒例となっている。 一通り話し終えたあと、彼は思い出したようにスマー
メモ必須！料理家がヘビロテで作る「ネギそうめん」が大バズり「3回はリピートするでしょ」（CHANTO WEB） - Yahoo!ニュース
これからの季節、食卓に登場する機会も増えそうなそうめん。料理家のmisaさんがInstagramに投稿した「ネギそうめん」が話題です。 【画像】これは絶品！350万人に見られた大バズりの「ネギそうめん」の作り方（全8枚） ■昨年巷でバズった「ネギそうめん」を 昨年InstagramなどSNSでバズっていたという「ネギそうめん」。misaさんも、当時からよく作っていて、友人が来たときにおもてなし料理として出すと「美味しい！どうやって作るの？」と必ず作り方を聞かれたそう。そこで、自分のレシピを「3回はリピートするでしょ」という文言とともにInstagramに投稿したのだそう。 フォロワーたちからは「私も3回作った。まんまと」「めっちゃハマって10回以上リピートしてる。というか普通のそうめん食べなくなった」「写真撮る前になくなってもーた。。。腰抜かしました」などの声が寄せられ、すっかりその手軽さ
【ChatGPT】これだけ覚えればOK？ゴールシークプロンプトが誰でも使えて最強すぎた｜Masaki KANAI
このnoteのターゲットChatGPTを使ってるけど、イマイチ使いこなせていない人 ChatGPTにどんな指示をしていいか迷っている人 このnoteで得られることゴールシークプロンプトの概要を理解できる ゴールシークプロントの使い方が分かる ゴールシークプロンプトとは聞き慣れない単語だと思うので、まずはそれぞれの言葉を説明しますね。 ■ ゴール：AIを使ってユーザーが達成したい目標 ■ シーク：探す, 探し求める ■ プロンプト：AIに指示するために入力する文章 つまり、ゴールシークプロンプトとは「ゴールを自ら探しに行ってくれるプロンプト」のことです。 ゴールシークプロンプトがすごい理由ゴールシークプロンプトがすごい理由は、以下の３点。 1. 曖昧なゴール設定でも、AIが明確なゴールを探してくれる 2. AIと対話しながらゴールを探せる 3. 汎用性のある形に変更もできる ChatGPTに
【ChatGPT】個人的お気に入りプロンプトまとめ
あなたは、プロの【その分野の専門家】です。 以下の制約条件と入力文をもとに、【出力内容】を出力してください。 # 制約条件： 【前提条件や決まりごと】 # 入力文： 【期待する出力結果や大まかな指示】 あなたは、プロのエンジニアです。 以下の制約条件と入力文をもとに、ブログ記事の内容を出力してください。 # 制約条件： ・重要なキーワードを取り残さない。 ・文字数は30000文字程度 # 入力文： Swaggerについて技術ブログに投稿する文章を書いてください。 構成は、Swaggerとは？、Swaggerのユースケース、Swaggerのメリットとデメリット、Swaggerの書き方（YAMLファイル）、Swaggerの実行方法、まとめです。 構成間で重複した説明は省くようにしてください。 読者がブログを読みながらSwaggerを触れるようにハンズオン形式などを取り入れて文章を作ってください
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
100km歩いても疲れない!? 陸上自衛隊が教える足トラブルが無縁になる秘技 | となりのカインズさん
