並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 116件

新着順 人気順

contentの検索結果1 - 40 件 / 116件

contentに関するエントリは116件あります。 AIChatGPTweb などが関連タグです。 人気エントリには 『OpenInterpreter / ついにAIがガチのアシスタントに!これは凄い、というか凄すぎる|shi3z』などがあります。
  • OpenInterpreter / ついにAIがガチのアシスタントに!これは凄い、というか凄すぎる|shi3z

    凄いものが出てきてしまった。 ChatGPTの「Code Interpreter」が話題になったが、あれはあくまでクラウド上で動いているだけ。それを模してローカルで動作するようになった「Open Interpreter」は、衝撃的な成果である。 Open Interpreterのインストールは簡単。コマンド一発だ $ pip install open-interpreter起動も簡単 $ interpreter -yこれだけでOK。 あとはなんでもやってくれる。 たとえばどんなことができるのかというと、「AppleとMetaの株価の推移をグラフ化してくれ」と言うとネットから自動的に情報をとってきてPythonコード書いてグラフをプロットしてくれる。 凄いのは、ローカルで動くのでたとえばApplescriptを使ってmacOSで動いているアプリを直接起動したり操作したりできる。「Keynot

      OpenInterpreter / ついにAIがガチのアシスタントに!これは凄い、というか凄すぎる|shi3z
    • 今この世界には「2種類のCCレモン」が混在している|鬼谷

      7月のある夕方のことだ。 喉が渇き、炭酸飲料が飲みたくなった私は、ふと「CCレモンって最近飲んでないな」と思ってサントリーのホームページを見てみた。 CCレモンにはいろんな種類が出ていることを知った。まあ確かに言われてみればこういう変わり種も定期的に見かけていたな、という感じである。しかし私の好みの傾向は往々にしてスタンダードタイプであるため、その後スーパーに行って買ったものは結局普通のこれだった。 やはり美味かった。レモン味の酸っぱさと強すぎない炭酸がたまらない。あっという間に飲み切ってしまった。 翌日、CCレモンの余韻を引きずっていた私は夜の散歩の時に自販機でCCレモンを買うことを決めた。CCレモンが売られている自販機は2ヶ所把握していたが、片方の自販機がある付近はこの時期アズマヒキガエルが頻出するため、それを避けるべくもう片方の自販機がある方へと進んだ。 すると、そこにはCCレモンが

        今この世界には「2種類のCCレモン」が混在している|鬼谷
      • クレカ情報の流出があったタリーズオンラインストアのWebアーカイブから原因を特定した猛者が現れる→集まった有識者たちにより巧妙な手口が明らかに

        あらおじ @ojigunma すごい タリーズの原因発見してる人いる 確かにナンカある slick.min.js という画像をスライドするファイルの中に 難読化された悪意のあるコードが追記されてるっぽい 難読化は4段階ぐらいされてるらしい これブラウザとかセキュリティソフトで気づくのは無理なんだろか。。。 x.com/motikan2010/st… 2024-10-04 13:15:14 Niishi Kubo @n11sh1_ クレカ情報漏洩の件、技術的な原因特定はこの投稿が一番分かりやすかった。 slick.min.js(画像切り替えのライブラリ)を改ざんされてマルウェアが仕込まれて、クレカ情報はサーバーに送信される前にフロントエンドから外部に送信されていたらしい。Content-Security-Policy がレスポンスヘッダーにきちんと設定されていれば悪意あるドメインに対しての通

          クレカ情報の流出があったタリーズオンラインストアのWebアーカイブから原因を特定した猛者が現れる→集まった有識者たちにより巧妙な手口が明らかに
        • 文春オンラインの記事分析を支える爆速ダッシュボードを作るまで|Shota Tajima

          従来のGoogleアナリティクスである、ユニバーサル アナリティクス(以下UA)のサポートがいよいよ2023年7月に終了することが、先日アナウンスされました(※)。昨年対比やトレンドをチェックすることを考えると、2022年内できるだけ早めに次世代のGoogleアナリティクス(以下GA4)へ移行したいWebメディア運営者も多いかと思います。新しいツールの勉強や、既存システムの改修が必要な問題ではありますが、この機会を、データ収集・可視化の設計を見直し、日々の意思決定の共通言語としてデータを使いやすくするチャンスと捉えてみてはいかがでしょうか。 ※  Google、ユニバーサルアナリティクスのサポートを2023年7月1日に終了。早めのGA4移行を推奨 このnoteでは、前半でダッシュボードによるデータの可視化にコストをかけるべき理由を整理します。後半では、2021年秋に文春オンラインのダッシュ

            文春オンラインの記事分析を支える爆速ダッシュボードを作るまで|Shota Tajima
          • デイリーポータルZは2024年1月1日から運営会社が変わります :: デイリーポータルZ

            デイリーポータルZは2024年1月1日から運営会社が変わります。 新しい運営会社は「デイリーポータルZ株式会社」です。 独立します 流浪のサイトとして運営会社が2回変わってきましたが、ついにデイリーポータルZ株式会社になります。代表は私、林がつとめます。 これまでお世話になったみなさま、ありがとうございました! そして支えてくれた読者のみなさま、これからもよろしくお願いします! サイトは変わりません、もっとおもしろくなります サイトは変わりません。暖かい靴下専門サイトになることも考えましたが、冬しかアクセスがなさそうなので踏みとどまりました。 これからも楽しく、読んだ人の気分を良くするサイトであり続けます。 来年からはデイリーポータルZのための組織で間接業務が少なくなりますし、出張申請せずにどこにでも行けます(ただし全部高速バス)。思いつきを実現できる環境になるのでサイトはもっとおもしろく

              デイリーポータルZは2024年1月1日から運営会社が変わります :: デイリーポータルZ
            • 最近の実装に合わせたHTMLテンプレート、基本のコードとすべての要素の役割も解説

              最近の実装に合わせた、Webページ用のHTMLテンプレートを紹介します。 レスポンシブ用のHTML、ソーシャルメディア用のHTMLをはじめ、高速表示に欠かせないrel="preload"なども含まれています。IEなどの古いブラウザはプログレッシブエンハンスメントで対応しています。 HTMLテンプレートはすべての要素の役割を各行ごとに解説しているので、自分に不必要なものを削除したり加えたりすることもできます。 My current HTML boilerplate by Manuel Matuzović 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLのテンプレート(最終形) HTMLのテンプレートを1行ずつ解説 ページのタイトルと説明文、外部ファイル ソーシャルメディア用のHTML アイコンとアドレスバー もう

                最近の実装に合わせたHTMLテンプレート、基本のコードとすべての要素の役割も解説
              • 超簡単にChromeの拡張機能を作ってみる【誰でもできるよ】 - Qiita

                はじめに みなさんはChromeの拡張機能を使っていますか? 僕も使っていますが、案外Chromeの拡張機能を作るのは簡単です。 今回は、普段の業務の効率を上げるのも兼ねて自作してみました! 最低限準備するもの manifestファイル Javascriptファイル ぶっちゃけ、これだけで動きます。 実際に作ってみよう それでは実際に作成していきましょう。 今回はDとVを押すだけで、Markdownのリンクを作成する拡張機能を作成していきます。 まずは、manifestファイルから設定していきます! manifestファイル を参考にして、備忘録も兼ねて説明していきます。 今回は、最低限の設定を行います。 { "manifest_version": 3, "name": "Create markdown link", "version": "1.0.0", "icons": { "16":

                  超簡単にChromeの拡張機能を作ってみる【誰でもできるよ】 - Qiita
                • GitLabで学んだ最高の働き方 Developers Summit 2022-02-18

                  Page Scrolling Vertical Scrolling Horizontal Scrolling Wrapped Scrolling

                    GitLabで学んだ最高の働き方 Developers Summit 2022-02-18
                  • 表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説

                    これまではJavaScriptを用いて実装するしかありませんでしたが、ついにimgやiframe要素であればloading="lazy"を付与するだけで、簡単に実装できます。 <!-- 画像に適用する場合 --> <img src="pic.png" alt="画像の詳細" loading="lazy"> <!-- iframeに適用する場合 --> <iframe src="external.html" loading="lazy"></iframe>画面外では読み込みが発生しないので、必要になった時(画面内に要素が入りそうになった時)に読み込みが発生するのでパフォーマンスが向上します。 また画像についてはsrcsetを用いたレスポンシブな画像に対しても指定できますし、picture要素を用いてfallback形式でも記述できます。 <img src="normal.png" srcse

                      表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説
                    • 溶接できれば「無敵」。溶接ギャル粉すけのガチンコ溶接講座 | となりのカインズさん

                      馬場吉成 工業製造業系ライター。かつては光ファイバーや半導体関係の装置の設計とかをやっていたが、今はライターや飲食店経営。学生時代はプロボクサーだったことも。100kmぐらいなら自分の足で走ります。

                        溶接できれば「無敵」。溶接ギャル粉すけのガチンコ溶接講座 | となりのカインズさん
                      • ChatGPT APIを使ったLineBotの作り方を、人格の与え方まで完全解説【プログラミング不要】|ChatGPT研究所

                        元々書いてあるコードを全て削除したのち、以下のコードを貼り付けます。 function doPost(e) { const props = PropertiesService.getScriptProperties() const event = JSON.parse(e.postData.contents).events[0] let userMessage = event.message.text if (userMessage === undefined) { // スタンプなどが送られてきた時 userMessage = 'やあ!' } const requestOptions = { "method": "post", "headers": { "Content-Type": "application/json", "Authorization": "Bearer "+ prop

                          ChatGPT APIを使ったLineBotの作り方を、人格の与え方まで完全解説【プログラミング不要】|ChatGPT研究所
                        • 「ジェンダー平等をかかげるのは時代遅れ」報道ステーションの女性蔑視CMがネットで炎上:東京新聞 TOKYO Web

                          CMはテレビ朝日のユーチューブアカウントで30秒版が、報道ステーションのツイッターアカウントで15秒版が公開された。いずれも「これは報道ステーションのCMです。」とテロップが入り、若い女性が「ただいま」と話し掛ける場面から始まる。 ユーチューブ版では、女性は「会社の先輩、産休あけて赤ちゃん連れてきてたんだけど、もうすっごいかわいくって。どっかの政治家が『ジェンダー平等』とかってスローガン的にかかげてる時点で、何それ、時代遅れって感じ」と笑う。続けて、「化粧水買っちゃったの。もうすっごいいいやつ。それにしても消費税高くなったよね。国の借金って減ってないよね?」と語る。

                            「ジェンダー平等をかかげるのは時代遅れ」報道ステーションの女性蔑視CMがネットで炎上:東京新聞 TOKYO Web
                          • 追記)ありがとう、そしてさようなら。デイリーポータルZ

                            デイリーポータルZが独立会社になると言うニュースが出ている。現状で月百万の赤字ということだから、単純計算で月1000円の「励ます会」(有料会員)を新たに1000人獲得する必要がある。見たところ、有料会員を得るための効果的な打ち手はなさそうだ。これは「励ます会の会員が増えるかも」という希望に基づいた特攻であり、残念ながら失敗すると思う。半年か一年後ぐらいにサーバー代が払えなくなって運営が終了するのだと思う。サイト運営に関しては林さんはいつもこんな感じの印象だ。ものを書いたり企画を立てる時の独創的な感覚とは裏腹に、収益化というところには常に無頓着で策がない。定期的にサイト運営が赤字であること自体をネタにするが、一向に問題は改善していない。そして、今回はそれが行くところまで行き着いてしまうのだと思う。そうならないことを願うし、裏切られたいと思うが、たぶん無理かなという予感しかしない。 私はデイリ

                              追記)ありがとう、そしてさようなら。デイリーポータルZ
                            • Spectre の脅威とウェブサイトが設定すべきヘッダーについて

                              長い記事なので先に結論を書きます。 Spectre の登場で、ウェブサイトに必要とされるセキュリティ要件は増えました。具体的に必要な対策は下記の通りです。 すべてのリソースは Cross-Origin-Resource-Policy ヘッダーを使って cross-origin なドキュメントへの読み込みを制御する。 HTML ドキュメントには X-Frame-Options ヘッダーもしくは Content-Security-Policy (CSP) ヘッダーの frame-ancestors ディレクティブを追加して、cross-origin なページへの iframe による埋め込みを制御する。 HTML ドキュメントには Cross-Origin-Opener-Policy ヘッダーを追加して popup ウィンドウとして開かれた場合の cross-origin なページとのコミュニ

                                Spectre の脅威とウェブサイトが設定すべきヘッダーについて
                              • ChatGPTのVSCodeプラグインが神すぎる件について

                                (追記) 自動ログイン機能が利用規約に抵触していたらしく、マーケットプレイスより削除されました。 GitHubにAPIを使ったものは残っているので、知識があれば動作させられるかと思います。(自己責任) これを使った再配布等の行動はトラブルの元なので控えた方がよいでしょう。 ChatGPT いいよね 最近一番メッセージやりとりしてるのChatGPTだし、なんなら1日にしゃべる量よりChatGPTと話してることの方が多い可能性まであります ChatGPTのチャットツール自体はこちらから参加して試せるわけですが、プログラムを書くときに使ったことのない言語やライブラリを開拓する際ここまで有難い存在はありません. このようにネット上を探し回ると地味に時間のかかる情報もチャット形式で手に入ります. さて、今回の話題ですが、我が愛しのテキストエディタ「Visual Studio Code」のChatGP

                                  ChatGPTのVSCodeプラグインが神すぎる件について
                                • AI エージェントを仕組みから理解する

                                  はじめに こんにちは、ダイニーの ogino です。 この記事では、AI エージェントや MCP に入門しようとしている人向けに、エージェントの内部実装について概説します。これを理解することで、現状の AI にできることが明確になり、今後の技術動向を追う上でも役に立つはずです。 本記事の要旨 MCP の表層的なプロトコルには大した意味も革新性も無いので、AI エージェントを理解するにはまずコンテキストを把握しましょう。 素の LLM の能力と、エージェントの実装を切り分ける AI エージェントは、自律的に判断してファイル操作や Web ブラウザなどのツールを使い分けることが可能です。しかし、その基盤となっている LLM にできるのは、テキストを入力してテキストを出力することだけに限られます[1]。 以降では「LLM にできないこと」を掘り下げ、それを補うために AI エージェントがどのよう

                                    AI エージェントを仕組みから理解する
                                  • CSSの中央揃えで、最も万能で信頼できる実装テクニック

                                    CSSは進化が早く、中央揃えのテクニックも一昔前のものよりも確実に使いやすくなっています。天地左右の中央に要素を配置する際に、要素の幅や高さが可変だったり、要素の数が増えても対応する最新の実装テクニックを紹介します。 現在主流の5つのテクニックからそれぞれの特徴と最も万能で信頼できるテクニックを評価します。 Centering in CSS by Adam Argyle 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. Content Center 2. Gentle Flex 3. Autobot 4. Fluffy Center 5. Pop & Plop 中央揃えに最適なテクニック はじめに CSSの中央揃えは、ジョークの対象にもなる悪名高い課題でした。しかし今日ではCSSはすべて進化し、素直にこれらのジョー

                                      CSSの中央揃えで、最も万能で信頼できる実装テクニック
                                    • ChatGPT API の使い方|npaka

                                      「OpenAI」の 記事「Chat completions」が面白かったので、軽くまとめました。 1. ChatGPT API「ChatGPT」は、OpenAIの最も先進的な言語モデルである「gpt-3.5-turbo」を搭載しています。「OpenAI API」から「gpt-3.5-turbo」を使用して独自アプリケーションを作成できます。 ・メールや文章のドラフト ・Pythonコードの生成 ・一連の文書に関する質問応答 ・会話型エージェントの作成 ・ソフトウェアへの自然言語インターフェースの追加 ・さまざまな科目の家庭教師 ・言語の翻訳 ・ビデオゲームのキャラクターのシミュレート 2. 使用料金使用料金は、以下で確認できます。 3. Colab での実行「gpt-3.5-turbo」は、マルチターンの会話を簡単にするように設計されていますが、会話のないシングルターンタスクでも役立ちます

                                        ChatGPT API の使い方|npaka
                                      • How a Massive Bomb Came Together in Beirut’s Port (Published 2020)

                                        Fifteen tons of fireworks. Jugs of kerosene and acid. Thousands of tons of ammonium nitrate. A system of corruption and bribes let the perfect bomb sit for years. How a Massive Bomb Came Together in Beirut’s Port By Ben Hubbard, Maria Abi-Habib, Mona El-Naggar, Allison McCann, Anjali Singhvi, James Glanz and Jeremy White Sept. 9, 2020 Fifteen tons of fireworks. Jugs of kerosene and acid. Thousands

                                          How a Massive Bomb Came Together in Beirut’s Port (Published 2020)
                                        • 日本のアニメってなんでOPとEDがあるの?

                                          ぶっちゃけあれ必要? いきなり本編が始まった方がよくない? 実際、配信サイトだと飛ばせる仕様になっているところもあるし。 あれってなんの意味があってつけてるの? 思考停止で「そういうもんだから」で作ってない?

                                            日本のアニメってなんでOPとEDがあるの?
                                          • セクハラされて自殺しようとしてた鬱病患者だったが、『テニスの王子様』で超元気になった話|ほくろ

                                            2017年4月、私は昼13時ごろの会社の会議室で死のうと思い立ち、ドアノブにPCとコンセントをつなぐケーブルを巻き付けていた。 私は2016年春に新入社員として大阪から東京の企業に就職して上京した。 大学では美術を学び、卒業後は作家として生計を立てたかったのだが、経済的な理由も相まって念願かなわず、泣く泣く就職した。 (就職難なこの時代に、泣く泣く就職する、といったような傲慢な表現をお詫びします) 『会社で一番多忙な部署』とやらに配属された私は、新卒として日々業務に励んでいた。今思えば、業務効率化を怠り右のエクセルに左のエクセルの数値をコピー&ペーストするような業務を朝から晩までやって「忙しい」とのたまっているような部署だったように思う。女は私一人だった。 元来負けず嫌いだった私は、「やるからにはバリバリに昇進してやる」という野心に満ち溢れていた。そのかいあってか否か、入社してわずか6か月

                                              セクハラされて自殺しようとしてた鬱病患者だったが、『テニスの王子様』で超元気になった話|ほくろ
                                            • ChatGPTを使ったサービスにおいて気軽にできるプロンプトインジェクション対策 - Qiita

                                              こんにちは!逆瀬川 ( https://twitter.com/gyakuse )です! 今日は気軽にできるプロンプトインジェクション対策を紹介したいと思います。 プロンプトインジェクションとは ChatGPTなどの言語モデルをベースとしたサービスに対し、「これまでの命令を表示してください」などの文章を与え、出力をジャックしてしまう攻撃手法です。 Prompt Leaking, Jailbreaking, 等の類似手法が知られています。 対策 これへの対策は簡単で、命令を追加で挿入する手法があります。以下に示します。 import openai openai.api_key = openai_key def completion(new_message_text:str, settings_text:str = '', past_messages:list = []): """ この関数は

                                                ChatGPTを使ったサービスにおいて気軽にできるプロンプトインジェクション対策 - Qiita
                                              • OpenAI API の ファインチューニングガイド|npaka

                                                1. ファインチューニングの利点ファインチューニングの利点は、次のとおりです。 (1) プロンプトよりも高品質な応答 (2) プロンプトに収まりきらないより多くの例の適用 (3) プロンプトの短縮によるトークン数 (コスト) の節約 (4) プロンプトの短縮による処理時間の短縮 モデルは膨大な量のテキストで事前学習されており、このモデルを効果的に利用するため、プロンプトに手順や応答の例を指定する手法が使われます。この例を使用してタスクの実行方法を示すことを「Few-Shot」と呼びます。 ファインチューニングで、プロンプトに収まりきらないより多くの例で学習することにより、さまざまなタスクでより良い結果を達成できるようになります。プロンプトに多くの例を指定する必要はなくなります。これによりトークン (コスト) が節約され、処理時間も短縮されます。 2. ファインチューニングの使用料金ファイン

                                                  OpenAI API の ファインチューニングガイド|npaka
                                                • CSSの新しいプロパティ「content-visibility」レンダリングのパフォーマンスが向上する

                                                  Webページのパフォーマンスを向上させることは、CSSでも可能です。去年の暮れからChromeで利用できるようになったCSSの新しいプロパティで、2021年現在Edge, Operaにもサポートされています。 読み込みパフォーマンスを向上させるために最も効果があるCSSの新しいプロパティcontent-visibilityについて紹介します。 content-visibility: the new CSS property that boosts your rendering performance by Una Kravets, Vladimir Levin 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに content-visibilityのサポート状況 CSS Containmentとは content-visi

                                                    CSSの新しいプロパティ「content-visibility」レンダリングのパフォーマンスが向上する
                                                  • 生成AIの「URLを読む処理」について考えてみる。 - フジイユウジ::ドットネット

                                                    ここ最近、生成AIに要約などのURLを指定した参照処理ができない事が増えたので、それについての雑記です。 (雑記なので、専門的な調査や論考ではありません。もし、間違ってるところがあったら指摘は歓迎です。修正しますので優しく教えてください。) なお、本記事は心を込めて物理キーボードを叩いて書いた人間の手作りです(一部データ集計などAIに手伝ってもらってるはいるけど)ので、どうぞ安心して最後までお読みください。AIに書いてもらえなかったオチがあります。 下の画像は ChatGPT に NHKのニュースにアクセスしてもらおうとして「robots.txtで禁止されている」という理由で断られてるところ。生成AI系から記事へのアクセスができなくなっている。 どうも最近は robots.txtで生成AIからのアクセスをブロックしてるメディアが増えているみたい。 robots.txtはクローラー(ロボット

                                                      生成AIの「URLを読む処理」について考えてみる。 - フジイユウジ::ドットネット
                                                    • ウマ娘ブームとかで、オタクって世界の美しさを知らなかった可哀想な人達なんだなってようやくわかった

                                                      ウマ娘をはじめとして、オッサンの趣味をアニメや漫画にするのが流行っている。 例えばキャンプ、釣り、バイク、まあ色々だ。 自分は仕事柄、そういったブームを観測したり、オタクと接触することが多いので、彼らがそういったものに飛びつくのを見る度に、 「何で今更?」と思っていた。 けど、最近ようやく合点がいった。 オタク版世界五分前仮説とでも言おうか。 オタクって、要するに世界が見えてなかったんだな。 競馬の歴史も、キャンプ場も、釣り場も、ずっとそこにあったのに、彼らには見えていなかったのだ。 理由は簡単で、人間は認知の成長によって見える世界が変わっていくんだが、オタクは大人になっても精神面が幼いからだ。 だから、漫画やアニメ、ゲームといった自分達にも理解のできる幼い文法に解釈してくれないと、理解できないし、見えないし、聞こえないのだ。 声優が作った気持ちの悪い猫なで声で喋ってくれないと世界を認識で

                                                        ウマ娘ブームとかで、オタクって世界の美しさを知らなかった可哀想な人達なんだなってようやくわかった
                                                      • GPT-3.5-Turbo / GPT-4-Turbo 1106のJSONモードの使い方|shi3z

                                                        日本時間未明(午前三時)ものすごいスピードで語られたOpenAI初の開発者向けイベントDevDayで発表されたGPT-4-TurboとGPT-3.5-TurboによるJSONモード。 これはものすごく強力なんだけど、Python APIによる使い方がどこにも描いてないので試行錯誤の末見つけましたので共有いたします。 from openai import OpenAI import openai import os openai.api_key = "<APIキー>" client = OpenAI() def gpt(utterance): #response = openai.chat( response = client.chat.completions.create( #model="gpt-4-1106-preview", model="gpt-3.5-turbo-1106", r

                                                          GPT-3.5-Turbo / GPT-4-Turbo 1106のJSONモードの使い方|shi3z
                                                        • 【知財・個人情報】ChatGPTをビジネスに利用する際の注意点 ['23/4/11] - Qiita

                                                          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                                                            【知財・個人情報】ChatGPTをビジネスに利用する際の注意点 ['23/4/11] - Qiita
                                                          • ChatGPT APIを使ってAIキャラクターを作ってみる! - Qiita

                                                            こんにちは!逆瀬川( https://twitter.com/gyakuse ) です! 今日は公開されたばかりのChatGPT APIを使ってAIキャラクターを作ってみます。 概要 ChatGPT APIを使ってAIキャラクターを作る 嬉しいところ 以前のOpenAIのGPT-3.5系のAPIは $0.0200 / 1K tokens で、だいたい1000文字で3〜5円くらいでした。 今回のChatGPT APIは $0.002 / 1K tokens であるため、1/10のやすさになっています。 また、規約が更新され、APIを使ったinput/outputは学習対象外(オプトアウトがデフォルト)となりました。 DPAの締結(OpenAIの書式に従う必要があります)も可能になっているためより以前よりは守秘性の高いコミュニケーションに使用できる可能性があります。 Colab 実装 会話を行

                                                              ChatGPT APIを使ってAIキャラクターを作ってみる! - Qiita
                                                            • 最小限のMCP Host/Client/Serverをスクラッチで実装する

                                                              ここ1~2ヶ月でMCPについての解説がたくさん出ているしMCPが何かの説明はいらないと思うので割愛。全く何かわからない人はやさしいMCP入門を読むと良い。 こういったMCPは何か?についての記事/スライドやどのように活用するのか?の実用的な解説&紹介はすでにたくさん出ている。一方でMCPの内部について学ぼうと思った時に時にどうすればいいかというと公式のSpecificationを読むことになるはず。 ただこの入門的な解説とSpecificationの間には少しギャップがある。自分のような理解力に乏しい人間にはいきなり仕様だけ読んで「はい理解しました」とはなれない。 そこで今回はMCPのHost/Client/Serverをスクラッチで実装することを通じて、その入門とSpecificationの間を埋められると良いなと思い実装してみた。実装する言語にはRubyを使用した。 全体像 実装するの

                                                                最小限のMCP Host/Client/Serverをスクラッチで実装する
                                                              • 「Amazonプライム・ビデオのユーザーはコンテンツを実際に購入しているわけではない」とAmazonが主張

                                                                Amazonの定額制動画配信サービスであるAmazonプライム・ビデオでは、サービス加入者であれば大量のコンテンツを自由に視聴できるほか、一部の番組や映画をレンタルまたは購入することも可能です。このAmazonプライム・ビデオのサービスについて、Amazonが「ユーザーはAmazonプライム・ビデオのコンテンツを実際に購入しているわけではない」と主張したと、海外メディアのHollywood Reporterなどが報じています。 Amazon Argues Users Don't Actually Own Purchased Prime Video Content | Hollywood Reporter https://www.hollywoodreporter.com/thr-esq/amazon-argues-users-dont-actually-own-purchased-prim

                                                                  「Amazonプライム・ビデオのユーザーはコンテンツを実際に購入しているわけではない」とAmazonが主張
                                                                • ChatGPTはどこまで雑な仕様でコードを書けるのかLINE Botを作らせてみた(GPT-4) - Qiita

                                                                  最近すっかりChatGPT(GPT-4)にハマっています。 GPT-4にバージョンアップして、日本語でのやり取りがとても自然になったのにも正直驚いていますが、それとプログラマー的にはもっと衝撃なのが「かなり雑な仕様でもちゃんと動くコードを書いてくれる」こと。 ということで、今回はChatGPTがどこまで雑な仕様でコードを書けるのか試してみることにしました。 題材としては、この間作ったAIレシピbotのGAS版を作らせてみることにしました。 実験の手順としては、まずはカッチリ仕様を提示するバージョンで試してみて、徐々に提示する仕様を雑にしてみようかと思います。ChatGPTは文脈を記憶する特性があるので、毎回チャットをリセットして記憶を消去しています。使用したのはWeb版のChatGPT Pro(GPT-4)です。 結論を先に書くと、かなりヤバい結果です。めちゃくちゃ雑なほぼ丸投げの指示でも

                                                                    ChatGPTはどこまで雑な仕様でコードを書けるのかLINE Botを作らせてみた(GPT-4) - Qiita
                                                                  • CSS の Container Queries おためし - 見返すかもしれないメモ

                                                                    CSS に、コンテナクエリという機能があるらしい。 メディアクエリでは画面全体の大きさに応じて要素のスタイルを変えることができたけど、コンテナクエリを使うと当該要素の親の大きさに応じてスタイルを変えられる。 /* メディアクエリの例 */ /* 画面幅が 400px 以下だったら、div を赤くする */ @media screen and (max-width: 400px) { div { background-color: red; } } /* コンテナクエリの例 */ /* div の親要素の幅が 400px 以下だったら、div を赤くする */ @container (max-width: 400px) { div { background-color: red; } } その機能が Google Chrome Canary で使えるようにされたと聞いたので、使ってみた。 こ

                                                                      CSS の Container Queries おためし - 見返すかもしれないメモ
                                                                    • 【誰でも簡単ChatGPT、GPT-4 利用】Azure OpenAI Serviceを使ってみた with LINE Bot【Azureでより安心・安全にAI機能が使える】 - Qiita

                                                                      # -*- coding: utf-8 -*- # Licensed under the Apache License, Version 2.0 (the "License"); you may # not use this file except in compliance with the License. You may obtain # a copy of the License at # # https://www.apache.org/licenses/LICENSE-2.0 # # Unless required by applicable law or agreed to in writing, software # distributed under the License is distributed on an "AS IS" BASIS, WITHOUT # WAR

                                                                        【誰でも簡単ChatGPT、GPT-4 利用】Azure OpenAI Serviceを使ってみた with LINE Bot【Azureでより安心・安全にAI機能が使える】 - Qiita
                                                                      • Serverless Architecture Patterns in #AWS - DEV

                                                                        1- Backend API Service 2- Hosting Microservices 3- Backend and Frontend Service 4- CloudFront with Regional API Gateway 5- Backend and Frontend Service using Single CloudFront Distribution 6- Storage First 7- APIs hosted by the backend service and frontend content hosted in S3

                                                                        • Claude Codeの会話ログをDuckDBで分析して自分の仕事スタイルを改善する方法 - yasuhisa's blog

                                                                          3行まとめ はじめに Claude Codeのログ保存機能とその特徴 ログ分析の活用例 音声入力の課題と英語プロンプトの活用 DuckDBを用いた分析アプローチ スキーマ情報の重要性とログ分析の活用 ログの長期保存設定 まとめ 3行まとめ Claude Codeの会話ログはJSONL形式で保存されており、DuckDBを使って日次の利用状況や音声入力の課題などを分析できる 英語プロンプトの学習効率化やエラーパターンの特定など、自分の仕事の仕方を改善するための実践的な活用方法がある JSONLファイルのスキーマ情報を整理することで、Claude Codeがクエリを書く際の精度が向上する はじめに Claude Codeは非常に強力なツールで、これ自体は別のブログで書く予定ですが、もはやこれなしでコードを書けないほど便利に使っています。今回は、そのClaude Codeとの会話ログを分析すること

                                                                            Claude Codeの会話ログをDuckDBで分析して自分の仕事スタイルを改善する方法 - yasuhisa's blog
                                                                          • S3経由でXSS!?不可思議なContent-Typeの値を利用する攻撃手法の新観点 - GMO Flatt Security Blog

                                                                            はじめに セキュリティエンジニアの齋藤ことazaraです。今回は、不可思議なContent-Typeの値と、クラウド時代でのセキュリティリスクについてお話しします。 本ブログは、2024 年 3 月 30 日に開催された BSides Tokyo で登壇した際の発表について、まとめたものです。 また、ブログ資料化にあたり、Content-Type の動作や仕様にフォーカスした形で再編を行い、登壇時に口頭で補足した内容の追記、必要に応じた補足を行なっています。 また、本ブログで解説をする BSides Tokyoでの発表のもう一つの題である、オブジェクトストレージについては、以下のブログから確認をすることが可能ですので、ご覧ください。 blog.flatt.tech なぜ今、この問題を取り上げるのか? 従来のファイルアップロードにおいて、Content-Type の値を任意の値に設定すること

                                                                              S3経由でXSS!?不可思議なContent-Typeの値を利用する攻撃手法の新観点 - GMO Flatt Security Blog
                                                                            • 現場で使えるFlexboxレイアウト12選 | BUILD Journal

                                                                              現場で使えるFlexboxレイアウト12選Update2023.05.12Release2021.06.24Coding HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する 現場で使えるFlexboxレイアウトを12パターン紹介します。flexboxを紹介する記事はたくさんありますが、知識のみで実例付きで紹介されているページはあまり見かけなかったので、本記事にて詳しく紹介していきます。 flexboxに慣れていない方だけではなくコードを短縮化させたい方も対象の内容となっております。ぜひご一読ください。 flexboxを使った横並び1行レイアウトflexboxを使った横並び1行レイアウトカードUIでよくある横並び1行レイアウトのFlexbox実装。同じ横幅のカードを等間隔で配置するもので、間の余白ももちろん等間隔。これを使う機会は多いので確実

                                                                                現場で使えるFlexboxレイアウト12選 | BUILD Journal
                                                                              • ChatGPTをぬるぬるにする🐌Server-Sent Eventsの基礎知識

                                                                                単方向通信であるということと、HTTP/1.1上で動作しているのが大きな特徴です。 また、HTTP上で動作することから、通信の互換性が高く、セキュリティモデルも使いまわせるので安心です。 どんな用途と相性がいいの? 双方向通信がしたいわけでなければ、相性の幅がとても広いです。 今回の ChatGPT のような、GPT がトークンを生成するごとに送るケースはもちろん、通知の未読件数バッジの更新、ニュース速報の表示など、サーバからイベントを送りたい時ならなんでも使えます。 HTTP/1.1で動くカラクリ SSEはHTTPのレスポンスヘッダにContent-Type: text/event-streamを指定した上で動作します。 SSEが動く流れ クライアントがサーバーに HTTP/1.1 リクエストを送信し、イベントストリームに接続します。 サーバーは、Keep-Alive 接続を使用して、T

                                                                                  ChatGPTをぬるぬるにする🐌Server-Sent Eventsの基礎知識
                                                                                • 文章要約AI タンテキ

                                                                                  【重要】文章要約AIタンテキポータル サービス終了のお知らせ この度、文章要約AIタンテキポータルは、誠に勝手ながら2023年8月31日(木) 19:00をもちまして、サービスを終了させていただくこととなりました。 長らくご利用いただきまして、誠にありがとうございました。 詳細や返金対応の流れにつきましては、こちらをご覧ください。

                                                                                    文章要約AI タンテキ

                                                                                  新着記事