これみんな言ってるけどアメリカはめちゃくちゃ優秀な人が超いっぱいいるのになんで大統領候補がトランプとバイデンなんですか…
Ｎ（ウニ） @natsumi_k これみんな言ってるけど私もどうしても言いたくなっちゃう。アメリカ、めちゃくちゃ優秀な人超いっぱいいるのに、なんで大統領候補が 犯罪者 vs ヨボヨボおじいちゃん なのですか。この時代なのにいまだに両方白人男性だし。 2024-06-29 07:53:15 Ｎ（ウニ） @natsumi_k オバマ忘れたのかってリプ多いんだけど、今とこれからの話してるんですよ。8年前に一度、それだけでもういいわけじゃないよ。あと人種は関係ないという意見には同意できないな。白人差別とかいってる人いるけど、それはさすがに的外れ。 2024-06-30 08:03:46 Ｎ（ウニ） @natsumi_k 肌の色を気にすること自体が人種差別とのことですが、”color-blind”を主張することがまさに特権を持つ者のみができることで、人種の存在と差別の存在を見ないと、構造的差別の是正
KDDIアジャイル開発センターのpiyonakajimaです。 突然ですが、あなたは登壇スライドの作成にどれぐらいの時間をかけていますか？ 6/21-22に開催されたScrum Fest Osaka 2024に登壇した際、Markdown+生成AIを活用して登壇スライドを作成しました。その際、45分の登壇資料作成を75%効率化（自分比）できました。 普段からMarkdownで資料を作成している方からすると、これまで時間かけすぎやろ、というツッコミが聞こえてきそうですが、登壇資料の作成時間に悩まれる方は沢山いらっしゃるのではないかと思います。今回はこの時に実施した工夫をお話します。 以下がMarkdown(Marp)と生成AIを使って執筆した45分の登壇資料です。一部PowerPointで作図した過去資料から流用しています。 Marpでは、たとえば以下のようなmarkdownを書くと、 --
この記事は "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/６/8 今は大規模言語モデル（LLM）を使った開発がとってもエキサイティングな時期です。この1年間で、LLMは実世界のアプリケーションに対して「十分に良い」ものになりました。そして、年々良くなり、安く
![[翻訳]LLMで1年間開発して学んだこと〜LLMプロダクト開発を成功に導くための実践的ガイド〜](https://cdn-ak-scissors.b.st-hatena.com/image/square/3636c7c8e7c838018a6e006d55b3f4b8d18f34cc/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--7VM-vHg9--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255B%2525E7%2525BF%2525BB%2525E8%2525A8%2525B3%25255DLLM%2525E3%252581%2525A71%2525E5%2525B9%2525B4%2525E9%252596%252593%2525E9%252596%25258B%2525E7%252599%2525BA%2525E3%252581%252597%2525E3%252581%2525A6%2525E5%2525AD%2525A6%2525E3%252582%252593%2525E3%252581%2525A0%2525E3%252581%252593%2525E3%252581%2525A8%2525E3%252580%25259CLLM%2525E3%252583%252597%2525E3%252583%2525AD%2525E3%252583%252580%2525E3%252582%2525AF%2525E3%252583%252588%2525E9%252596%25258B%2525E7%252599%2525BA%2525E3%252582%252592%2525E6%252588%252590%2525E5%25258A%25259F%2525E3%252581%2525AB%2525E5%2525B0%25258E%2525E3%252581%25258F%2525E3%252581%25259F%2525E3%252582%252581%2525E3%252581%2525AE%2525E5%2525AE%25259F%2525E8%2525B7%2525B5%2525E7%25259A%252584%2525E3%252582%2525AC%2525E3%252582%2525A4%2525E3%252583%252589%2525E3%252580%25259C%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aseya%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2QzODg4YjM0MzEuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
俺の月収より高いゲーミングモニターを使ってみたら、もう戻れなくなってしまった。26万円の力で男も女もえっちに映しましょう
人は、26万円のモニターを手にすると「戻れなく」なる デカァァァァァいッ説明不要!! その大きさ、31.5インチ。 それは モニターと言うには あまりにも大きすぎた 大きく ぶ厚く 重く そして 4Kすぎた それは 正に 26万円だった 実際に届いて感じたのは、「画面の大きさ」でした。もう、とにかくデカい。4Kとか、LEDとか、それより先に「圧倒的な大きさ」が飛び込んできた。起動する。パソコンと接続する。あまりに巨大な画面に、映像を出力してみる。 デッカ……………………………。 そして真っ先に感じたこと、それは「戻れない」。 大きさの比較用に鍾離先生のアクスタを置いてみたのですが……伝わってますかね？私は最近、携帯をiPhone SEから、iPhone15 Proに変えた。 やっぱり画面の大きさに驚いた。 そしてiPhone15を何日も使い続け、ふと機種変前のSEを起動してみた。 そこで、
GitHub Actionsで実現する高度なイシュー管理: 安野たかひろ都知事選マニフェストリポジトリの自動化ワークフロー解説 - Sun wood AI labs.2
ワークフローの概要 このGitHub Actionsワークフローは以下の主要な機能を持っています： 新しいイシューが開かれたときに自動的に起動 イシューの内容を分析し、不適切なコンテンツをチェック 既存のイシューとの重複を検出 必要に応じてラベルを付与 ワークフローの詳細解説 トリガーとパーミッション設定 name: Issue Review on: issues: types: [opened] permissions: issues: write contents: read このセクションでは、ワークフローの名前を定義し、トリガー条件とパーミッションを設定しています。 on.issues.types: [opened]: 新しいイシューが開かれたときにワークフローが起動します。 permissions: ワークフローがイシューの読み書きと、リポジトリコンテンツの読み取りを行うための権
チュートリアル: Yjs, valtio, React で実現する共同編集アプリケーション - ROUTE06 Tech Blog
Yjsは、リアルタイム共同編集を実現するためのアルゴリズムとデータ構造を提供するフレームワークです。Notion や Figma のように、1 つのコンテンツを複数人で同時に更新する体験を提供することができます。 Y.Map, Y.Array, Y.Text といった共有データ型を提供し、それらは JavaScript の Map や Array のように利用できます。さらにそのデータに対する変更は他のクライアントに自動的に配布・同期されます。 Yjs は Conflict-free Replicated Data Types (CRDT) と呼ばれるアルゴリズムの実装であり、複数人が同時にデータを操作してもコンフリクトが発生せず、最終的に全てのクライアントが同じ状態に到達するように設計されています。 クイックスタート Y.Map がクライアント間で自動的に同期されるコード例を見てみましょ
ブラウザ上で簡単にデザインができるFigmaですが、人気の理由のひとつがプラグインを活用すれば自分好みにカスタマイズできる点でしょう。 たとえば、「できるだけ効率よく作業時間を短縮したい」というクリエイターの願いを叶えるAI機能を生かしたプラグインや、統一感のあるWebサイトに欠かせないデザインシステム作成プラグインなど用途によってさまざまです。 しかし、いざ探してみると、どこから見つけていいのか迷ってしまうほど膨大な数が公開されています。 そこでこの記事では、デザインをつくるときに役立つFigmaプラグインに絞り、リスト形式でご紹介します。 しかも、どれも無料。気になるアイテムはどんどん試してみましょう。きっとこれまで以上楽にデザインを作成できますよ。 このリストはこんな人におすすめ デザインのアクセントになる「あしらい」をさくっと作りたい どのプラグインを使えばよいか迷っている まわり
知らなかったCSSプロパティ 3選 - Qiita
はじめに 意外と知らなかったCSSプロパティを3つ紹介します。 1. currentColor currentColor（CSS:カスケーディングスタイルシート） 特定の要素に指定されている色を参照するCSSプロパティです。 要素内の任意のプロパティで使用できますが、特にボーダーや背景などの色を親要素の色と同じにしたい場合に便利です。 currentColorの利点は、色の変更が親要素のcolorプロパティによって自動的に反映されるため、親要素のテキスト色を変更するとcurrentColorを使用している要素の色も新しい色に変更されることです。 使用例 .parent { color: red; border: 1px solid currentColor; /* テキストの色と同じ色（red） */ .child { color: currentColor; /* 親のテキストの色と同じ
『Weaponized incompetence』の初出[2021年7月7日]The Sneaky Relationship Ploy That's Screwing Over Women https://www.instyle.com/lifestyle/weaponized-incompetence-defined 『Weaponized incompetence』の語が日本語メディアに登場[2021年11月25日]「 DE&I に関する 有毒なポジティブ思考 には賛成できない 」 ： 有色人種のPRプロフェッショナルが告白 https://digiday.jp/agencies/there-are-a-lot-of-doors-being-closed-confessions-of-a-pr-professional-of-color-on-toxic-positivity-and-
KDDIアジャイル開発センターのpiyonakajimaです。 突然ですが、あなたは登壇スライドの作成にどれぐらいの時間をかけていますか？ 6/21-22に開催されたScrum Fest Osaka 2024に登壇した際、Markdown+生成AIを活用して登壇スライドを作成しました。その際、45分の登壇資料作成を75%効率化（自分比）できました。 普段からMarkdownで資料を作成している方からすると、これまで時間かけすぎやろ、というツッコミが聞こえてきそうですが、登壇資料の作成時間に悩まれる方は沢山いらっしゃるのではないかと思います。今回はこの時に実施した工夫をお話します。 以下がMarkdown(Marp)と生成AIを使って執筆した45分の登壇資料です。一部PowerPointで作図した過去資料から流用しています。 Marpでは、たとえば以下のようなmarkdownを書くと、 --
【都知事選】マニュフェストがGithubに公開されたので、Github Actionsのワークフローで何をしているのか解説する - Qiita
# 各種ライブラリのインポート import os from typing import List, Dict, Any import regex as re from github import Github from github.Issue import Issue from github.Repository import Repository from qdrant_client import QdrantClient from qdrant_client.models import PointStruct import openai # GitHub Actions環境で実行されていない場合のみ.envファイルを読み込む if not os.getenv('GITHUB_ACTIONS'): from dotenv import load_dotenv load_dotenv(
CSS のカスケードレイヤー `@layer` を使ってスタイルを階層化して管理する 2024.06.30 CSS の `@layer` ルールは、カスケードレイヤーを宣言するために使用されます。カスケードレイヤーとは、スタイルの優先度をレイヤー（階層）に分けて管理する仕組みです。`@layer` ルールを使用することでスタイルの記述順や詳細度に関係なくスタイルを宣言できるため、新しい形式の CSS 設計を実現することができます。 CSS の @layer ルールは、カスケードレイヤーを宣言するために使用されます。カスケードレイヤーとは、スタイルの優先度をレイヤー（階層）に分けて管理する仕組みです。@layer ルールを使用することでスタイルの記述順や詳細度に関係なくスタイルを宣言できるため、新しい形式の CSS 設計を実現できます。 @layer ルールは CSS カスケーディングレベル
SVG アイコンの表示に mask-image CSS プロパティを使用する 2024.06.15 mask-image プロパティは CSS でマスキングを行うためのプロパティであり、SVG アイコンを表示する際に有用です。mask-image プロパティを使用することで、外部の SVG ファイルを読み込みつつ、アイコンの色を CSS で指定することが可能になります。 HTML でロゴやアイコンを表示する時、SVG はよく使われるフォーマットです。SVG はベクター形式で記述されるため、拡大・縮小しても画質が劣化しないという特徴があります。SVG を HTML で表示する場合、以下のような方法が使われていました。 <img> 要素の src 属性に SVG ファイルのパスを指定する <svg> 要素を直接記述する svg スプライトを使用する それぞれの方法にはメリット・デメリットが存在
コンテナークエリー（@container）は、CSSの新しいアットルールです。従来のメディアクエリー（@media）とは異なる手法で、レスポンシブウェブデザインができます。メディアクエリーはビューポート（ブラウザ幅）を条件にスタイルを適用できるのに対して、コンテナークエリーは要素の幅を条件にスタイルを適用できます。 コンテナークエリーを利用することで、再利用性の高いパーツを実装できます。とくに、カラム数が多いレイアウトや複雑な横並びの要素において、コンテナークエリーは有効な機能です。 この記事では、簡単な作例と使用上の注意点を紹介します。 コンテナークエリーの使い方 作例の紹介の前に、コンテナークエリーの使い方を簡単に説明します。 コンテナークエリーを使用するためには、使用したい親の要素にcontainer-typeプロパティを設定する必要があります。以下の2通りの指定ができます。 con
Microsoft 365などソフトウェアをクラウドサーバーで動作させることでサービスのように扱えるシステムを「Software as a service」というように、「○○ as a service」というのは○○に入るものをサービスとして提供する行為の総称です。「Cat as a service」はいつでもネコを召喚できるシステムということなので、実際に多数のネコを召喚しまくってみました。 Cat as a service (CATAAS) https://cataas.com/ サイトのトップページはこんな感じ。記事作成時点で1640匹のネコが居るとのこと。「Give me a cat」をクリック。 「https://cataas.com/cat」が開き、マンチカンが登場しました。召喚されるネコは毎回ランダムで、リロードするたびに変化する模様。 ページをスクロールすると基本的なAP
はじめに 今回書く開発者体験について 具体的な試み eslint pluginによるコーディング規約の明文化 Notionへのリソース集約 デザイントークンと型定義 おわりに はじめに こんにちは。enechainで働いている takurinton です。 enechainではさまざまな開発者体験向上の取り組みが試行されていますが、今回は自分が主に見ているデザインシステムにフォーカスして記事を書こうと思います。 弊社のデザインシステムに関しては、 @Shunya078 の なぜ我々はデザインシステムを創るのか？ を読んでいただくと背景がご理解いただけると思います。 今回書く開発者体験について 開発者体験の定義についてはさまざまな解釈があると思いますが、今回は以下の3つのトピックに絞って紹介します。 eslint pluginによるコーディング規約の明文化 Notionへのリソース集約 デザ
Modern Emacs Typescript Web (React) Config with lsp-mode, treesitter, tailwind, TSX & more - Ovi Stoica
Table of Contents Introduction Part 1: Treesitter for Typescript & TSX LSP Support Completion setup Linter setup LSP Setup Eslint (Optional) Tailwind LSP Server LSP Performance Emacs LSP Booster Structural editing Formatting buffers with Prettier Other resources Conclusion Introduction I've worked within the JS ecosystem for the past 8 years using editors like Webstorm and VSCode, I started using
STORES 予約 エンジニアの水野です。STORES 予約 の店舗管理画面で利用しているTypeScriptをv4.8からv5.5にアップグレードしたので追加された主な機能をおさらいしようと思います。 satisfies (v4.9) v4.9で実装されました。 型アノテーションのように型付けしつつ型推論も行う演算子です。 例を見てみましょう。 type Color = 'red' | 'green' | 'blue' const pallet: Record<Color, string | number[]> = { red: [255, 0, 0], green: '#00ff00', blue: '#0000ff', } // pallet.red => string | number[] pallet.redの型はstring | number[]となっています。これはRecor
Reactテスト駆動開発に一度挫折した人が、生成AIの力を借りて再挑戦する話 - Insight Edge Tech Blog
はじめに Insight EdgeのLead Engineerの日下です。 弊社ではフロントエンドのスクラッチ開発にReactを採用することが多いのですが、フロントエンドの保守性はしばしば課題となっています。 というのも、要求仕様が曖昧なPoC（Proof of Concept）の段階からMVP（Minimum Viable Product）として開発を進めることも多く、 ビジネス側ユーザの意見にも左右されながらアプリを改善していくため、画面のレイアウトやデザイン、画面遷移の変更が多発するためです。 こうした状況の中でスピードと品質を両立するためには良質なテストコードが不可欠なのはもちろん、 プロダクトコードとテストコードの双方とも、変化に対応しやすく作る必要があります。 過去にテスト駆動開発を挫折した要因 実は、筆者は過去にReactのテスト駆動開発の実践、および社内普及活動に挑戦したこ
Claude3.5の新機能！Artifacts：Claudeとの新しい対話方法 – 完全ガイド - Sun wood AI labs.2
はじめに みなさん、こんにちは！今日は、AI技術の世界に革命を起こす新機能「Artifacts（アーティファクツ）」について、わかりやすくお話ししていきます。Claudeという人工知能と、より効果的に協力して作業ができるようになる、とてもワクワクする機能なんです。 Artifactsとは何か？ 簡単な説明 Artifactsは、Claude.aiで導入された新機能です。ユーザーがClaudeに何かを作ってもらう時、その成果物を会話とは別の専用ウィンドウで見ることができます。つまり、会話しながら同時に作品を見て編集できる、そんな魔法のようなツールなんです。 Artifactsの主な特徴 リアルタイムの表示: Claudeが作った内容をすぐに見ることができます。 編集可能: 表示された内容を自由に編集できます。 作業の継続性: 一度作ったものを基に、さらに改良を加えていけます。 Artifac
ChatGPTでSEOを効率化するアイデア9選【プロンプト付き】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
インハウスマーケティング部・SEO担当の井上です。 今年5月、Google検索でAIによる回答を表示する「AI Overview」が正式にリリースされるなど、SEO界隈においても生成AIはさまざまな影響を与えています。僕自身も普段の業務で生成AIを使用することが増えており、今や仕事に欠かせないパートナーとなりつつあります。 そこで今回は僕自身も普段使っている、ChatGPTを活用したSEO業務の効率化アイデアを9個ご紹介します。リサーチ、ライティング、分析・コーディングと用途別に分けてご紹介しますので、ご参考になると幸いです。 SEO関連のリサーチで活用する方法3選 1.キーワードのアイデアを出す SEO記事の制作にあたり、どんなキーワードを対策すればいいのかヒントをもらうのに活用しています。たとえば「Web制作のお問い合わせを伸ばすために必要なSEO記事のキーワードを教えて」のような簡単
Doggo
Features Human-readable output with color-coded and tabular format JSON output support for easy scripting and parsing Multiple transport protocols: DNS over HTTPS (DoH) DNS over TLS (DoT) DNS over QUIC (DoQ) DNS over TCP DNS over UDP DNSCrypt Support for ndots and search configurations from resolv.conf or command-line arguments Multiple resolver support with customizable query strategies IPv4 and
みなさま、こんにちは🐰 株式会社Rabeeでデザイナーをしているkoppiです🐝 2023年6月頃に登場したFigmaのvariables(バリアブル)、なんだか難しそうで尻込みしていましたが、挑戦してみました。 今回はColorについて、手探りながら分かったことをここにまとめます。 variablesって聞いたことあるけど、何ができるの？ Figmaでどうやって設定するの？ という疑問をお持ちの、まだvariablesに触れたことのない方向けの内容になっています。 variables(変数)ってなに？ある値(カラーコードやサイズなど)を箱に入れて、名前をつけたものです。 これを使うと、何度も同じ色やサイズを使うときに、簡単に一度に変更できるようになります。 variableのイメージvariablesで管理できる4つのタイプ今回はColorについて取り上げますが、variablesで
![[Figma]variablesの使い方-Color-｜koppi](https://cdn-ak-scissors.b.st-hatena.com/image/square/7887fa501c1209f95d6058efd1f820703510eb36/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F145053186%2Frectangle_large_type_2_8bbc091e3094ad5d252e85b08b41fd52.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
重力を通してのみその存在を知ることができる「暗黒物質（ダークマター）」の正体は今でもよく分かっていません。候補の1つとして誕生直後の宇宙で生成されたとされる「原始ブラックホール（Primordial black hole）」があげられているものの、その生成過程はよく分かっていません。 マサチューセッツ工科大学のElba Alonso-Monsalve氏とDavid I. Kaiser氏の研究チームは、初期宇宙で原始ブラックホールが生成される過程を調査しました。その研究の副産物として、理論的には提唱されていたものの生成ルートが判明していない “異色” の存在であった、いわば「色荷ブラックホール」とでも表現できるような存在に辿り着きました。色荷ブラックホールはあまりにも小さすぎるため、現在の宇宙には残っていないと考えられていますが、それでも初期宇宙の歴史に無視できない影響を与えた可能性がありま
macOS 15 Sequoiaではアプリにデーモンなどのログイン/バックグランド実行項目が含まれる場合にユーザーに通知するセキュリティ機能が強化され、機能拡張を含んだりCronを利用する場合にも通知され、実行をシステム設定で管理することが可能に。
macOS 15 Sequoiaでは、アプリにデーモンやヘルパーなどのログイン/バックグランド実行項目がある場合にユーザーに通知するセキュリティ機能が強化され、SpotlightやColorパネル、メディア機能拡張、Cron実行を含む場合にも通知され、実行を管理することが可能になるそうです。詳細は以下から。 Appleは2022年10月24日にリリースしたmacOS 13 Venturaで、エージェントやデーモン、サービスマネージャー、ヘルパーツールなどログイン時やバックグラウンドで実行されるサードパーティ製アプリがインストールされると、その趣旨をユーザーに通知する「ログイン/バックグラウンド項目通知」機能を実装しましたが、 WWDC24のセッション10123「What’s new in privacy」によると、Appleは2024年秋にもリリースを予定している「macOS 15 Seq
藤吉修崇@YouTuber弁護士・税理士 on X: "友人の弁護士から「どうしてあんな不起訴確実な蓮舫を告発したんだ？」と聞かれたので、…
<a href="http://archive.today/jXUUt"> <img style="width:300px;height:200px;background-color:white" src="https://archive.md/jXUUt/af69a776dd661a97284030ac259f262c465f4e01/scr.png"><br> 藤吉修崇@YouTuber弁護士・税理士 on X: "友人の弁護士から「どうしてあんな不起訴確実な蓮舫を告発したんだ？」と聞かれたので、…<br> アーカイブされた 2024年6月22日 06:49:08 UTC </a> {{cite web | title = 藤吉修崇@YouTuber弁護士・税理士 on X: "友人の弁護士から「どうしてあんな不起訴確実な蓮舫を告発したんだ？」と聞かれたので、… | url
顔認識技術を利用したアプリケーションは身近なところにあります。たとえば、カメラで映した顔に猫耳やリボンなどのスタンプを自由に追加できる加工アプリ「SNOW」や、ビデオ会議ツール「Zoom」、「Microsoft Teams」で使用できるフィルター機能などがあります。これらの機能は、フェイストラッキング技術を利用しています。 この技術はアプリだけでなく、ウェブブラウザ上でも実現できます。今回は、Googleが開発した機械学習用JavaScriptライブラリ「TensorFlow.js」を使って、ウェブカメラでリアルタイムに顔が認識されるデモを作成してみました。 TensorFlow.jsとは TensorFlow.jsは、Pythonで広く利用されている機械学習ライブラリ「TensorFlow」をJavaScript用にラップしたもので、ブラウザ上で機械学習モデルを手軽に利用できるようにする
サーバ側だけでフォーム画面をインタラクティブに！ 〜Hotwire を活用した「Ghost Formパターン」〜｜万葉
サーバ側だけでフォーム画面をインタラクティブに！ 〜Hotwire を活用した「Ghost Formパターン」〜 こんにちは、@nay3 です。 私はここ数年、仕事とプライベートの両方で Rails と Hotwire を使ってアプリケーション開発をしていますが、その中で、繰り返し使っているパターンがあります。 そのパターンは、とても便利なのですが、数ヶ月も間が空くと忘れてしまい、つい旧態依然としたコードから出発してまた同じところにたどり着く、ということを繰り返してしまいます。 実は、最近もまた繰り返してしまいました。 そこで、今後はすぐに思い出して再利用できるように、このパターンに「Ghost Form パターン」(※)という名前をつけて、記事化してしまうことにしました！ ※Ghost Form という名前については、レビュー協力をいただいた @tanaka51 さんの案を採用させていた
はじめに こんにちは、がんがんです。 皆さんは Nuxt 環境でコンポーネントを実装する時、どんな UI ライブラリ/FW を利用していますか？ Nuxt 環境でコンポーネントを実装する場合、 Tailwind CSS、Panda CSS などを用いて自前で実装する Vuetifyを利用する shadcn-vueを利用する PrimeVueを利用する etc. などなどの選択肢が挙げられると思います。 本記事では Nuxt 公式が提供しているNuxt UIを実際に触ってみたいと思います。 Nuxt UI ってどんなもの？ Nuxt UI の環境構築はどうすれば良い？ などの疑問を解消出来たらと思います。 Nuxt UI とは Nuxt UI とは、Nuxt 公式が提供する UI Library です。 Headless UI と Tailwind CSS をベースに実装されており非常に利用
「主要耐久消費財の普及率」の推移のデータを用いて、ルームエアコンの普及率へのモデルフィッティングを行う。 https://www.e-stat.go.jp/stat-search/files?page=1&layout=datalist&toukei=00100405&tstat=000001014549&cycle=0&tclass1=000001200820&tclass2=000001203960&tclass3val=0 データの読み込み data <- read.csv("air_conditioner.csv") 多項式回帰モデルのフィッティング library(ggplot2) poly_model <- lm(air_conditioner ~ poly(year, 3), data = data) data$poly_pred <- predict(poly_model,
![ルームエアコンの普及率へのモデルフィッティング[R] - 井出草平の研究ノート](https://cdn-ak-scissors.b.st-hatena.com/image/square/33d8861d0c64e24227ab91a978545318fe0278ed/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fi%2FiDES%2F20240617%2F20240617025342.png)
Atkinson Dithering
Atkinson Dithering When the Macintosh was released in 1984, it featured a square-pixeled black-and-white display at a crisp 72 dots per inch. The 512x342 resolution might seem less than impressive today, but for the time it was a pleasantly high-resolution consumer-grade computer. Among other things, the monospaced Monaco 9pt bitmap font featured characters that were 6 pixels wide, allowing the Ma
The last year has been a great one for WebKit. After unveiling Safari 17 beta at WWDC23, we’ve shipped six releases of Safari 17.x with a total of 200 new web technologies. And we’ve been hard at work on multiple architectural improvement projects that strengthen WebKit for the long-term. Now, we are pleased to announce WebKit for Safari 18 beta. It adds another 48 web platform features, as well a
Eminem - Tobey feat. Big Sean & BabyTron (Official Music Video)
Lyrical Lemonade Presents: Eminem - Tobey feat. Big Sean & Babytron (Official Music Video) Song Produced by marvy ayy, John Nocito, Daniyel, Carlton McDowell, Cole Bennett & Eminem. Executive Producers: Paul Rosenberg & Cole Bennett Executive Producer & Head of Production: Krista Worby Co-Executive Producer: Jake Millan Producers: Krista Worby and Kathy Angstadt Associate Producer: Tracy Mc
Re: HTMLのルート要素ではcolorとbackground-colorをセットで指定すべき - 水底の血
ちょっと間が空いて、亀リプっぽくなっちゃいましたけど、HTML のルート要素では color と background-color をセットで指定すべきというお話について。 昔からブラウザには配色設定があり、テキスト色と背景色をユーザーが任意に指定できます。 ……という話は Web アクセシビリティとフェイルセーフの記事に以前書いたのでその詳細は省略しますが、WCAG 2.2 達成方法集の F24(W3C) において達成基準 1.4.3（レベルAA）などの失敗事例として掲載されているにも関わらず、このことは世間ではなぜか認知が薄いようです。 認知も薄いというか、私も言われるまで気づかなかったあたり、まあそういうことなんじゃないかなと*1。……という話だけはあまりにもアレなので、ざっくりとですが、ほんのちょっと深掘りしてみましょう。 WCAG 2.1 達成方法集のF24のタイトルは、「達成基
全日本女子バレーがパリオリンピックに出場することが決まりましたね！！！ 女子バレーといえば、白と赤のユニフォームが印象的ですが、数年前からその２色のユニフォームに新色の青が加わりました！ ブルーのユニフォームは不思議な感じですが、話題になっていますね。 それでは、一緒に見ていきましょう！ 全日本女子バレーのユニフォームはミズノ製 ユニフォームには規約がある 2024年のコンセプトは「無限」 赤と白のユニフォーム 青のユニフォーム レプリカシャツ まとめ 全日本女子バレーのユニフォームはミズノ製 🎫TICKET TO PARIS🎫 🇯🇵#バレーボール女子日本代表 のパリ五輪出場が決定！！ 6/13までの試合結果を含めて世界ランキングのポイントを計算した結果、残り2試合の結果によらず日本はパリ五輪の出場権を獲得することに 画像をタップすると…？👆 📸Volleyball World
Last week, the CSS WG resolved to add an inline if() to CSS. But what does that mean, and why is it exciting? Last week, we had a CSS WG face-to-face meeting in A Coruña, Spain. There is one resolution from that meeting that I’m particularly excited about: the consensus to add an inline if() to CSS. While I was not the first to propose an inline conditional syntax, I did try and scope down the var
全世界最高峰･最上位の画像生成AI (Stable Diffusion 3 8B+) が凄すぎた件 - Qiita
Stable Diffusion開発元の、Stability AI Japan - External AdvocateのD̷ELLと申します。 今回、Stable Diffusion最高モデル Stable Diffusion 3 80億パラメータ（8B） を搭載したAPI「Stable Image」の、最上位サービス 「Stable Image Ultra」 の体験会を実施しました。 実施内容をレポートにまとめましたので、報告させて頂きます。 概要 Stability AIからStable Diffusion 3 2B のモデルがリリースされ、世界を席巻した Stability AI APIでは、最上位モデルの Stable Diffusion 3 8B が利用可能 性能を体験してもらうために、色んな人に利用してもらったら凄かった ※ 本稿はQiita Engineer Festa 20
*心に残った風景を絵に【Acryl color】ホイアンの夜明けの月と木* - Xin Chao HANOI
ホイアンからハノイに戻ってきて、絵を描きました。 ホイアンで、心に残っている景色があります。 朝早くにマラソン大会で走りながら見た、この景色。夜明けの月と木。 走りながらこの景色を見て思わず写真を撮りました。これを絵にしたい。 アクリル絵の具でキャンバスに描こうと思います。使う絵の具を選んだら、グラデーションに。 この何色もの絵の具が混ざり合って一つになっていくのを見るのが好きです。癒される。 綺麗。一旦乾かしてから、木を描いていきます。 鉛筆で形だけ下書きして、紺を混ぜた黒で細かい部分を。 細い筆は新しいものを何本買っても、結局この1番古い筆が描きやすくてこればっかり使ってしまう。 最後に、黄色を少し混ぜた白で月と星屑を入れて完成。 できました。 わーーー綺麗♡この風景の中にいた感覚を思い出すくらいリアルに描けました。 薄暗い夜明けの生暖かい風や、朝が始まろうとする明るい空にまだ白い月が
Some time ago, Hillel Wayne published an article titled Microfeatures I’d like to see in more languages . In this article, he described three kinds of features in programming languages: fundamental features, deeply engrained features, and nice-to-have convenience features. Hillel’s premise was that language designers tend to focus on the first two; however, because the convenience features are rel
「I Can Read with My Eyes Shut」は、ドクター・スースらしいユニークなユーモアとリズム感あふれる絵本です。今回は、この絵本を通して、お子さんと一緒に楽しく英語を聞き流してみませんか？ ここでは「I Can Read with My Eyes Shut」の簡単なあらすじの他、文中に出てくる日常の英語表現、おすすめの読み聞かせ動画のご紹介や日本語訳などを掲載しています。 お話のあらすじ主人公は、目を閉じていろんなことを読めると豪語します。ミシシッピ、インディアナポリス、ハレルヤ… 難しい単語も目を閉じて読めちゃうんだって！でも、目を閉じて読むのは難しいし、眉が熱くなっちゃうんだとか。 目を閉じて読むのは大変だけど、目を覚ましたまま読むと、たくさんのことを学べます。木、ハチ、ひざ、足首、アリ、ホース… 想像力を掻き立てるような言葉が次々に登場します。 さらに、魚の骨、願
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
45分登壇で75%効率化したMarkdown+生成AIスライド作成術 - Qiita
[翻訳]LLMで1年間開発して学んだこと〜LLMプロダクト開発を成功に導くための実践的ガイド〜
Figmaのデザイン制作が楽になる時短プラグイン30選
「無能の武器化」(Weaponized incompetence)まとめ
45分登壇で75%効率化したMarkdown+生成AIスライド作成術 - Qiita
CSS のカスケードレイヤー `@layer` を使ってスタイルを階層化して管理する
SVG アイコンの表示に mask-image CSS プロパティを使用する
要素の幅でレスポンシブ対応を行える！ コンテナークエリーの使い方 - ICS MEDIA
API経由でいつでもネコを召喚できるサービス「Cat as a service」でいろんなネコを召喚しまくってみた
デザインシステムの開発者体験向上の試み - enechain Tech Blog
TypeScript v4.9からv5.5で追加された機能のおさらい - STORES Product Blog
[Figma]variablesの使い方-Color-｜koppi
初期宇宙には “色付きブラックホール” が存在した？ 暗黒物質探索の思わぬ副産物
ブラウザ上で可愛いフィルターを実現！TensorFlow.jsを使ったリアルタイム顔認識 - ICS MEDIA
Nuxt UI / Nuxt UI Pro、始めました
ルームエアコンの普及率へのモデルフィッティング[R] - 井出草平の研究ノート
News from WWDC24: WebKit in Safari 18 beta
2024年全日本女子バレーのユニフォームのメーカーは？デザインの意味も！ - カメラと旅をする
Inline conditionals in CSS? • Lea Verou
Microfeatures I Love in Blogs and Personal Websites
ドクター・スースの「I Can Read with My Eyes Shut」目を閉じて読める？