OpenInterpreter / ついにAIがガチのアシスタントに!これは凄い、というか凄すぎる｜shi3z
凄いものが出てきてしまった。 ChatGPTの「Code Interpreter」が話題になったが、あれはあくまでクラウド上で動いているだけ。それを模してローカルで動作するようになった「Open Interpreter」は、衝撃的な成果である。 Open Interpreterのインストールは簡単。コマンド一発だ $ pip install open-interpreter起動も簡単 $ interpreter -yこれだけでOK。 あとはなんでもやってくれる。 たとえばどんなことができるのかというと、「AppleとMetaの株価の推移をグラフ化してくれ」と言うとネットから自動的に情報をとってきてPythonコード書いてグラフをプロットしてくれる。 凄いのは、ローカルで動くのでたとえばApplescriptを使ってmacOSで動いているアプリを直接起動したり操作したりできる。「Keynot
7月のある夕方のことだ。 喉が渇き、炭酸飲料が飲みたくなった私は、ふと「CCレモンって最近飲んでないな」と思ってサントリーのホームページを見てみた。 CCレモンにはいろんな種類が出ていることを知った。まあ確かに言われてみればこういう変わり種も定期的に見かけていたな、という感じである。しかし私の好みの傾向は往々にしてスタンダードタイプであるため、その後スーパーに行って買ったものは結局普通のこれだった。 やはり美味かった。レモン味の酸っぱさと強すぎない炭酸がたまらない。あっという間に飲み切ってしまった。 翌日、CCレモンの余韻を引きずっていた私は夜の散歩の時に自販機でCCレモンを買うことを決めた。CCレモンが売られている自販機は2ヶ所把握していたが、片方の自販機がある付近はこの時期アズマヒキガエルが頻出するため、それを避けるべくもう片方の自販機がある方へと進んだ。 すると、そこにはCCレモンが
存在しないことになっている水上スラムに行く
1982年生まれ。ウィーンに住んでいるのに、わざわざパレスチナやらトルクメニスタンやらに出かけます。 岡田悠さんと「旅のラジオ」更新中。 前の記事：ブードゥー教のシャーマン、エグングン祭りに集まる ＞ 個人サイト ウィーンと私と、旅する子どもたち ラゴスへの道 ラゴスは1,000万人を超える大都市だ。富裕層のエリアを切り取った写真を見せられて、アフリカ大陸だとわかる人は少ないだろう。 駐在員が多く住む国際都市ゆえ、生活水準も低くない。それなのに、これはまったく不可解なことだが、ベナン国境からラゴスへと通じる道路は、理想から無辺際の隔たりをみせているのだ。 陥没と隆起のはてない路上に、無数のごみがひしめいている。論理の帰結としてひどい渋滞が起こる。時速20kmでも進めば御の字だ。 ナイジェリアより貧しいトーゴやベナンの幹線道路は好ましく整備されていたのに、これはどうしたことなのか。 ラディカ
デイリーポータルZは2024年1月1日から運営会社が変わります。 新しい運営会社は「デイリーポータルZ株式会社」です。 独立します 流浪のサイトとして運営会社が2回変わってきましたが、ついにデイリーポータルZ株式会社になります。代表は私、林がつとめます。 これまでお世話になったみなさま、ありがとうございました！ そして支えてくれた読者のみなさま、これからもよろしくお願いします！ サイトは変わりません、もっとおもしろくなります サイトは変わりません。暖かい靴下専門サイトになることも考えましたが、冬しかアクセスがなさそうなので踏みとどまりました。 これからも楽しく、読んだ人の気分を良くするサイトであり続けます。 来年からはデイリーポータルZのための組織で間接業務が少なくなりますし、出張申請せずにどこにでも行けます（ただし全部高速バス）。思いつきを実現できる環境になるのでサイトはもっとおもしろく
最近の実装に合わせた、Webページ用のHTMLテンプレートを紹介します。 レスポンシブ用のHTML、ソーシャルメディア用のHTMLをはじめ、高速表示に欠かせないrel="preload"なども含まれています。IEなどの古いブラウザはプログレッシブエンハンスメントで対応しています。 HTMLテンプレートはすべての要素の役割を各行ごとに解説しているので、自分に不必要なものを削除したり加えたりすることもできます。 My current HTML boilerplate by Manuel Matuzović 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLのテンプレート（最終形） HTMLのテンプレートを1行ずつ解説 ページのタイトルと説明文、外部ファイル ソーシャルメディア用のHTML アイコンとアドレスバー もう
はじめに みなさんはChromeの拡張機能を使っていますか？ 僕も使っていますが、案外Chromeの拡張機能を作るのは簡単です。 今回は、普段の業務の効率を上げるのも兼ねて自作してみました! 最低限準備するもの manifestファイル Javascriptファイル ぶっちゃけ、これだけで動きます。 実際に作ってみよう それでは実際に作成していきましょう。 今回はDとVを押すだけで、Markdownのリンクを作成する拡張機能を作成していきます。 まずは、manifestファイルから設定していきます! manifestファイル を参考にして、備忘録も兼ねて説明していきます。 今回は、最低限の設定を行います。 { "manifest_version": 3, "name": "Create markdown link", "version": "1.0.0", "icons": { "16":
Page Scrolling Vertical Scrolling Horizontal Scrolling Wrapped Scrolling
表示速度を飛躍的に向上させる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
馬場吉成 工業製造業系ライター。かつては光ファイバーや半導体関係の装置の設計とかをやっていたが、今はライターや飲食店経営。学生時代はプロボクサーだったことも。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
2020/02/13 DevSumi 発表資料
Systemd
Page Scrolling Vertical Scrolling Horizontal Scrolling Wrapped Scrolling
質とスピード（2020春版） / Quality and Speed 2020 Spring Edition
質とスピード（2020春版） 2020/02/13 @ デブサミ2020
「ジェンダー平等をかかげるのは時代遅れ」報道ステーションの女性蔑視CMがネットで炎上：東京新聞 TOKYO Web
ＣＭはテレビ朝日のユーチューブアカウントで３０秒版が、報道ステーションのツイッターアカウントで１５秒版が公開された。いずれも「これは報道ステーションのＣＭです。」とテロップが入り、若い女性が「ただいま」と話し掛ける場面から始まる。 ユーチューブ版では、女性は「会社の先輩、産休あけて赤ちゃん連れてきてたんだけど、もうすっごいかわいくって。どっかの政治家が『ジェンダー平等』とかってスローガン的にかかげてる時点で、何それ、時代遅れって感じ」と笑う。続けて、「化粧水買っちゃったの。もうすっごいいいやつ。それにしても消費税高くなったよね。国の借金って減ってないよね？」と語る。
Developer Summit 2020 発表資料 #devsumi
追記)ありがとう、そしてさようなら。デイリーポータルZ
デイリーポータルZが独立会社になると言うニュースが出ている。現状で月百万の赤字ということだから、単純計算で月1000円の「励ます会」(有料会員)を新たに1000人獲得する必要がある。見たところ、有料会員を得るための効果的な打ち手はなさそうだ。これは「励ます会の会員が増えるかも」という希望に基づいた特攻であり、残念ながら失敗すると思う。半年か一年後ぐらいにサーバー代が払えなくなって運営が終了するのだと思う。サイト運営に関しては林さんはいつもこんな感じの印象だ。ものを書いたり企画を立てる時の独創的な感覚とは裏腹に、収益化というところには常に無頓着で策がない。定期的にサイト運営が赤字であること自体をネタにするが、一向に問題は改善していない。そして、今回はそれが行くところまで行き着いてしまうのだと思う。そうならないことを願うし、裏切られたいと思うが、たぶん無理かなという予感しかしない。 私はデイリ
長い記事なので先に結論を書きます。 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 なページとのコミュニ
(追記) 自動ログイン機能が利用規約に抵触していたらしく、マーケットプレイスより削除されました。 GitHubにAPIを使ったものは残っているので、知識があれば動作させられるかと思います。（自己責任） これを使った再配布等の行動はトラブルの元なので控えた方がよいでしょう。 ChatGPT いいよね 最近一番メッセージやりとりしてるのChatGPTだし、なんなら1日にしゃべる量よりChatGPTと話してることの方が多い可能性まであります ChatGPTのチャットツール自体はこちらから参加して試せるわけですが、プログラムを書くときに使ったことのない言語やライブラリを開拓する際ここまで有難い存在はありません． このようにネット上を探し回ると地味に時間のかかる情報もチャット形式で手に入ります． さて、今回の話題ですが、我が愛しのテキストエディタ「Visual Studio Code」のChatGP
Jetpack ComposeとGraphQLによるServer Driven UI/jetpackcompose-grahpql-serverdrivernui
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はすべて進化し、素直にこれらのジョー
心理的安全性って結局何なんだろう
Event for Diverse Game Engineers #5 (https://edge.connpass.com/event/161663/)での登壇資料（からもろもろの画像などを取り除いたもの）です。
Frontend Conference Fukuoka 2019
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」は、マルチターンの会話を簡単にするように設計されていますが、会話のないシングルターンタスクでも役立ちます
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
日本のアニメってなんでOPとEDがあるの？
ぶっちゃけあれ必要？ いきなり本編が始まった方がよくない？ 実際、配信サイトだと飛ばせる仕様になっているところもあるし。 あれってなんの意味があってつけてるの？ 思考停止で「そういうもんだから」で作ってない？
2017年４月、私は昼13時ごろの会社の会議室で死のうと思い立ち、ドアノブにPCとコンセントをつなぐケーブルを巻き付けていた。 私は2016年春に新入社員として大阪から東京の企業に就職して上京した。 大学では美術を学び、卒業後は作家として生計を立てたかったのだが、経済的な理由も相まって念願かなわず、泣く泣く就職した。 （就職難なこの時代に、泣く泣く就職する、といったような傲慢な表現をお詫びします） 『会社で一番多忙な部署』とやらに配属された私は、新卒として日々業務に励んでいた。今思えば、業務効率化を怠り右のエクセルに左のエクセルの数値をコピー＆ペーストするような業務を朝から晩までやって「忙しい」とのたまっているような部署だったように思う。女は私一人だった。 元来負けず嫌いだった私は、「やるからにはバリバリに昇進してやる」という野心に満ち溢れていた。そのかいあってか否か、入社してわずか６か月
こんにちは！逆瀬川 ( 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 = []): """ この関数は
研究室配属ガイダンス
VS Code Meetup #1（https://vscode.connpass.com/event/155068/ ）での発表資料です。
1. ファインチューニングの利点ファインチューニングの利点は、次のとおりです。 (1) プロンプトよりも高品質な応答 (2) プロンプトに収まりきらないより多くの例の適用 (3) プロンプトの短縮によるトークン数 (コスト) の節約 (4) プロンプトの短縮による処理時間の短縮 モデルは膨大な量のテキストで事前学習されており、このモデルを効果的に利用するため、プロンプトに手順や応答の例を指定する手法が使われます。この例を使用してタスクの実行方法を示すことを「Few-Shot」と呼びます。 ファインチューニングで、プロンプトに収まりきらないより多くの例で学習することにより、さまざまなタスクでより良い結果を達成できるようになります。プロンプトに多くの例を指定する必要はなくなります。これによりトークン (コスト) が節約され、処理時間も短縮されます。 2. ファインチューニングの使用料金ファイン
リモートワーク改善していきたいよね
uzulla 2020/03/07 at Hachioji.pm #78 Lightning talk
お前たちの仕様の伝え方は間違っている！
仕様を伝えるときには、ストーリーテリングでも伝えよう。
テストコードを書き始める前に考えるべきテストの話 #DevSumi / Developers_Summit_2020
以下のイベントの投影資料です。 https://event.shoeisha.jp/devsumi/20200213/session/2364/ 発表時の諸注意など http://nihonbuson.hatenadiary.jp/entry/2020/01/31/090000 お問い合…
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
ウマ娘をはじめとして、オッサンの趣味をアニメや漫画にするのが流行っている。 例えばキャンプ、釣り、バイク、まあ色々だ。 自分は仕事柄、そういったブームを観測したり、オタクと接触することが多いので、彼らがそういったものに飛びつくのを見る度に、 「何で今更？」と思っていた。 けど、最近ようやく合点がいった。 オタク版世界五分前仮説とでも言おうか。 オタクって、要するに世界が見えてなかったんだな。 競馬の歴史も、キャンプ場も、釣り場も、ずっとそこにあったのに、彼らには見えていなかったのだ。 理由は簡単で、人間は認知の成長によって見える世界が変わっていくんだが、オタクは大人になっても精神面が幼いからだ。 だから、漫画やアニメ、ゲームといった自分達にも理解のできる幼い文法に解釈してくれないと、理解できないし、見えないし、聞こえないのだ。 声優が作った気持ちの悪い猫なで声で喋ってくれないと世界を認識で
JavaScript: Past, Present, and Future - NDC Porto 2020
Regional Scrum Gathering Tokyo 2020 の資料です。
めんどうくさいゲームセキュリティ
社内勉強会にて
日本時間未明(午前三時)ものすごいスピードで語られた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
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今この世界には「2種類のCCレモン」が混在している｜鬼谷
デイリーポータルZは2024年1月1日から運営会社が変わります :: デイリーポータルZ
最近の実装に合わせたHTMLテンプレート、基本のコードとすべての要素の役割も解説
超簡単にChromeの拡張機能を作ってみる【誰でもできるよ】 - Qiita
GitLabで学んだ最高の働き方 Developers Summit 2022-02-18
溶接できれば「無敵」。溶接ギャル粉すけのガチンコ溶接講座 | となりのカインズさん
論文の読み方 / How to survey
最新のブラウザで変わるCookieの取り扱いやPrivacyの考え方
「問題から目を背けず取り組む」 �一休の開発チームが6年間で学んだこと
Spectre の脅威とウェブサイトが設定すべきヘッダーについて
ChatGPTのVSCodeプラグインが神すぎる件について
オブジェクト指向のその前に-凝集度と結合度/Coheision-Coupling
これからのフロントエンドセキュリティ
セクハラされて自殺しようとしてた鬱病患者だったが、『テニスの王子様』で超元気になった話｜ほくろ
ChatGPTを使ったサービスにおいて気軽にできるプロンプトインジェクション対策 - Qiita
研究をはじめる前に知っておいて欲しい7つのこと / Welcome to Lab
2年半VSCodeを使ってきて意外と知らなかったこと
OpenAI API の ファインチューニングガイド｜npaka
CSSの新しいプロパティ「content-visibility」レンダリングのパフォーマンスが向上する
ウマ娘ブームとかで、オタクって世界の美しさを知らなかった可哀想な人達なんだなってようやくわかった
フロントエンドの
良い設計、良いコードを考える
見積りしないスクラム/No Estimates Scrum JP
GPT-3.5-Turbo / GPT-4-Turbo 1106のJSONモードの使い方｜shi3z
id.nii.ac.jp
l.smartnews.com
huyukiitoichi.hatenadiary.jp
www.menuguildsystem.com
www.bloomberg.co.jp
jp.reuters.com