並び順

ブックマーク数

期間指定

  • から
  • まで

81 - 120 件 / 445件

新着順 人気順

textの検索結果81 - 120 件 / 445件

  • C言語1000行でテキストエディタを作るチュートリアルをやった

    結果的に1200行を越えましたが。 kilo 成果物はこれ↓ 参考サイトはこれです↓ インスパイア元↓ 感想 C言語は10年ぶりくらいに書いた 進めていくうちになんとなく思い出すことができた 最初にちゃんと授業で学んだ言語なので懐かしく思った Cに出会っていなければプログラミングしてなかったかもしれないので感慨深い しかしこのレベルのメモリ管理は正直たいへん 「この関数で確保したメモリはこっちの関数で開放されるので問題ありません」みたいな この調子でやっていったらバグる未来しか見えない 1000行・1ファイルというコンセプトは良いのだがファイル分けて管理したいナ〜〜と思った 配列や文字列の操作、メモリ管理がやりやすい別の言語で書き直したい Cを書くの大変だな…という感想を持った 速さはともかく他の言語で書きたい もっとimmutableに… お手本よりも行数が増えた 1行のif文などでもブ

      C言語1000行でテキストエディタを作るチュートリアルをやった
    • [翻訳]LLMで1年間開発して学んだこと〜LLMプロダクト開発を成功に導くための実践的ガイド〜

      この記事は "What We’ve Learned From A Year of Building with LLMs" という記事を著者の一人である Eugene Yan さんから許可を得て翻訳したものです。 https://applied-llms.org/ Thank you for giving me a permission to translate this wonderful article! 著者の方々 Eugene Yan Bryan Bischof Charles Frye Hamel Husain Jason Liu Shreya Shankar 原文の公開日 2024/6/8 今は大規模言語モデル(LLM)を使った開発がとってもエキサイティングな時期です。この1年間で、LLMは実世界のアプリケーションに対して「十分に良い」ものになりました。そして、年々良くなり、安く

        [翻訳]LLMで1年間開発して学んだこと〜LLMプロダクト開発を成功に導くための実践的ガイド〜
      • 【AI動画生成】Sora 要素技術解説

        もう全部OpenAIでいいんじゃないかな はじめに 月間技術革新です。 ということで、昨日OpenAIから発表された新しい動画生成AI「Sora」が非常に話題となっていますね。 圧倒的な一貫性の保持と1分間に及ぶ長時間動画が生成可能という事で、現状の動画生成技術を圧倒的に凌駕する性能を持っているようです。 在野エンジニアの小手先テクニックなど一笑に付すような圧倒的性能を Soraの凄さは色んなエンジニアやインフルエンサーがたくさん語っているのでそちらを見てもらうとして、この記事ではSoraを構成する各技術について簡単に解説していければと思います。 Soraの技術構成 論文が公開されているわけではないですが、OpenAIが要素技術の解説ページを公開してくれているため、そのページを参考にしていきます。 原文を見たい方はこちらからどうぞ 全体構成 Soraは以下の技術要素で構成されているとのこと

          【AI動画生成】Sora 要素技術解説
        • 英語の学術論文をChatGPT-4で執筆する際の手順メモ|Kan Hatakeyama

          はじめに英語の論文をGPT4に執筆させた際の手順を記します。 普段からChatGPTを使っている人にとっては、当たり前のやり取りしかしていないのですが、意外と使えていない方がnon-AI分野では多いので、丁寧にプロンプトを示していきます。 (ワークショップで解説する必要が出てきたので、そのためのメモ書きです) GPT-4に論文は書けるのか?ゼロから書かせるのは難しいですが、日本語の下書きを英訳するのは得意で、少なくとも筆者が満足する品質のテキストが得られます。 GPTを使って執筆をするメリットDeepLやGoogle翻訳と違い、英文のスタイル(e.g., 論文調)を明示的に指示できるので、翻訳のクオリティが高い 日本語ネイティブにとっては、日本語で書いた方が圧倒的に楽※ スペルミスや文法ミスを犯さないので、校正の手間も減る。※ 基本的に翻訳タスクしか行っていないので、GPTが過去の類似文章

            英語の学術論文をChatGPT-4で執筆する際の手順メモ|Kan Hatakeyama
          • GitHub Projects を利用したタスク管理 - 一休.com Developers Blog

            宿泊開発チームでエンジニアをしている @itinao です。 昨年の10月に入社しました。 今回は GitHub Projects を利用したタスク管理について記載します。 なんとなーく GitHub Projects 使うと、KANBANにしてみたり リストにして使ってみたり で終わってしまいます。 もっと色々できるんだよってことが伝えられればと思います。 背景 どんな機能があるか Custom Fields Views Group by Slice by Workflows ISSUEと Pull requestの紐づけ Insights タスクの進め方 タスクの洗い出し 見積もり 現状の課題と今後の展望 まとめ さいごに 背景 一休ではチームごとにタスクの管理方法が違い、 Google Spreadsheet・GitHub Projects・Jiraなど、チームごとにタスク管理の方法

              GitHub Projects を利用したタスク管理 - 一休.com Developers Blog
            • 通学時間が1時間超、うつ症状リスク1.6倍増 志望校選びは慎重に:朝日新聞デジタル

              ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- Section BGN -->\n<div class=\"Section jukentokushu_naka6_list pc\">\n<div class=\"Title\">\n<h2><a href=\"https://www.asahi.com/edu/exam/\">受験ニュース</a></h2>\n<ul class=\"SubLink\" style=\"float:right;font-size:.8rem;\">\n<li class=\"Fst\"><a href=\"https://www.asahi.com/edu/kyotsu-exam/\">大学入学共通テストへ</a

                通学時間が1時間超、うつ症状リスク1.6倍増 志望校選びは慎重に:朝日新聞デジタル
              • 2024年版 HTMLで作るフォームバリデーション - ICS MEDIA

                すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があります。 エラー時のスタイル エラーメッセージの出し方 バリデーションエラーの表示タイミング 以下では、それぞれについて深堀りします。 エラー時のスタイル エラーを検知する方法として、CSSには:valid疑似クラスと:invalid疑似クラスがあります。これらの疑似クラスは『CSS疑似クラスを活用した、モダンでインタラクティブなフォームの作り方』でも紹介されている、バリデーションエラーが起きている要素にのみ適用されるクラスです。 しかし、この疑似クラスには欠点があります。required属性を

                  2024年版 HTMLで作るフォームバリデーション - ICS MEDIA
                • Power Apps & GPT-4oを使って超高速で画像解析アプリを作る! - Qiita

                  GPT-4o凄すぎる!! 出たときから騒ぎまくっていましたが、GPT-4oの登場で興奮しっぱなしの私です。 先日こちらのQiitaの記事を拝読し、「Power Appsでやったらどうなるだろう🧐」という思いが抑えられず、作ってみたら超高速で画像解析アプリが作成できました! あらためて記事を出してくださったことに感謝いたします! まずは初弾!ということでGPT-4oを使って、 Power Appsで画像解析アプリを作成する方法 を書いていきます! まずは見た目(Power Apps)から! まずはPower Appsでサクっと画面を作ります! PowerPoint感覚で作れることが強みですからね! 最低限のもので構成しています。 画面 ├─ ScreenContainer - スクリーン全体 ├─ HeaderContainer │ └─ Header - ヘッダーコントロール ├─ Bo

                    Power Apps & GPT-4oを使って超高速で画像解析アプリを作る! - Qiita
                  • 【令和最新版】何もわからない人向けのローカル LLM 入門

                    こんにちは、Saldraです。普段はPictoriaという会社でAIの美少女の錬成に励んでいるエンジニアです。この記事はローカルLLMの概要をつかむことを目的とします。対象読者は以下です。 なんとなく ChatGPT は使ったことある人 ローカル LLM を聞いたことあるけどやったことない人 ローカル LLM とは OpenAIがAPIを公開してから、大規模言語モデル(以降LLMとします)は大きく進化していきました。この進化はOpenAIのAPIだけでなく、ローカルLLMも進化をしています。 ローカルLLMとは「一般向けにファイルとして公開されたモデル」で推論させる遊びです。APIは便利ですが、インターネットの接続が必要であったり、API提供側に依存する問題があります。ローカルLLMは自前で運用ができるため、APIにはないメリットや魅力があります。一方で、環境構築やマシンスペック等、少し始

                      【令和最新版】何もわからない人向けのローカル LLM 入門
                    • 「草むしり」やめました! 造園業者お墨付きの「除草剤」で、抜いても抜いても生えてくる雑草ストレスを解消 | ROOMIE(ルーミー)

                      ※本記事は2021年11月2日に掲載された記事を再編集して公開しています。 Text and Photographed by Haruka Iwasawa 暑さが本格化する前のこの時期、庭先に生え散らかった雑草をどうにかしておかないと……。 とは言え、草むしりは面倒なので、今回は除草剤に頼ってみることにしました! 本当に効き目のあった除草剤を紹介します。 信頼の除草剤「ラウンドアップマックスロード」 日産化学工業 「ラウンドアップマックスロードAL そのままタイプ 1.2L」 909円(Amazon価格) 造園業をしている父にオススメの除草剤を聞いてみたところ、迷わずすすめられたのがこの「ラウンドアップマックスロード」。一般家庭でも使いやすく、圧倒的なシェアを誇る定番の除草剤なのだそう。 除草剤によっては隣家の花壇などにも影響して草木を枯らしてしまうことがあるらしいのですが、こちらは「かけ

                        「草むしり」やめました! 造園業者お墨付きの「除草剤」で、抜いても抜いても生えてくる雑草ストレスを解消 | ROOMIE(ルーミー)
                      • 俺の月収より高いゲーミングモニターを使ってみたら、もう戻れなくなってしまった。26万円の力で男も女もえっちに映しましょう

                        人は、26万円のモニターを手にすると「戻れなく」なる デカァァァァァいッ説明不要!! その大きさ、31.5インチ。 それは モニターと言うには あまりにも大きすぎた 大きく ぶ厚く 重く そして 4Kすぎた それは 正に 26万円だった 実際に届いて感じたのは、「画面の大きさ」でした。もう、とにかくデカい。4Kとか、LEDとか、それより先に「圧倒的な大きさ」が飛び込んできた。起動する。パソコンと接続する。あまりに巨大な画面に、映像を出力してみる。 デッカ……………………………。 そして真っ先に感じたこと、それは「戻れない」。 大きさの比較用に鍾離先生のアクスタを置いてみたのですが……伝わってますかね?私は最近、携帯をiPhone SEから、iPhone15 Proに変えた。 やっぱり画面の大きさに驚いた。 そしてiPhone15を何日も使い続け、ふと機種変前のSEを起動してみた。 そこで、

                          俺の月収より高いゲーミングモニターを使ってみたら、もう戻れなくなってしまった。26万円の力で男も女もえっちに映しましょう
                        • Google Apps Script は、もはやエンジニアが書かない方がいいまである

                          ラブグラフでエンジニアをしています横江 ( @yokoe24 ) です。 ラブグラフでは、エンジニア以外で Google Apps Script (GAS) を書く方も多く、 Slack通知の自動化など、業務の効率化がおこなわれています。 マジですごいと思います! GASをエンジニア以外が書く問題点 一方で、コードを見るとプログラマーからするとムズムズするところもあります。 変数名に snake_case が混ざっている インデントが揃っていない for文の中で getValue() を回している Google Apps Script の getValue() メソッドはコストが高く、何度も実行するとタイムアウトの可能性が高まる == で比較している double quotes " と single quotes ' が混ざっている こういうコードを見ると直したくてウズウズしてしまいます。

                            Google Apps Script は、もはやエンジニアが書かない方がいいまである
                          • イギリスではオフィスで昼寝をすると大体の会社では一発アウトになる?→欧米では寝ていい場所が日本とは根本的に異なっているのかも?

                            miel @jpdeuk 日本からイギリスに転職する人に気をつけてほしいのが、オフィスでの昼寝。イギリスだと大体の会社は一発アウトです…

                              イギリスではオフィスで昼寝をすると大体の会社では一発アウトになる?→欧米では寝ていい場所が日本とは根本的に異なっているのかも?
                            • 牛帝ポータル - 新都社出身の漫画家リスト -

                              新都社(公式サイト) 「新都社」(にいとしゃ)は、匿名掲示板「2ちゃんねる」の「ニュー速VIP板」の有志によって、2005年3月に設立されたWEB漫画投稿サイトです。 のちの人気漫画家を多数輩出しており、まさに、「平成時代のデジタルトキワ荘」とでもいうべき存在です。 あまりにも漫画家を輩出しすぎていて、 「えっ、この人も新都社出身だったの!?」 みたいなパターンが多すぎるため、新都社出身の漫画家リストを作ってみました。 まだけっこう抜けがあると思いますので、情報提供募集中です。新たな情報が入り次第、このリストは加筆修正すると思います。 新都社出身者と一言で言っても、実際は温度感にだいぶムラがあります。 新都社に何百ページも漫画を投稿しながら、実力と人気をコツコツ高めていき、プロ漫画家として大輪の花を咲かせたタイプは、自他共に認める新都社出身者でしょう。 一方、新都社がなくても普通に漫画家に

                              • Vimの思想について

                                ここでいくつかのルールとして motion-count-multiplied 例えば10jで十行下へ移動、d2kで上2行を削除など operator-doubled 例えばyy, dd, cc, >>とか、2回繰り返すとカーサーのある行に動作する upper case operator 例えばc->C、d->D, y->Yのように、現在のカーサーから行の最後まで動作するケースと、対になっている(逆の機能を持つ)ケース、例えばp->P, o->O, n->N, a->A, i->I, f->Fなど)に大まかに分けられる exclusive inclusive 例えば、yiw vs yaw, cib vs cabの違いで、テキストオブジェクトの内部(inner)だけか、境界線も含めるか(around) があります。これらのルールは他のプラグインにもよくみられるので、Vim wayに慣れればプラ

                                  Vimの思想について
                                • 紙っぽいかわいいWebサイト作りたい - Qiita

                                  かわいいWebサイトが作りたい Web上でグラフィックデザインっぽい表現をしてるサイト大好き! 思いついたら追加する 「版ズレ」風 版ズレ = 印刷の際に、色の版がズレて出力されてしまう現象。(アナログっぽい雰囲気を出すために、あえてズレているように見せるデザイン手法として使ってます) 一番上のレイヤーに紙っぽいテクスチャを乗せて乗算かける 後ろのテキストはaria-hidden="true"でスクリーンリーダーに読み上げられないようにする (疑似要素でやりたかったけど乗算上手くいかなかった・・) ▼ HTML <div class="hanzure"> <img src="紙っぽいテクスチャ" alt=""> <div class="hanzure01"> <p class="front">版ズレ風の表現</p> <p class="back" aria-hidden="true">版ズ

                                    紙っぽいかわいいWebサイト作りたい - Qiita
                                  • なんでもメモして個人的な知識を蓄える「Obsidian」のキャンバスデータ保存形式「JSON Canvas」がオープンソース化、中身はこんな感じ

                                    Markdown形式でメモを作成できるサービスのObsidianが使用しているObsidian Canvasファイル形式を「JSON Canvas」ファイル形式としてオープンソース化することを発表しました。 JSON Canvas — An open file format for infinite canvas data. https://jsoncanvas.org/ Announcing JSON Canvas: an open file format for infinite canvas data - Obsidian https://obsidian.md/blog/json-canvas/ 仕様についてはjsoncanvas.orgに記載されています。サイトにアクセスするとこんな感じ。右下の「Toggle output」をクリックしてみます。 右側にJSON Canvas形式

                                      なんでもメモして個人的な知識を蓄える「Obsidian」のキャンバスデータ保存形式「JSON Canvas」がオープンソース化、中身はこんな感じ
                                    • 浮動小数点型の算術とお近づきになりたい人向けの記事 - えびちゃんの日記

                                      お近づきになりたい人向けシリーズです。 いろいろなトピックを詰め込みましたが、「これら全部を知らないといけない」のようなつもりではなく、いろいろなことを知るきっかけになったらいいなという気持ちなので、あまり身構えずにちょっとずつ読んでもらえたらうれしい気がします。 まえがき 予備知識 規格 用語 精度という語について 記法 表現について 有限値の表現について エンコードについて 丸めについて よくある誤差や勘違いの例 0.1 = 1 / 10? 0.1 + 0.2 = 0.3? 整数の誤差 Rump’s Example 基本的な誤差評価 用語に関して 実数の丸め 有理数の丸め 基本演算の丸め 差について 複数回の演算 補題たち 桁落ちについて Re: Rump’s example 融合積和 数学関数に関する式の計算 誤差の削減に関して 総和計算 数学関数の精度について 比較演算について 雑

                                        浮動小数点型の算術とお近づきになりたい人向けの記事 - えびちゃんの日記
                                      • ナッジ・行動経済学を活用した行動促進策の設計法

                                        ナッジ・行動経済学を活用した 行動促進策の設計法 ~暮らしの中での行動変容による社会課題解決~ 2023/4/21 1 Copyright (C) Mitsubishi Research Institute, Inc. ナッジ・行動経済学を活用した行動促進策の設計法 ~暮らしの中での行動変容による社会課題解決~ 2023 年4月 株式会社三菱総合研究所 先進技術センター 要旨 目次 頁 1.拡大するナッジなどの緩やかな行動変容の取り組み 2 2.行動特性による行動ボトルネック分析 6 3.行動促進策の設計 8 3.1 ボトルネック要因に影響している行動特性を弱める 8 3.2 行動特性を利用して行動を促す 9 (1)フレーミングと参照点でメッセージを設計する 9 (2)セグメント異質性を意識して設計する 11 (3)スモールアクションを設計する 13 (4)フィードバッグを設計する 14

                                        • ssig33: "最近最小限のReactアプリを作るのに使ってるもの についてとりあえずメモしとく。 ##..."

                                          新人声優 +81-9014502501 mail@ssig33.com 0088-7709-7529 it/it. my opinion may be not my own. but my fate is my own. 最近最小限のReactアプリを作るのに使ってるもの についてとりあえずメモしとく。 前提: デカいフレームワークは使わない next.js, Astro, Remixは使わない。next.jsとAstroは大好きなのだが、社内向けとか個人用とか小さいアプリに使うにはあきらかに恐竜であると思う。Remixは大好きではない。 前提: SSRしない SSRもSSGもISGもしない。CSRでいい。SSRしたいならReactをそもそもぶん投げたほうが(個人レベルなら)いいと思ってる。それがほしいならPHPやRails でええ。今更RailsでView書きたくないとか思うかもしれない

                                            ssig33: "最近最小限のReactアプリを作るのに使ってるもの についてとりあえずメモしとく。 ##..."
                                          • プロンプト設計戦略  |  Google AI for Developers

                                            フィードバックを送信 プロンプト設計戦略 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 プロンプト設計により、機械学習(ML)制御モデルの出力を初めて利用するユーザーでも、オーバーヘッドを最小限に抑えられます。プロンプトを慎重に作成することで、目的の結果を生成するようにモデルを調整できます。プロンプト設計は、特定のユースケースに合わせて言語モデルを適応させることをテストする効率的な方法です。 言語モデル、特に大規模言語モデル(LLM)は、単語間のパターンと関係を学習するために、膨大なテキストデータでトレーニングされています。テキスト(プロンプト)を受け取った言語モデルは、高度なオートコンプリート ツールのように、次に来ると思われるものを予測できます。したがって、プロンプトを設計する際は、モデルによる次の予測に影響を与える可能性のあるさまざまな要因を考慮し

                                              プロンプト設計戦略  |  Google AI for Developers
                                            • AUTOMATONの記事タイトルが好きなので紹介します。だいたい2文めがちょっと可笑しい - nomolkのブログ

                                              AUTOMATONの良い記事タイトルhttps://t.co/GjqmbmlRc8— メルセデスベン子 (@nomolk) 2023年9月12日 『サイバーパンク2077』開発者、無料大型アプデ後は「CPUが限界レベルにフル稼働する」と明かし、冷却性能チェックを呼びかけ。それほどぶん回す - AUTOMATON AUTOMATONというゲーム情報メディアがあります。恥ずかしながら数年前までオートメーションだと思っていたのですが、オートマトンが正しいです。 マリオの乳首に異常な執着を見せるメディアという印象が強く automaton-media.com ニコニコ大百科には「AUTOMATONの乳首に関する記事一覧」という項目が立てられているほど dic.nicovideo.jp ですが、実際には新規ゲームのリリース情報やアップデート情報、開発者インタビュー記事など一般的なゲーム情報記事も掲載

                                                AUTOMATONの記事タイトルが好きなので紹介します。だいたい2文めがちょっと可笑しい - nomolkのブログ
                                              • 自宅サーバにAdGuard HomeとTailsclaeを導入してあらゆる環境で広告ブロックする - 果報

                                                はじめに 広告ブロック用DNSサーバのAdGuard Homeを自宅サーバに導入して、Tailscaleを有効にした全ての端末で広告を表示しないようにします。 github.com はじめに AdGuard Homeのインストール Tailscaleのインストール 動作確認 AdGuard Homeの追加設定 運用してみて 余談 追記(2024/2/4) ネットワーク構成としては以下になります。 類似のPi-holeと迷いましたが、デフォルトで日本語化されているのと、普段からAdGuardのChrome拡張機能を使ってるという理由でAdGuardを選びました。 また、前提として以下の環境で作業します。 自宅サーバ: Ubuntu 22.04 AdGuard Homeのインストール 更新の手軽さを考えてsnapでインストールます。 $ sudo snap install adguard-ho

                                                  自宅サーバにAdGuard HomeとTailsclaeを導入してあらゆる環境で広告ブロックする - 果報
                                                • 技術blogのリンクを投げたらChatGPTが要約して、いい感じに整形してチャンネル投稿してくれるbotを社内Slackに生やしたら捗った話

                                                  こんにちは、株式会社シグマアイのエンジニアの@k_muroです。 今回の記事は最近導入した「技術blogを良い感じに共有してくれるSlack bot」のご紹介を。 はじめに 技術の進化は止まらない。(真面目な話、AI系の進捗がマジですごいて全然追えない) 毎日のように新しい技術、フレームワーク、ライブラリ、ツールが生まれています。そんな中でエンジニアとして働いていると、この情報の波に疲れを感じること、ありませんか? ありますよね?(脅迫) 実際私もその一人で、この小さな疲れが積み重なって大きなストレスとなることに気づきました。 「新しい技術情報、追いつけるかな?」 「あのブログ記事、後で読もうと思ってたのに、どこいったっけ?」 「チーム全員が同じ情報を持ってるか心配だな。」 そんな日常の疑問や不安から逃れるための一歩として、私はあるSlack botを開発しました。このbotは、送られた技

                                                    技術blogのリンクを投げたらChatGPTが要約して、いい感じに整形してチャンネル投稿してくれるbotを社内Slackに生やしたら捗った話
                                                  • RAGのSurvey論文からRAG関連技術を俯瞰する - 元生技のデータサイエンティストのメモ帳

                                                    大規模言語モデル (LLM) の学習データに含まれない知識(各社の特有の書類など)を踏まえてLLMに回答させる際に最早必須となってきたRAG (Retrieval-Augumented Generation)。 今回はそんなRAGのSurvey論文を元に、RAGの変遷や構成要素、新たに出てきた技術を俯瞰していきます。 Survey論文へのリンクはこちら arxiv.org RAGとは LLMはそれ単体で回答させると、質問によってはハルシネーションや学習時のデータにはなかった情報を生成時に加味できないといった問題から正しくない回答を生成することが多々あります。例えば世間一般に公開されていない自社の就業規則や業務標準についてをChatGPTに質問しても、正しい回答は得られません。 そのような問題への対応としてRAGが使われます。 「LLM単体で適切な回答を生成できないなら、ユーザーの質問を元に

                                                      RAGのSurvey論文からRAG関連技術を俯瞰する - 元生技のデータサイエンティストのメモ帳
                                                    • ChatGPT (o1-preview) にテストを渡してコードを実装させるとどうなるか試した

                                                      はじめに 前にも別のモデルでやってる ただ o1-preview は、やり取りを重ねるよりも一発で終わらせるほうがいいらしいので、最終的なテスト全体を渡すようにした。 情報の提示方法が異なると当然結果も変わるので、 gpt-4o でも同様なことを試した。 材料 プロンプトは以下。 基本的に最初にやったときと同じ。ペアプロではないのでその部分の調整をしている - 私がテストコードを提示するのでそのテストケースをパスする最小限の実装をしてください - Vue.js のバージョン 3 と Typescript で実装を行ってください - コードのみを示してくださいコードの解説などは必要ありません - スタイリングは必要ありません - テストケースに失敗したらその内容をチャットで送信するので最小限のコードの修正をしてください - テストのコードには vitest を利用しています jest と互換

                                                        ChatGPT (o1-preview) にテストを渡してコードを実装させるとどうなるか試した
                                                      • OpenAI DevDay で発表された新モデルと新開発ツール まとめ|npaka

                                                        以下の記事が面白かったので、かるくまとめました。 ・New models and developer products announced at DevDay 1. GPT-4 Turbo「GPT-4 Turbo」は、「GPT-4」より高性能です。2023年4月までの知識と128kのコンテキストウィンドウを持ちます。さらに、「GPT-4」と比較して入力は1/3、出力は1/2の安い価格で提供します。 開発者はモデルID「gpt-4-1106-preview」で試すことができます。今後数週間以内に、安定した実稼働モデルをリリースする予定です。 1-1. Function Calling の更新「Function Calling」に、単一メッセージから複数のFunction (「車の窓を開けてエアコンをオフにする」など) を呼び出す機能などが追加されました。精度も向上しています。 1-2. 構造

                                                          OpenAI DevDay で発表された新モデルと新開発ツール まとめ|npaka
                                                        • 「ああ、トヨタも不正か」とため息をつく前に、自動車メーカーはセコいが、国交省はアタマが硬いと思ってしまう

                                                          自動車型式指定規則も昭和26年の生まれ。ぜひ一度、図書館で手にとってほしい。しかも、ここにはほんの「導入」しか書かれていない。この後ろに控えている施行規則、運用要領の類いはさらにエグい。 「自動車メーカーがまた不正」「こんどはトヨタまで」……5月末に発覚し6月に入って緊急記者会見が行なわれた国内OEM(自動車メーカー)の型式認証不正がメディアで報じられている。筆者は国交省と自動車業界、どっちもどっちと見ている。「悪法もまた法なり」の原則はあっても、そもそも自動車の型式認証に必要な試験の内容やその「よりどころ」となる基準は、「法律」ではなく国交省の省令や省内の規則に立脚している。何重ものレイヤーになった複雑な規則体系と、最終的には口頭での「行政指導」に頼るようなシステムに「問題がない」とは、到底言えない。 TEXT:牧野茂雄(MAKINO Shigeo) ルールの運用面では悪。しかし、車両の

                                                            「ああ、トヨタも不正か」とため息をつく前に、自動車メーカーはセコいが、国交省はアタマが硬いと思ってしまう
                                                          • 【React】リッチテキストエディタ(Quill、Tiptap、Slate...)の考え方や前提知識

                                                            概要 4年ほどProductionで使っていたリッチテキストエディタ(Quill on Nuxt.js v2)をTiptap on Next.jsに移行しました。 既存のQuillエディタの使い勝手をTiptapで再現しつつ、改善できるところは改善しつつ、既存の4年分のリッチテキストデータが正しく編集できるようにしなければいけませんでした。 本記事では移行の具体的なプロセスを解説しようと思っていたのですが、リッチテキストエディタは前提知識があまりに多いため、前提となる知識や考え方を解説しているだけでそこそこのボリュームになりました。そこで、一旦考え方や前提知識をまとめた、という体で公開します。 本記事を読んでから各ライブラリのDocsを読んだりカスタマイズを始めたら、少しハードルが下がっていることかと思います。 対象読者の例 リッチテキストエディタに興味がある リッチテキストエディタの開発

                                                              【React】リッチテキストエディタ(Quill、Tiptap、Slate...)の考え方や前提知識
                                                            • トロイの木馬化された「jQuery」がnpmやGitHubで拡散

                                                              海外のセキュリティ企業「Phylum」はトロイの木馬化された「jQuery」がnpmやGitHub、jsDelivr のCDNホストで拡散している事を指摘しました。 「jQuery」を悪用したサプライチェーン攻撃の概要 Phylumは 2024 年 5 月 26 日以来、トロイの木馬化された jQuery のバージョンを悪用する執拗なサプライ チェーン攻撃者を監視しており、最初に npm でこのjQuery を悪用する亜種を発見しました。 そこでは、1 か月にわたって数十のパッケージで侵害されたバージョンが公開されていました。 調査の結果、GitHubや、jsDelivr の CDN ホスト リソースでも、トロイの木馬化された jQuery のインスタンスを発見しました。 なお、今回解説されている内容は正規の「jQuery」へ今回のトロイの木馬が紛れ込んでいるのではなく、 悪意のあるユーザ

                                                                トロイの木馬化された「jQuery」がnpmやGitHubで拡散
                                                              • VS Codeでマークダウンを快適に書きたい! オススメの拡張機能と設定6選 - ICS MEDIA

                                                                ブログの文章やドキュメント作成など、さまざまなシーンで使われる記法に「マークダウン記法」があります。文字修飾の簡単さや読みやすさから使うタイミングは多々あると思いますが、みなさんは快適にマークダウンを書けていますか? 筆者はVS Codeでドキュメントをマークダウンで書くことが多く、表の作成・編集やプレビュー表示など、めんどくさい・見づらい・使いづらいと思うことがあります。どうにか快適に書けないかと思いさまざまな拡張機能や設定を試しながら業務を行ってきました。 この記事では、筆者が試した拡張機能やVS Codeの設定の中で便利だったものを紹介します。①から⑥まではすべて無料で利用できるので気軽に試してみてください! ①マークダウンの表をエクセルからコピペできる拡張機能 VS Codeでの表の作成に重宝しているのが「Excel to Markdown table」という拡張機能です。エクセル

                                                                  VS Codeでマークダウンを快適に書きたい! オススメの拡張機能と設定6選 - ICS MEDIA
                                                                • 【令和最新版】令和のWebスクレイピング(クロール)【ベストプラクティス】

                                                                  こんにちは、株式会社FP16で結構コードを書いている二宮です。 最近Webスクレイピングのコードを色々な方法で書いているので、そこで得た知見をここに残しておこうと思います。 ほぼ毎日なにかのWebスクレイピングコードを書いています。 Webスクレイピング手段 Webスクレイピングには色々な方法があります。 私が最近主に使っているのはこの5つの手段です。 cheerioでHTMLを解析 Playwrightなどで要素指定でデータを取得する APIを見つけて叩く(バックエンドとの通信を再現してデータを取得) LLMでサイト構造を解析してデータを取得する Next.jsからのレスポンスに含まれているデータを解析して取得する これが令和のWebスクレイピングのベストプラクティスだと思っています。 これらの方法を、目標に合わせて使い分けています。 使い分け方 CheerioでHTML解析 JavaS

                                                                    【令和最新版】令和のWebスクレイピング(クロール)【ベストプラクティス】
                                                                  • 中学英語「難しくなりすぎ」の実態 苦手の子増え、学力差が拡大か:朝日新聞デジタル

                                                                    ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

                                                                      中学英語「難しくなりすぎ」の実態 苦手の子増え、学力差が拡大か:朝日新聞デジタル
                                                                    • リリース頻度を毎週から毎日にしてみた - NTT Communications Engineers' Blog

                                                                      目次 目次 はじめに NeWork とは リリース頻度変更の背景 それまでの運用 課題 実現方法 解説 日次でワークフローが起動するようにする main ブランチの HEAD にタグが付与されていなければ付与する develop に差分があれば main へのマージを自動で行う 細かな工夫点 main の内容を develop に自動で取り込む 祝日はリリースしないようにする 自動リリース・自動 develop → main マージの制御 Slack にリリース結果を通知する stg 環境に変更内容を通知する その他の考慮 上司への事前説明の省略 スプリントレビュー前のリリース リリースノート 品質面 リリース頻度を変えてみて おわりに はじめに こんにちは、NeWork 開発チームの藤野です。普段はオンラインワークスペースサービス NeWork のエンジニアリングマネジメントをしています

                                                                        リリース頻度を毎週から毎日にしてみた - NTT Communications Engineers' Blog
                                                                      • 文章の折り返し指定のCSS最新版 - ICS MEDIA

                                                                        文章の折り返しはウェブ制作において意外と難しいものです。URLが文章に含まれている場合、URLがレイアウトを突き抜けてしまった、という経験をみなさんはお持ちではないでしょうか? この記事では、国内のウェブ制作において「開発者が考えることが少なくてよくなる」安全なCSS指定を紹介します。 結論から説明すると、以下の指定を提案します。 body { overflow-wrap: anywhere; /* 収まらない場合に折り返す */ word-break: normal; /* 単語の分割はデフォルトに依存 */ line-break: strict; /* 禁則処理を厳格に適用 */ } この記事では上記の指定にいたった理由と、折り返しの理解について必要なoverflow-wrapとword-breakプロパティを中心に解説します。 overflow-wrap overflow-wrapは

                                                                          文章の折り返し指定のCSS最新版 - ICS MEDIA
                                                                        • ジュニアエンジニアを脱却するための「コンテナ流儀」 - Uzabase for Engineers

                                                                          こんにちは。ソーシャル経済メディア「NewsPicks」で検索システムを開発しております崔(ちぇ)です。 この記事は、 NewsPicks Advent Calendar 2023 の23日目の記事になります。 qiita.com 昨日ははぐっさんによる「SwiftUIのKeyframeAnimatorでちょっとしたカードアニメーション 〜猫の手を添えて〜」でした! はじめに コンテナ流儀: 必要最低限のものだけで運用する Point1)レイヤーは少ないほどいい TIP:ベースイメージを作る Point2)不要なパッケージをインストールしない Point3)いつ再起動してもいいコンテナを作る Point4)独立したアプリケーションにする TIP:複数のプロセスを実行したい場合もある TIP:環境変数を積極的に使う Point5)フォアグラウンドで実行する 終わりに まとめ 感想 告知 はじ

                                                                            ジュニアエンジニアを脱却するための「コンテナ流儀」 - Uzabase for Engineers
                                                                          • 博士の数、世界トップ級目指す 「2040年に3倍に」 文科省:朝日新聞デジタル

                                                                            ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

                                                                              博士の数、世界トップ級目指す 「2040年に3倍に」 文科省:朝日新聞デジタル
                                                                            • 「AI生成キャラクター」はいまどのレベルまで進んでいるのか?バンダイナムコ研究所が語るAIテキスト生成の光と影【CEDEC 2024】

                                                                              頼展韜氏プロフィール 會田翔氏プロフィール バンダイナムコ研究所は、バンダイナムコエンターテインメントと協力して配信AIキャラクタープロジェクトを実施しており、「ゴー・ラウンド・ゲーム(ごらんげ)」という企画を進行している。その裏側で、あるいはゲームテキスト素材生成ツールを作る際において、どのようにAIテキスト生成を利用していたか解説が行われた。 ゲーム開発環境においてもAI生成は当たり前に 近年、LLMは目まぐるしい発展をしており、さまざまな領域を含む問題で構成されるベンチマーク「MMLU」において、人間の専門家を超えるスコアを達成しているという。 しかもこれは商用モデルのみならず、MetaのLlamaをはじめとするオープンモデルも性能差が縮まってきているという。ゆえに、ゲーム開発においても応用が効くわけだ。 ゲーム内のテキスト生成という分野においては、 『ダンジョンズ&ドラゴンズ』のゲ

                                                                                「AI生成キャラクター」はいまどのレベルまで進んでいるのか?バンダイナムコ研究所が語るAIテキスト生成の光と影【CEDEC 2024】
                                                                              • プロンプトエンジニアリングをしよう - 一休.comでの検索システム改善事例 - 一休.com Developers Blog

                                                                                はじめに こんにちは。宿泊プロダクト開発部の宮崎です。 みなさん、生成 AI 使ってますか? 近年、AI の進歩はめざましく、文章生成や画像生成はもちろん、動画生成も実用的なレベルで出来るようになっています。 ChatGPT が話題になったのが 2022 年の 11 月なので、たった 2 年足らずでここまで来ているという事実に少し恐ろしくもありますね。AGI(汎用人工知能)の実現もそう遠くないのかもしれません。 一休でも AI 技術は注目していて今年の 6 月に、まさに生成 AI を使ってホテル検索システムの改善を行いました。 この記事では、その時に学んだプロンプトエンジニアリングの重要性について書いていこうと思います。 生成 AI を使ったホテル検索システム 今回我々が実装したのはフリーワード・文章でもホテルを検索できるシステムです。 以下のようなユーザーの自由な入力に対して、適切なホテ

                                                                                  プロンプトエンジニアリングをしよう - 一休.comでの検索システム改善事例 - 一休.com Developers Blog
                                                                                • Unity経験ほぼゼロの状態から1年半でツインスティックシューター『NeverAwake』を完成。その開発方針から具体的な工夫まで解説【IDC2023】|ゲームメーカーズ

                                                                                  2023年12月17日(日)、インディーゲーム開発者向けカンファレンス『Indie Developers Conference 2023』が東京・新橋で開催されました。 本記事では、1年半という定められた開発期間の中で初めて本格的に触れるUnityとどう向き合って技術を習得し、ツインスティックシューター『NeverAwake』のリリースに至ったかについて語られた講演「1年半でNeverAwakeを完成させるための技術習得」についてレポートします。 TEXT / じく EDIT / 藤縄 優佑

                                                                                    Unity経験ほぼゼロの状態から1年半でツインスティックシューター『NeverAwake』を完成。その開発方針から具体的な工夫まで解説【IDC2023】|ゲームメーカーズ