支給されているPC(m1 Macbook)を使ってローカルでLlama 2を動かしてみるまでの記録です。 AppleシリコンのMacでもLlama 2をつかえるようにするLlama.cppというプロジェクトがあるので、これを利用させてもらいました。 Llama.cppはLlamaをC/C++に移植したもので、Mac上で4ビット整数量子化を使ってLlama 2をローカルに実行できるようにしたものです Llama 2のモデルはmetaのダウンロードリンクから取得しています。 準備 作業用のディレクトリを作成して行います。 $ mkdir llama2 $ cd llama2 Llama 2, Llama.cppのgithubレポジトリをcloneしておきます。 $ git clone https://github.com/facebookresearch/llama.git $ git clo
CLIツールの管理をSPMからMintに移行した経緯とその課題 - Mirrativ Tech Blog
はじめに お久しぶりです、iOSチームにインターンとして参加させて頂いておりますMと申します。 MirrativのiOSアプリでは、これまでSwift製のCLIツールをBuildToolsという名前のSwift Packageを作成してこれにまとめて管理していました。 しかしこの度、ある課題や利便性の観点からyonaskolb/Mintでの管理に移行しました。 今回はMintへの移行に至るまでの背景や経緯、および移行に際して起こったいくつかの課題をどのように解決したかについて書いていこうと思います。 目次 はじめに 目次 Mintへの移行に至る背景 CLIツールの利用 SPMによる管理における課題 依存関係の不整合 依存解決の時間 Mintへの移行 Mintへの移行時に発生した課題とその解決 バージョンの自動更新 バージョン更新のためのコマンドを実装 1. Mintfileのパスを取得 2
はじめに これは、Kubernetesアドベントカレンダー2の20日目の記事です。 これの話です。 aws.amazon.com ただし俺はもうEKS全然使ってないから意味ない件😢 なんの話？ 待ってたとは 4年前に、AWSでコンテナ使ってる人ならお馴染みのaws/containers-roadmapにこんなIssue(もとい、Feature Request)を作りました。 github.com また、これに関連するIssueとしてはその半年ほど前に作られていて github.com 自分としてはこのIssueを立てる前から技術選定の時点でずっと悩んでいたポイントだったので、かれこれ5年近く待っていたことになります。ようやくリリースされて本当によかった。まあ今はいらないんだけど、、、 どんな内容か これまでのEKSの課題点 EKSでクラスター管理者や運用者を指定する上で欠かせないのが、K
Amazon、Meta、Microsoft、TomTomのオープン地図団体、初のマップデータセットをリリース 米Amazon、米Meta、米Microsoft、蘭TomTomが2022年に立ち上げたOverture Maps Foudationは7月26日（米国時間）、初のオープンマップデータセット「Overture 2023-07-26-alpha.0」をリリースしたと発表した。 Overture Maps Foundationは、オープンな地図データ実現を目指してLinux Foundation傘下団体として設立された。 このデータセットは、名所、建築物、交通ネットワーク、行政境界という4つの独自データレイヤーで構成される。名所レイヤーには、5900万件を超える名所データが含まれ、ナビゲーションやローカル検索など位置ベースアプリの基本要素になる。データセットは専用ページからダウンロード
simple-git を使って、TypeScript による自動化事例を記事に致しましたが、TypeScript による cli のフレームワークを主に説明していたり、方向性が微妙なポストだなぁと反省…。 こんにちは、高崎＠アノテーション です。 はじめに 我々が行っている作業におきまして、手動でファイルを更新することや環境を整備することは少なくありません。 以前から手を抜いて少ない工数で効率よく、かつ人為的ミスを削減することを生き甲斐としておりまして、手動でファイル操作をするものがあれば、以前ですと Linux のターミナル上で作業していたこともあり bash シェルで自動化を行う方法はないか、を常に考えていました。 ファイルの変化を見る場合はgitを使ってローカルでリポジトリを組んでみたり、結果の文字列を捏ねて諸々処理する時には、シェルを実装するに当たって欠かすことのできないawkやs
Cloudflare Email Routingを利用して、独自ドメインのメールアドレスを Gmail(@gmail)に転送している環境で、メール転送のエラー率上昇を確認。 その原因について、調査する機会がありましたので紹介させて頂きます。 転送設定 Cloudflare Email Routingを利用したメール転送を利用していました。 Enable Email Routing Gmailへのメール転送は、カスタムアドレスを設定して実施していました。 ログ確認 アクティビティログより、エラー詳細の確認を試みました。 Email Routing analytics エラー応答は421。 以下の2パターンの拒否理由が確認できました。 レピュテーション不足(4.7.0) Unknown error: transient error (421): 4.7.0 [104.30.8.180 19]
We recently launched the JavaScript Registry - JSR. It’s a new registry for JavaScript and TypeScript designed to offer a significantly better experience than npm for both package authors and users: It natively supports publishing TypeScript source code, which is used to auto-generate documentation for your package It’s secure-by-default, supporting token-less publishing from GitHub Actions and pa
「500年後に日本人が佐藤だけになる」という試算の問題と改善 - ill-identified diary
この記事の要約 はじめに 問題点の要約 (追記) 先行研究について GARCH(っぽい)モデルによるシミュレーション シミュレーション前の理論分析 選択的夫婦別姓との比較 (追記) ゴルトン゠ワトソン分枝過程について 使用するデータ シミュレーションの技術的な補足 乱数生成について GARCHモデルの結果 シミュレーションの追試 より複雑なシミュレーションについて 男女別 世代重複 創作苗字 三親等の婚姻禁止ルール より高度な人口学的モデル 結論 2024/4/22: 先行研究とゴルトン゠ワトソン分枝過程の解説の追記 2024/4/23: 多数の言い回しのおかしい箇所の校正 2024/4/24: グラフ上の記載ミスとグラフ描画コードを修正 この記事の要約 先日報道された「500年後に日本人が佐藤だけになる」という試算の内容に違和感を覚えた. 資料を確認してみると, 大きな問題のある方法で試
概要 □ スライドパズルのゲームを作る □ 基本に立ち返りHTMLとCSSとピュアなJavaScriptだけで作成する ・パズルの実装はシンプルで簡単。 ・考え方さえ理解すれば早いため、実装の前にイメージで説明する。 □ パズルを試したい人は https://jd253t.csb.app (codesandboxのpreview)から試せる ※下の埋め込み表示ではJavascriptが想定通り動作しないので上記のURLから試してください ※パズルはPCからの操作のみ対応 ※codesandboxのpreviewが安定しないことがあります。もし表示が崩れていたらソースコードを貼っているのでローカルで試してください イメージ.パズルを作る方法 □ 1.canvas要素(390×390で)を作成する □ 2.写真を390×390でcanvas内に描画する □ 3.スライドパズル画像を作る定義を作
三重県 (1) 京都府 (1) 佐賀県 (1) 兵庫県 (1) 北海道 (1) 千葉県 (1) 埼玉県 (1) 大分県 (1) 大阪府 (1) 奈良県 (1) 宮城県 (1) 宮崎県 (1) 富山県 (1) 山口県 (1) 山形県 (1) 山梨県 (1) 岐阜県 (1) 岡山県 (1) 岩手県 (1) 島根県 (1) 広島県 (1) 徳島県 (1) 愛媛県 (1) 愛知県 (1) 新潟県 (1) 東京都 (1) 栃木県 (1) 沖縄県 (1) 滋賀県 (1) 熊本県 (1) 石川県 (1) 福井県 (1) 福岡県 (1) 福島県 (1) 秋田県 (1) 群馬県 (1) 茨城県 (1) 長崎県 (1) 長野県 (1) 青森県 (1) 静岡県 (1) 香川県 (1) 高知県 (1) 鳥取県 (1) 和歌山県 (1) 神奈川県 (1) 鹿児島県 (1)
モンスターハンターNowというスマホゲームが先日リリースされた。 大人気ゲームのモンスターハンターシリーズ(以下モンハン)がスマホ版で登場したということで、盛り上がっている。 自分はオリジナルのモンハンをやったことがないので、今回のモンハンnowが初めてのモンハンとなった。 モンハンnowはIngressやポケモンGoなどを手がけるNianticとカプコンが開発しており、Nianticお得意の位置情報を用いたシステムにモンハンを組み合わせたゲームとなっている。 基本的なゲームの流れは、位置情報を用いて特定のスポットに沸いているモンスターを狩ったり、装備強化に必要な素材を探したりというもの。 至ってシンプルなゲームなので原作を知らない人でも遊ぶことができる。どんな感じのゲームなのかは公式のこのShortsとかを見るとよりイメージしやすいと思う。 自分は10日ほど前の9/24くらい(公式リリー
Hanabi.REST AIにHonoJSのバックエンドを書かせて遊ぶ、Hanabi.RESTというサービスを一般公開します。それに際して、この記事では、Hanabiの紹介と簡単に技術スタックを解説していきます。 皆さんは、AIがプロンプトからUIを生成する、V0というサービスをご存じですか？僕はあれを見たときに、ある妄想が膨らみました。 「V0のAPI版があれば、プロンプトからWebアプリケーションを作れるやん！！」と。 当初はハッカソン用の小プロジェクトとして始めましたが、想定以上に面白い結果が得られたため、開発を継続することにしました。技術的な制約、様々な黒魔術による不安定な挙動、LLMの劣化など、数多くの壁を乗り越えながら、約半年をかけてようやくリリースに至りました！！ 次のリンクから実際にAIが生成したTwitter風のAPIを試すことが出来ます！ また、会員登録すれば誰でもAP
「Google Colab」で「Xwin-LM-70B-V0.1-GPTQ」を試したので、まとめました。 【注意】Google Colab Pro/Pro+のA100で70Bを動作確認しています。 1. Xwin-LM-70B-V0.1-GPTQ「Xwin-LM」は、ベンチマーク「AlpacaEval」で「GPT-4」を追い抜き1位を獲得したモデルです。 今回は、「TheBloke/Xwin-LM-70B-V0.1-GPTQ」を利用します。 2. Colabでの実行Colabでの実行手順は、次のとおりです。 (1) Colabのノートブックを開き、メニュー「編集 → ノートブックの設定」で「GPU」の「A100」を選択。 (2) パッケージのインストール。 GPTQを利用するため、「auto-gptq 」もインストールしています。 # パッケージのインストール !pip install t
「Google Colab」でLINEの「japanese-large-lm」を試したので、まとめました。 1. japanese-large-lm「japanese-large-lm」は、「LINE」が開発した36億パラメータの日本語LLMです。 2. japanese-large-lmのモデル「japanese-large-lm」では、次の3種類のモデルが提供されています。 ・line-corporation/japanese-large-lm-3.6b : ベースモデル ・line-corporation/japanese-large-lm-3.6b-instruction-sft : 指示モデル ・line-corporation/japanese-large-lm-1.7b : ベースモデル 3. Colabでの実行Colabでの実行手順は、次のとおりです。 (1) Colabの
こんにちは hsbt です。RubyConf Taiwan 2023 の登壇から帰国して後はバルダーズ・ゲート3をプレイして年を越すのみ...! とは行かず、Ruby 3.3.0 のリリースに向けて最後の準備作業をしている真っ最中です。 さて、今回はANDPAD Advent Calendar 2023の20日目として、今年1年私がプログラミング言語 Ruby の開発のために手を動かしてきた内容の中からテックブログやカンファレンスで発表していない内容をまとめてご紹介します。 default gems から bundled gems への変更の目的 私は数年前から Ruby に元々添付されていたライブラリ(標準添付ライブラリ)を default gems と呼ばれる gem としてもインストールやアップデートができる状態にし、そこからさらに bundled gems と呼ばれる Ruby 本
蓮舫候補に一発逆転の「神風」は吹くのか…7.7都知事選「一歩リード」の小池知事を猛追｜日刊ゲンダイDIGITAL
「現職の背中が見えてきました。政治の景色を変えるのは、いつだって皆さんの勇気だと思う！」 7月7日投開票の東京都知事選まで残り3日。現職の小池知事を追う蓮舫候補は3日も京王線・調布駅前に立ち、支持を訴えた。常に1000人超の聴衆を集め、演説のボルテージも日ごとに高まっている。どこかシラけたムードが漂う小池知事の街宣に比べ、蓮舫氏とその支援者たちの熱気の方が、ハッキリ言って五十歩も百歩も勝る。とはいえ、主要マスコミの中盤情勢の調査結果はおおむね、小池「一歩リード」。終盤にかけ蓮舫氏に逆転の目はあるのか。 ■「ひとり街宣」が活気づく ここにきて活気づいているのが、蓮舫氏を応援する人々の「ひとり街宣」と呼ばれる動きだ。 一人一人が地元の駅頭などに立ち、独自に宣伝。プラカードを掲げ、候補者のように支援を求めたり、投票率アップを呼びかけたり、「外苑再開発見直し」などの政策を訴えたり、立っているだけだ
関東大震災朝鮮人・中国人虐殺事件（その他日本人などが殺傷された件も含む）の現場を証言に基づきマッピングしました。まだ未完成。 当初、著者の許諾を得た上で「9月、東京の路上で」というタイトルで公開していましたが、各地域での調査成果をもとに東京外に掲載範囲を広げていることなどから、TQCサイトでの公開を機に名称を変更しました。 正確な場所がわからずおおよそのポイントとなっている場合があります。 出典は孫引きとなっている場合があります。 地図上のポイントの赤は朝鮮人殺害、青は中国人殺害、黄は日本人を含むその他（多数の犠牲者に朝鮮人含む場合も）の殺害、灰色は殺害に至っていない事件（目撃証言の範囲内で）、および現場ではない慰霊碑です。 なお、証言の中には、現代において不適切とされる表現、またデマを信じている内容のものがありますが、当時の差別感情を示す為そのまま表記していますことをご了承ください。 参
こんにちは。エンジニアのすずまさです。 去年の夏頃にリードタイムの計測を始めてから、振り返りで良い気づきを得られるようになったりリードタイムを減らすアクションが生まれたりと良いことがたくさんあったので、今回はその紹介をしようと思います。 リードタイムの定義 『LeanとDevOpsの科学』では、リードタイムを「コードのコミットから本番稼働までの所要時間」として定義しています。 私たちのチームのリポジトリではブランチ戦略としてGitHub Flowを採用しており、mainへのマージと本番稼働のタイミングが近しいため「PRをopenしてからマージするまでの期間」をリードタイムとして定めて計測しました。 リードタイム計測を始めた動機 私たちのチームでは「チームのスピードがあまり出ていない気がする」という漠然とした課題感がありました。しかし、課題感はありつつも、ではどうするかと言われると具体的なア
この記事はScala Advent Calendar 2023の12日目だ! Scala 3のマクロを書く上で役に立つ, メタれたTipsたちを紹介するぜ! 勢いに任せて書いていくからサンプルコードがちゃんと動かなかったらごめんな. 一応, Scala 3.3.1を想定しているぞ. マクロ 1. メソッドをマクロとして定義する 2. マクロの本体を実装する 3. マクロ実装の記法の意味を知る 4. マクロで生成されるコードの内容を確認する 5. 引数の式を評価せずに使う 6. 返り値の型をマクロの実行結果によって決める 7. マクロの返り値の型を制限する 8. マクロの返り値の型を書かない 9. マクロで計算された型をテストする 10. マクロで計算された型をScalaTestでテストする 式 11. 定数式の値を得る 12. 定数式でなければコンパイルエラーにする 13. 定数値の式を作
Welcome to my new series Emacs From Scratch. I’m far from an Emacs expert, so join me in my quest to figure out how to create a useful Emacs setup from nothing1. In this part, we’ll install Emacs, set up sane defaults, packaging and do some basic UI tweaks to build a solid foundation. Table of Contents Install Emacs Remove UI elements Configure the package manager Set sane defaults Become evil Set
OpenTelemetry対応でさまざまなアプリからデータを取得＆追跡できるオープンソースなシステム監視・分析ツール「SigNoz」を使ってみた
システムの状態を監視するためのツールは多数存在していますが、その中でもSigNozはメトリクス・トレース・ログというシステム観測の3本柱に対応しており、さらに「OpenTelemetry」を利用してさまざまなアプリのデータを取得できるツールとのことなので、実際に使って試してみました。 Open source APM | SigNoz https://signoz.io/ SigNozはmacOSのほか、Linuxの下記のディストリビューションで動作するとのこと。 ・Ubuntu ・Debian ・OpenSuse ・CentOS ・SUSE Linux Enterprise Server (SLES) その他のディストリビューションにおいてもDocker経由で起動することが可能とされていますが、今回はDebianを利用して進めていきます。まずは下記のコードで各パッケージを更新しておきます。
日本では将来地震を起こすと考えられている断層である「活断層」のリスクを、地震に関する調査研究結果を伝える政府機関の地震調査研究推進本部が評価・公開しています。 活断層の中でも「30年以内の地震発生確率が3％以上」という最も地震発生の切迫度が高い「Sランク」の活断層は、2024年1月1日時点で31存在しています。地震調査研究推進本部が2024年1月1日時点で公開している主要活断層帯の評価一覧の中で「最もリスクが高い」と評価されているSランクの活断層の一覧は以下の通りです。 ・糸魚川－静岡構造線断層帯(中北部区間) ・糸魚川－静岡構造線断層帯(北部区間) ・糸魚川－静岡構造線断層帯(中南部区間) ・日奈久断層帯(八代海区間) ・境峠・神谷断層帯(主部) ・中央構造線断層帯(石鎚山脈北縁西部区間) ・阿寺断層帯(主部/北部) ・三浦半島断層群(主部/武山断層帯) ・三浦半島断層群(主部/衣笠･北
この記事は毎週必ず記事がでるテックブログLoglass Tech Blog Sprintの17 週目の記事です。 1 年間連続達成まで残り 36 週となりました！ はじめに こんにちは！株式会社ログラスでエンジニアをしているd4te74です 🍷 ログラスではレポートと呼ばれる経営データ分析のための機能領域を改善するチームに所属しています。 この記事では、最近取り組んでいたレポート機能のフロントエンドのパフォーマンスチューニングとして行った「巨大なテーブルコンポーネントの仮想スクロール化」について書いていこうと思います。 ※ Loglass は事業の予実を管理するサービスです。 レポート機能とは レポート機能とは、Loglass 内に統合された部署や勘定科目などの経営データに対し集計・分析が行える機能で、ユーザー自身がそれらを自由度高く表形式に組み立てて、表示できるというものです。 以下の
はじめに昨夜からBitNetという1bit量子化LLMが話題になっていました。 簡単な概要としては、 既存のLLMが１パラメータをFP16やBF16などのfloat型で扱っているものを、１パラメータで{-1, 0, 1}しか扱わない様にした。 計算に使う情報量を削ることで、処理速度の向上、メモリの節約が叶う。 3B params以上ではベンチマークスコアの平均で同サイズのLlamaを上回る結果となった。（量子化手法としては初） ということだと思います。 これは元々、今回の論文と同チームによって提案された"BitNet: Scaling 1-bit Transformers for Large Language Models"という論文を拡張したものです。この時は１パラメータで{-1, 1}として扱ってけれど、{-1, 0, 1}としたらうまくいったというのが今回の"The Era of 1
私が使う最小設定（2023年） - Qiita
はじめに 今回は、最小設定群（2023年）を紹介します。 常にこれを使っているわけではなく、私がたまにログインして、ファイルの内容確認を主な目的として Emacsを起動し、後はかるーく編集する時に使うための最小設定群です。 空の init.el からサーバ上の Emacs を使い始めて、操作中に あ"あ"！ となった事象を解消した設定群です。あ"あ"！ と思った項目に対応する設定は、基本的に、普段使いの設定群からコピペしています。 この最小設定群でも、意外と乗り切れますね。ポイントは、 カーソル移動系の設定 画面内に表示されて欲しいと期待する情報を制御するための設定 は最低限必要ってことですかね。 init-min.el 外部パッケージは、markdown-modeだけ取り込んでいます。それ以外はビルトインパッケージを使い、以下ではview-mode, org-mode, dired-mo
Patterns for Reactivity with Modern Vanilla JavaScript
Patterns for Reactivity with Modern Vanilla JavaScript August 21, 2023 “Reactivity” is how systems react to changes in data. There are many types of reactivity, but for this article, reactivity is when data changes, you do things. Reactivity Patterns are Core to Web Development We handle a lot with JavaScript in websites and web apps since the browser is an entirely asynchronous environment. We mu
【Go 1.21】ループ変数が共有される問題への対策（プレビュー）が公開されました - Money Forward Developers Blog
こんにちは、マネーフォワードエックスカンパニー サービス開発部 バンキングアプリ開発グループの仲川です。 先日Go 1.21がリリースされましたが、以前から多くのGoエンジニアを悩ませてきた「ループ変数が共有される問題」への対策が実験的に盛り込まれたので、今回はそちらについて紹介したいと思います。 Go 1.21 is released! - The Go Programming Language ※本記事で紹介するコードの実行結果は全てGo 1.21での挙動です ※本記事は主に以下ドキュメントの情報を基に作成しています（8月15日時点） golang/go/wiki/LoopvarExperiment golang/go/issues/60078 go.dev/doc/faq#closures_and_goroutines TL;DR Goのfor文で宣言されるループ変数は、ループ(イテ
Steve Albini, Storied Producer and Icon of the Rock Underground, Dies at 61
Steve Albini, Storied Producer and Icon of the Rock Underground, Dies at 61 The Shellac and Big Black frontman, who recorded classic albums by Nirvana, Pixies, PJ Harvey, and more, died of a heart attack Steve Albini, an icon of indie rock as both a producer and performer, died on Tuesday, May 7, of a heart attack, staff at his recording studio, Electrical Audio, confirmed to Pitchfork. As well as
文字ときどきRuby - tmtms のメモ
これはRubyアドベントカレンダーとSmartHRアドベントカレンダーの17日目の記事です。 qiita.com qiita.com 12/9 に nagano.rb で文字について発表して、同じのを 12/15 に SmartHR 社内で LT しました。 スライドはこちら speakerdeck.com 同じ文字？ この２つの文字は同じものに見えますか？ 実はこれは同じ文字を異なるフォントで表示したものです。 ゴシック体と明朝体で字体が異なって見えるのと同じことなので、同じ文字と言えるでしょう。 コンピュータで扱う文字は文字ごとに番号(コードポイント)が振られていて、プログラムから見たときには同じコードポイントであれば同じ文字として扱われます。 Ruby で文字のコードポイントを得るには String#ord を使用できます。 '直'.ord.to_s(16) #=> "76f4" '
自然言語でWebサイトを作れる「Create」 KEITO（以下、KEITO）：はい。次は、今ものすごく話題になってる「Create」です。 池田朋弘氏（以下、池田）：知らないです。 KEITO：ご存じないですか。この1週間でめちゃくちゃ話題のサービスになっていて、自然言語でWebサイトを作れるものなんですけど。ChatGPTでもコードを吐き出したりできるので、Webの形を作るのはなんとなくできそうだとは思うんですけど。Createだと、その作ったWebサイトに機能を入れることができるんですよね。 具体的に言うと、この右側が、僕が作ったやつです。「KEITOチャットAI」と言って、「こんにちは」と送れば、裏側でChatGPTが動作してしっかりと返してくれる。このチャットボットを、本当に30分ぐらいで作りましたね。しかも僕、プログラミングなんて一切できないので。本当に自然言語だけで「チャット
永山です。 神話の時代、天を衝く巨塔を築こうとした高慢な人類の Node.js パッケージマネージャは様々に引き裂かれたと言われています。 現代においてよく使用されているものだけでも npm, Yarn, pnpm などがあり、エムスリー社内でもプロジェクトによってどのパッケージマネージャが採用されているかはバラバラです。 それぞれのパッケージマネージャは異なるコマンドラインインタフェース (npm / yarn / pnpm) によって操作する必要があるため、作業するプロジェクトによって適切なコマンドを呼び分けなければなりません。めんどくさ。 本記事では Zsh プラグインである zeno.zsh を用いてこれらパッケージマネージャの差異を吸収することで快適な開発体験を実現する方法、およびその過程で模索した zeno.zsh の設定ファイルの TypeScript 化の試みについて紹介し
Dungeon Sweeper by せたも
マインスイーパーのようにダンジョンの位置を特定しながらワールドマップを広げていくパズル、もしくはクリッカーゲームです。 スコアが高くなるとバイオームが増えていって賑やかになっていきます。のんびりプレイできるゲームなのでぜひ遊んでみてね。 基本操作： 左クリック：マスを開放 右クリック長押し：フラグを設置する 右クリック＋スライド：視点移動 スクロール：ズーム -English- "It's a puzzle or clicker game where you expand the world map while identifying dungeon locations, much like Minesweeper. As your score increases, biomes multiply, making it livelier. It's a relaxing game, so
テーブルの実装には、react-data-table-componentや、MUIのDataGrid、MantineUIのMantineDataTableなどが用いられてきました。 今回はテーブルのHeadressUIライブラリであるTanstackTableと、RadixUIとTailwindCSSで実装したコンポーネント群であるshadcn/uiを使って、簡単なテーブルを作ります。 shadcn/uiについて Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source. あなたのアプリにコピー＆ペーストできる、美しくデザインされたコンポーネント。アクセスしやすい。カスタマイズ可能。オープンソース。（機械翻訳） shadc
よりカスタマイズ可能なセレクトボックスを実現する `selectlist` 要素 2023.10.07 `<selectlist>` 要素は、デザインをカスタマイズできなかった従来の `<select>` 要素の問題を解決するために Open UI グループにより提案されている要素です。`<selectlist>` の構成要素の多くはスロットとして提供されていて、高いカスタマイズ性を備えているのが特徴です。 <selectlist> 要素は 2023 年 10 月 7 日現在 Chrome Canary の Experimental Web Platform features flag を有効にした場合のみ使用できる実験的な機能です。この記事の内容は将来変更されるおそれがあります。 <selectlist> 要素とは <selectlist> 要素は Open UI グループにより提案され
[アップデート] Application Load Balancer でもリソースマップがサポートされ、関連リソースを可視化して確認出来るようになりました | DevelopersIO
[アップデート] Application Load Balancer でもリソースマップがサポートされ、関連リソースを可視化して確認出来るようになりました いわさです。 今朝のアップデートで Application Load Balancer がリソースマップをサポートしたというアナウンスがありました。 使ってみたところとても便利だったので紹介します。 リソースマップとは リソースマップは VPC で実装されていた、関連リソースを可視化することが出来るサービスです。 VPC であれば次のように、VPC の中にどういうサブネットがあって、それぞれルートテーブルとどう紐づいていて、などを視覚的に、俯瞰して確認することが出来ました。 このリソースマップが登場する前は VPC でフィルタリングして関連リソースを洗い出して...などが必要だったのですが、全体をサッと把握出来るようになりました。 Ap
![[アップデート] Application Load Balancer でもリソースマップがサポートされ、関連リソースを可視化して確認出来るようになりました | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/6b2baf14c69bcb02df058dd87573ec1dc34dd8ef/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2023%2F08%2Felastic-load-balancing.png)
今年も盛り上がっている Qiita Engineer Festa！ Qiita Engineer Festa 2023、大いに盛り上がっていますね・・・！ 特に、Organization対抗戦・・・！ いろんな企業さんが、必死になって沢山の記事を書いています。 現在のランキングはこちら Organization対抗戦: 総合いいね賞ランキング ※7月21日 12:35時点のランキングです。 なんと、弊社（株式会社ゆめみ）も2位につけています。 ただ、気になったことが・・・ ワイ「なんか、ワイが記事を書くと・・・」 ワイ「いつも、同僚たちが沢山いいねをくれる・・・」 ワイ「そのおかげで、いつもデイリートレンドに載ることができてる・・・」 ワイ「これって、ちょっとズルくないか？」 ワイ「組織票ってやつとちゃうか・・・？」 調べてみた デイリートレンドの30記事を対象に「同僚からのいいね1が何％
Webアプリケーションで、大量のデータを表示したいときに使われる、「仮想スクロール」と呼ばれるテクニックがあります。 大量のデータを素直にDOMに挿入してしまうと、レンダリングの処理に非常に負荷がかかり、場合によってはブラウザをフリーズさせてしまったりします。そこで使われるのが「仮想スクロール」です。スクロール位置に応じて、視覚的に見える範囲のデータのみをDOMに挿入することで、レンダリング処理を最小限にするというものです。 この仮想スクロールについて、直感的にスクリーンリーダーでの閲覧に耐えられるのかの不安を感じました。しかし、あまりテーブルを仮想スクロールする場合についてのまとまった情報をWeb上で発見することができませんでした。 そこで、実際に仮想スクロールを採用した検証用のWebアプリケーションを作成し、スクリーンリーダーでの動作を確認してみることにしました。 「日本の郵便番号」ア
おうち電力の Observability: parser combinator をガリガリ書いてスマートメーターとおしゃべりする - NTT Communications Engineers' Blog
この記事は、 NTT Communications Advent Calendar 2023 6日目の記事です。 こんにちは。 SDPF クラウド・仮想サーバーチームの杉浦 (@Kumassy_) です。 普段は OpenStack の開発・運用をしており、最近は Observability まわりを取り組んでいます。 この記事では、以前私が Tech-Night という社内 LT 会で発表した以下のプロジェクトのご紹介します。 Tech-Night については以下の記事をご覧ください。 きっかけ 今年は不安定な世界情勢と円安、猛暑により電気代を気にする機会が多かったのではないでしょうか。 私もあるとき 7-9 月の電気代を確認したところ、電力使用量が 330 kWh、電気代が 10,000 円を超えていました。これは私のチームの 4 人家族のご家庭と比べても多い値でした。 なぜ私の家では
JotaiとRecoilは似てます。一方で、細かい違いは多くあります。決定的な違いを一つ挙げるとすれば、stringをkeyにしているRecoilに対して、Jotaiはatomのobject referenceをkeyにしています。表面的にはstring keyを指定しなくて良い手軽さが売りになっています。 よくある比較： // Recoil const greeting = atom({ key: 'greeting', default: 'hello' }); // Jotai const greeting = atom('hello'); では、表面的ではない違いは何でしょうか。もう一つのポイントは内部実装に Map ではなく WeakMap を使っていることです。つまり、atomのreferenceが無くなればJotaiのstoreからもそのうち消えるということです。
Azure OpenAI ServiceのFunction callingを使って自然言語でGoogleカレンダー操作
こんにちは、Happy Elements 株式会社でエンジニアをしておりますryoooです。 先日、以下の記事で弊社における社内ルール等に対するチャットシステムをご紹介いたしました。 Function calling機能を使って、こちらのチャットツール上で自然言語でGoogleカレンダーを操作する機能を追加しましたので、本記事では実装時の工夫を紹介させていただきます。 この機能により、以下のようなことが可能となっています。 自然言語でカレンダー予定を作成 自然言語でカレンダー予定を取得 Function callingとは 簡単にいうとGPT-4に対して「あなたはこういう関数を利用できるから、利用したい場合は引数をレスポンスしてね」と伝えて、GPT-4とバックエンドサーバーで何度かやり取りをしながら、ユーザーの要求を解決していく仕組みです。 (参考) Microsoftのドキュメント ht
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
m1 MacbookにLlama 2をインストールして使ってみる | DevelopersIO
4年以上待ってたEKSの改善がようやく出てきた件 - inductor's blog
Amazon、Meta、Microsoft、TomTomのオープン地図団体、初のマップデータセットをリリース
simple-gitを使ってみたら便利だった | DevelopersIO
Gmailに届かないCloudflare経由の独自ドメインメールを調べてみた | DevelopersIO
How we built JSR
HTML&CSSとピュアなJavaScriptだけでパズルゲームを作る方法
「47palette」カラーピンズ｜Map Design GALLERYオンラインストア｜ゼンリン
モンスターハンターNowを始めて10日ほど経ったので感想とかを書く
プロンプトからREST APIを作るサービス『Hanabi.REST』の技術構成
Google Colab で Xwin-LM-70B-V0.1-GPTQ を試す。｜npaka
Google Colab で LINE の japanese-large-lm を試す｜npaka
Ruby フルタイムコミッタの仕事報告 2023年Q4 - ANDPAD Tech Blog
関東大震災 朝鮮人・中国人虐殺事件地図 - TQC／東京給水クルー
リードタイムを測るシェルスクリプトを作ってチームの振り返り会を活発にした話 - Classi開発者ブログ
Scala 3のマクロTips 100連発 - 貳佰伍拾陸夜日記
Emacs From Scratch, Part 1: Foundations
将来地震を起こす可能性が最も高いSランクの活断層などが自分の住所近くにどれぐらいあるかが一発でわかる「J-SHIS Map」
巨大なテーブルコンポーネントを仮想スクロール化してブラウザのメモリ使用量を1/10にした話
既存日本語LLMをBitNetで置き換えて実行してみた｜はち
プロに依頼するほどでもない画像加工を自分でこなすには？ 「AIを使って画像をどうにかきれいにしたい」人を救う、実務で使えるツール
zeno.zsh を活用して Node.js パッケージマネージャの違いを吸収する - エムスリーテックブログ
Next.js + shadcn/ui + TanStackTableでモダンなテーブルを作ろう
よりカスタマイズ可能なセレクトボックスを実現する `selectlist` 要素
【検証してみた】株式会社ゆめみは、Organization対抗戦で不正をしているのか？ - Qiita
テーブルの仮想スクロールとスクリーンリーダー向けのアクセシビリティ
JotaiとRecoilの違いは何か、string keysが不要というのはどういうことか