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
GNUプロジェクトは現地時間2024年8月29日、GNU Screen 5.0.0のリリースをメーリングリストで報告した。バージョンアップは約1年ぶりである。ソースコードはGNUプロジェクトのサーバーから入手可能。GNU Screenは1カ所から複数の端末や仮想マシン制御にアクセスし、制御するアプリケーションとして長らく使われてきた。本バージョンでは、認証構造の変更や一部コマンドの削除、ESCキーの動作とzmodem転送時のバグを修正している。 GNU Screen 5.0.0 本バージョンの認証構造は現在のウィンドウttyを表示する「ESC+%T」や現在開いているウィンドウ数を表示する「ESC+%O」が加わった。合わせてパスワード保護機能を選択する「auth」コマンドの追加や、「time」「debug」「password」「maxwin」「nethack」コマンドを削除している。メーリン
誠に突然ですが、今回が「カラーひよこのブログ」の最後のエントリーとなります。 いちばん最初に立ち上げたこの雑記ブログの他に３つのブログと、開設したものの頓挫したブログが１つ、それと最近立ち上げた複数メンバーで共同執筆するブログと、実質満６年間、はてなブログで６つものブログを回していたけれど、このメインブログだった「カラーひよこのブログ」を含めた３つのブログを閉じたいと思う。 何でも発信するのはもういいかなあ、という気がしてきた いくら暇とはいえ、使う時間と労力に対して見返りが無さ過ぎるし、キャパ不足で質も低い ブログは写真（楽・好き）と同人誌（文筆）だけ残して、あとは note（同人誌推敲・楽）とヤフー（お金）と、この Twitter（日記・楽）だけに集約するか — カラーひよこ (@colorhiyokoma) February 16, 2024 昨日の夜中にふと思ってツイートにまとめて
弥助関連史料とその英訳 / English translated historical documents related to Yasuke - 打越眠主主義人民共和国
はじめに Introduction 筆者の連絡先 How to contact me 信長公記 The Chronicle of Nobunaga 池田家本『信長公記』Shinchoko-ki Ikeda-hon 尊経閣本『信長公記』Sonkeikaku-bunko manuscript 尊経閣本の信頼性に関する議論 Discussion of the reliability 天正9年のイエズス会史料 Jesuit Documents in 1581 天正9年3月11日の書簡 Letter of April 14, 1581 天正9年9月11日の書簡 Letter of October 8, 1581 家忠日記 Ietada Diary 弥助に関する最後の記録 Last record of Yasuke 天正10年10月20日の書簡 Letter of November 5, 1582 書
背景 結論 手法の検討 実験 実験概要 実験1 : 単純なPromptを投げる 実験2 : Promptを工夫してみる 実験3 : 間違った分類を回避するには？ まとめ 参考文献 補足 DROBEで機械学習エンジニアをしております、藤崎です。 背景 商品のトップ画像はユーザーへの最初のタッチポイントとして機能し、購入を促進します。そのため、適切なトップ画像の選定は重要です。しかしながら、この選定は現在、手動に依存しており、複数の商品画像から最も効果的なものを選ぶ作業は、多大な時間と労力を消費しています。 商品の品揃えが拡大する中で、この作業のコストは切実な課題となっています。そこで、機械学習技術を用いてトップ画像の選別を自動化するアプローチを検討しています。これにより、商品登録時間の削減や業務の効率向上が期待されます。 本記事では、商品のトップ画像の自動選別に焦点を当て、画像分類手法を調査
最近Sassを使ってないなぁって話
2023年10月26日 Webサイト制作 初学者向けの記事やSNSの投稿で「Sassはマジで必須！」なんて書いているのを見かけますが、私の場合、そういえば最近は素のCSSばかりでSassは使っていないなーと思ったので記事にしてみます。私自身Sassが大好きでずっとお世話になっていましたが、CSSの進化も著しく、使い所があまりなくなってきているんですよね。 ↑私が10年以上利用している会計ソフト！ 変数やネスト、計算はCSSだけでOK 過去記事「Sass不要！CSSだけでも変数やネスト、演算子が使えるよ！」でも書いたとおり、Sassのメリットでもある変数やネスト、数値の計算はCSSだけでも可能です。 変数は過去記事「CSSで変数（カスタムプロパティ）を使ってみよう」で紹介したように、メディアクエリーによって柔軟に変化させたい時は、SassよりもCSSのカスタム変数の方が便利です。計算式を使い
Syntax Highlighting code snippets with Prism and the Custom Highlight API 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブ上の構文ハイライトの一般的な仕組みは、すべてのトークンを要素で囲み、適切なクラスを割り当て、CSSを使って色付けすることです。 CSS Custom Highlight APIのおかげで、DOMツリーにを散りばめてカラー情報を追加するステップを省略できます。 Custom Highlight APIの基礎 ブラウザサポート 静的コードスニペットの構文ハイライト 仕組み ステップ1:セットアップ ステップ2:コードのトークン化 ステップ3:トークンとハイライトの関連付け Custom Highlight APIの欠点 制限されたスタイリングオ
This is not an official licensed product. This independent non-profit short film is entirely self-funded and was made in Brazil as a tribute to the great artist Hayao Miyazaki, who has always been an inspiration to me. We are not a large company. Rather, we are a group of friends who have been working on this project for almost 7 years, fueled only by our love of the art. The film is free of c
「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.スライドパズル画像を作る定義を作
RAGs powered by Google Search technology, Part 1 | Google Cloud Blog
When a large language model (LLM) doesn’t have enough information or has no contextual knowledge of a topic, it is more likely to hallucinate and provide inaccurate or false responses. Developers are increasingly excited about generative AI and Retrieval Augmented Generation (RAG) — an architecture pattern that combines LLMs with backend information retrieval from other information sources. This a
【KARAKURI LM 10本ノック】番外編： Chrome内蔵のローカルLLM (Gemini Nano)で「どこでもCopilot」を作ってみた
本記事中で紹介しているユーザスクリプト「どこでもCopilot」。ChromeビルトインのLLMで、任意のフォーム上で文章の続きをサジェスト。外部通信なし、無料で動作こんにちは、カラクリR&Dの吉田です。今回は、10本ノック「番外編」ということで、Google Chrome の最新版に先日（2024年8月22日）組み込まれたローカルLLMの話をします。 本記事の概要2024年8月22日に公開された Google Chrome の「バージョン128」にローカルLLM として Gemini Nano が組み込まれました。このLLMは、フロントエンド JavaScript から手軽に呼び出し可能で、ローカルLLMなので外部への通信は発生しません。しかも無料です。 本記事では、このLLMを体験する方法を記します。また、このLLMを応用して、任意のフォーム上で入力した文章の続きをリアルタイムで補完し
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
Amazonの ゴージャスな色エレキギターカポ亜鉛合金用 って何だよ……【変な部品レビュー第35回】 | ギターいじリストのおうち
生涯5000本以上のギターをいじり続けたきた管理人が実測データを交え世界一詳しいギターレビューやギターパーツ情報をお届け！
このエントリは【カヤック】面白法人グループ Advent Calendar 2023 の24日目の記事です。 こんにちは！意匠部のおばらです。 面白法人カヤックでは日々、様々な社内勉強会が開催されています。本記事では JS 好きな社内のエンジニア向けに私が企画＆主催している「JS体操」についてご紹介します。 記事の最後にはみなさんも挑戦できるように最新の「JS体操」を紹介しています。ぜひ挑戦してみてください。 1.「JS体操」とは？ 2.「JS体操」の掟 3.「JS体操」のメニュー 3.1. 何らかのロジックを解く 3.2. コードゴルフで文字数を競う 4.「JS体操」の流れ 4.1. 出題方法 4.2. 解答方法 4.3. 実際の様子 5.「JS体操」の過去問の紹介 5.1. 第一回 5.2. 第二回 5.3. 第三回 5.4. 第八回 5.5. 第十一回 5.6. 第十四回 5.7.
はじめに 吉川@広島です。 OpenAIの新機能が盛り上がっていますね！ OpenAI DevDayで発表された様々な機能について、公式ドキュメントを見ながら少しだけ詳細を確認してみた | DevelopersIO いまのところ弊社記事はPythonコードが多い印象がありますので、いくつかの新規機能についてNode.js組である自分もサンプルコードを上げてみます。 環境 node v18.14.2 typescript 5.0.2 openai 4.16.1 [共通] OpenAIクライアントの初期化 openai パッケージをインストールします。 npm i openai クライアントを初期化します。 const openAi = new OpenAI({ apiKey: "xxxxxxxxxxxxxxxxxxxxxx", }); DALL·E 3 API [アップデート]DALL·E
SummaryMost visual programming environments fail to get any usage. Why? They try to replace code syntax and business logic but developers never try to visualize that. Instead, developers visualize state transitions, memory layouts, or network requests. In my opinion, those working on visual programming would be more likely to succeed if they started with aspects of software that developers already
DOMDOM トークス #1 mizdra (みずどら) です 株式会社はてな フロントエンドエキスパートやってます DOM をとりまく ブラウザのセキュリティ の話 DOM 成分ほとんど無いです 「iframe」がちょっと登場するくらい すみません... 皆さんご存知 ツールバーに機能を足したり Webページをカスタマイズしたり Webページにスクリプトを埋め込める機能 Web ページをカスタマイズしたい時によく使う code:content-script.js // ページ中のテキストを真っ赤に document.querySelectorAll('*') .forEach(el => el.style.color = 'red'); (ここまで3分) Chrome 開発チームが「Content Script の中で機密データを保持するな」と言ってる https://groups.go
永山です。 神話の時代、天を衝く巨塔を築こうとした高慢な人類の Node.js パッケージマネージャは様々に引き裂かれたと言われています。 現代においてよく使用されているものだけでも npm, Yarn, pnpm などがあり、エムスリー社内でもプロジェクトによってどのパッケージマネージャが採用されているかはバラバラです。 それぞれのパッケージマネージャは異なるコマンドラインインタフェース (npm / yarn / pnpm) によって操作する必要があるため、作業するプロジェクトによって適切なコマンドを呼び分けなければなりません。めんどくさ。 本記事では Zsh プラグインである zeno.zsh を用いてこれらパッケージマネージャの差異を吸収することで快適な開発体験を実現する方法、およびその過程で模索した zeno.zsh の設定ファイルの TypeScript 化の試みについて紹介し
こんにちは！ファインディでTeam+開発チームのエンジニアメンバーの西村です。 この記事では、私が聞いたRubyKaigi 2024のセッション「Lightning Talks」より「Enjoy Creative Coding with Ruby」で紹介されたクリエイティブコーディングを試してみたので共有します。 クリエイティブコーディングとは クリエイティブコーディングとは、アプリケーションのような機能的なソフトウェアを作るのではなく、プログラミング言語を使ってビジュアルアートを創作することです。 クリエイティブコーディングをはじめるまでの背景 私は、RubyKaigi 2024の「Lightning Talks」より「Enjoy Creative Coding with Ruby」で、初めてクリエイティブコーディングについて知りました。 Miyuki Koshibaさんのスライド資料を
Reactテスト駆動開発に一度挫折した人が、生成AIの力を借りて再挑戦する話 - Insight Edge Tech Blog
はじめに Insight EdgeのLead Engineerの日下です。 弊社ではフロントエンドのスクラッチ開発にReactを採用することが多いのですが、フロントエンドの保守性はしばしば課題となっています。 というのも、要求仕様が曖昧なPoC（Proof of Concept）の段階からMVP（Minimum Viable Product）として開発を進めることも多く、 ビジネス側ユーザの意見にも左右されながらアプリを改善していくため、画面のレイアウトやデザイン、画面遷移の変更が多発するためです。 こうした状況の中でスピードと品質を両立するためには良質なテストコードが不可欠なのはもちろん、 プロダクトコードとテストコードの双方とも、変化に対応しやすく作る必要があります。 過去にテスト駆動開発を挫折した要因 実は、筆者は過去にReactのテスト駆動開発の実践、および社内普及活動に挑戦したこ
TerraformによるAirbyteを利用したデータ基盤へのデータ連携とCI/CD - Sansan Tech Blog
こんにちは！「Sansan Summer Internship 2023」でインターンをしていた野首侑作です（X, Facebook）。R&D Architectグループに1ヶ月強コミットしていました。今回のインターンで使った技術はこれまで全く触ったことがありませんしたが、チームメンバーのサポートもあり本番環境でも動かせるコードを書くことができました。 今回学んだことの整理と、Sansanのインターンで学べることの多さを共有したいという意味を込めて、社内ブログでアウトプットしようと思った次第です。 目次 目次 はじめに ローカルでAirbyteの立ち上げ 1. DockerによるAirbyte serverの起動 2. Sourceの登録 3. Destinationの登録 4. Connectionの登録 5. 接続確認 TerraformによるIaC IaCとは Terraformとは
『SPY×FAMILY』Season 2 オープニング主題歌Ado「クラクラ」アニメ映像(ノンクレジット) ／2023.10.07 23:00～ON AIR
・オープニングアニメーション担当：湯浅政明 TVアニメ『SPY×FAMILY』Season 2、テレビ東京系列ほかにて10月7日23：00より放送開始！ 放送に先駆け、オープニング主題歌：Ado「クラクラ」、アニメーション制作は湯浅政明が担当したオープニング主題歌アニメ映像(ノンクレジット)を公開！！ ▼オープニング主題歌：Ado「クラクラ」 Digital Single 2023年10月5日 Release LISTEN ＆DL：https://ado.lnk.to/kurakura Anime series SPY x FAMILY Season 2 will begin at 23:00 October 7. Before Season 2 premiere, opening theme song ”Kura Kura” by Ado is now released on
よりカスタマイズ可能なセレクトボックスを実現する `selectlist` 要素 2023.10.07 `<selectlist>` 要素は、デザインをカスタマイズできなかった従来の `<select>` 要素の問題を解決するために Open UI グループにより提案されている要素です。`<selectlist>` の構成要素の多くはスロットとして提供されていて、高いカスタマイズ性を備えているのが特徴です。 <selectlist> 要素は 2023 年 10 月 7 日現在 Chrome Canary の Experimental Web Platform features flag を有効にした場合のみ使用できる実験的な機能です。この記事の内容は将来変更されるおそれがあります。 <selectlist> 要素とは <selectlist> 要素は Open UI グループにより提案され
Privatter+
Font Serif Sans Serif Color Light Dark auto Font size Large Medium Small Language Japanese English
はじめに Streamlitって気づいたら神アプデしてますよね。もっと大々的に宣伝してほしいものです（←自分で情報取りに行け）。 さて、化学メーカーに勤めている"自称"データサイエンティストとしてはやはりベイズ最適化したい衝動に駆られます。Notebook上では実装できていたのですが、もっと簡単に使いたいし、周囲に広めるためにもアプリの方が便利だなぁと思いました。 世の中にはそんなアプリがあるけど、ダウンロードが必要だったり（社内申請めんどくさい）、お金がかかったり・・・そうだ！自作しよう！ ということで、Streamlitでベイズ最適化による実験点提案アプリを自作しました。 ひとまず必要最低限の機能だけ実装したので、今後アップデートしていきます。 メインライブラリ streamlit==1.30.0 scikit-learn==1.4.0 ガウス過程回帰、ベイズ最適化 ・scikit-l
はじめに 以前つくった Minsta というデジタルスタンプラリーの Web アプリの中で、ブラウザ上で Canvas を使用してスタンプ風の画像を生成する機能があるのですが、前々からもう少し画像のファイルサイズを落とせそうだなと思っていたので、今回 Rust と WebAssembly を使用して PNG ファイルを極限まで圧縮するのに挑戦してみました。 Minsta については以下の記事をご覧ください。 動機 Minsta では単色で背景透過の以下のようなスタンプの PNG 画像をブラウザ側で Canvas の toBlob メソッドを使用して生成しているのですが、このメソッドで PNG エンコードすると 32 bit の RGB+alpha 形式のファイルしか生成できず、 Minsta で扱うような単色の画像にとっては余計にデータサイズが膨らんでしまっていました。 PNG は使用する
ChatGPTでSEOを効率化するアイデア9選【プロンプト付き】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
インハウスマーケティング部・SEO担当の井上です。 今年5月、Google検索でAIによる回答を表示する「AI Overview」が正式にリリースされるなど、SEO界隈においても生成AIはさまざまな影響を与えています。僕自身も普段の業務で生成AIを使用することが増えており、今や仕事に欠かせないパートナーとなりつつあります。 そこで今回は僕自身も普段使っている、ChatGPTを活用したSEO業務の効率化アイデアを9個ご紹介します。リサーチ、ライティング、分析・コーディングと用途別に分けてご紹介しますので、ご参考になると幸いです。 SEO関連のリサーチで活用する方法3選 1.キーワードのアイデアを出す SEO記事の制作にあたり、どんなキーワードを対策すればいいのかヒントをもらうのに活用しています。たとえば「Web制作のお問い合わせを伸ばすために必要なSEO記事のキーワードを教えて」のような簡単
「日頃の作業をどうにか楽にしたい、できることならだれかやってほしい」と思ってしまうほど自分にあまい筆者が、制作時間の短縮や効率化アップにつかえる新ツールやデザイン素材をまとめました。 すべて手作業だと時間のかかるCSSスタイリングや、スキルも必要な手描きイラストを用意したり、「このツール、早く知りたかった」と思った素材やツールが揃っています。 日頃のワークフローに活用して、デザイン制作の新ルールを一緒に見つけてみませんか。 コンテンツ目次Web便利ツールデザインツールFigma・アイコンツールユニーク・面白ツール Web便利ツール The good colors – Full spectrum – OKLCH 注目の色「OKLCH色空間」によるカラーパレット作成ができるツール。一般的なLCHとOKLCH色の比較の通り、より「いい感じの色合い」で、明度と彩度のトーンがあった美しい配色を生成し
Last update 10-29-2023 ▼ 本記事について概要 2023年9月下旬に、OpenAI製の画像生成AIであるDALL-E3（DALL-Eはダリ と読む）が公開されました。プロンプトに忠実で品質の良い多彩な出力が得られるため、話題になっています。出力画像は、X（旧Twitter）のハッシュタグ #DALLE3を検索すると良いでしょう。 DALL-E3の出力例（上下トリミング済み、元画像は1024x1024） https://twitter.com/riddi0909/status/1709480541094052348 参照 本記事では、Microsoft Bing（以下、Bing）のChatやImage Creatorを使って生成する方法を説明しています。無料ですのでぜひ試してみてください。なお、Microsoftアカウントと、Microsoft Edge（PC）またはB
ノーコードツールの高度な処理をコードで実装！iOS・macOSのショートカットアプリで手軽に定形プロンプト - エムスリーテックブログ
この記事はエムスリーAdvent Calendar 2023の23日目の記事です。 エンジニアの星川 (id:oboenikui) です。 突然ですが、弊社では毎日ダジャレが飛び交っています。 より良い仕事を目指しています #エンジニア採用川柳 pic.twitter.com/x5hik0KQOA— エムスリー エンジニア公式 (@m3_engineering) 2022年9月7日 ダジャレが飛び交うことの良し悪しはさておき、こんな会社の中なら思わず唸ってしまうような上手いダジャレを日常的に投稿できれば、社内で尊敬の眼差しを向けられること間違いなしです。 そこで今回は、「ChatGPTに上手いダジャレを作らせて、チャットに即座に投稿できる機能」を作っていきたいと思います。 ChatGPTにダジャレを作らせる iOS, macOSのショートカットアプリ Cherriを使ってショートカットを実
HTMLのチェックボックス（<input type="checkbox">）やラジオボタン（<input type="radio">）をCSSで装飾したいというのはよく聞く話です。2024年現在は、HTMLの記述は簡単なまま、CSSで自由度の高い装飾も実現できるようになっています。 結論 従来の手法 appearanceプロパティを使う手法 外枠の配置 未チェックとチェック済みの切り替え 強制カラーモードへの対応 透明なボーダーやアウトライン 内向きの影や背景グラデーション 画像やテキスト ブラウザ組み込みの外観 状態に応じたスタイルの指定 参考文献 結論 単に色調を整えられればよいという場合は、accent-colorプロパティを使います。 input[type="checkbox"], input[type="radio"] { accent-color: #d31; } くだもの や
この記事では、Webデザインやグラフィックデザインの制作スピードが爆速になる、便利な最新オンラインツールをまとめています。 うまくツールやサービスを利用することで、時間や労力の必要な作業もラクラクこなし、よりプロジェクトを円滑にすすめることができるでしょう。気に入ったツールを制作ワークフローに取り入れ、さらなる制作スピードアップを目指しましょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次デザインツールWeb便利ツールFigma・モックアップツールユニーク・面白ツール デザインツール KRESKA.art – Drawing and Painting あらゆるブラウザ上で動作する無料のお絵描き＆ペイントツールで、シンプルで使いやすいインターフェースと、超リアルな書き心地や豊富なブラシコレクションが特長。 Public Work by Cosmos
本記事では、放物形偏微分方程式の数値解法について、分かりやすい具体例とともに掘り下げていきます。Pythonを活用したアプローチ方法を学びます。 本記事を通して偏微分方程式の数値解法の1つを会得しましょう！ 注） 差分法の一部の話だけにとどめています。誤差や境界条件などの詳細な議論は冗長化を避けるためにご紹介していません。 偏微分方程式の数値解法とは 偏微分方程式の数値解法は、偏微分方程式（PDE: Partial Differential Equations）の解を近似的に求めるための手法のことを指します。これらの方程式は、多くの場合、解析的な解が見つけられないため、数値的な手法が必要となります。以下に、主な数値解法をいくつか紹介します。 有限差分法（Finite Difference Method）: 空間や時間を離散的なグリッドに分割し、微分を差分に置き換えることにより近似します。こ
株式会社アンドパッドでUIデザイナーをしている、よつくらです。 2024年の7月、おそらく3年ぶりにアンドパッドで運用しているデザインシステムの、網羅的なカラーパレットを作成しなおしました。今回、カラーパレットのコントラスト比を揃えるのにOKLCHカラースペースが便利だったので紹介します。 網羅的なカラーパレットのコントラスト比を揃える前回カラーパレットを作成したとき、1段階目の網羅的なカラーパレットと、2段階目の意味を持ったカラーパレットを作成しました。そのときの学びは下記のnoteにまとまっています。 1段階目の網羅的なカラーパレットについて、色相の異なる色同士で同じコントラスト比を保っておいた方が、UIコンポーネントを作成するときに便利です。 毎回コントラスト比の計算で悩むのは嫌だ例えば上の図のように、いろいろな色で使えるタグコンポーネントを設計するときのことを考えてみましょう。 こ
Claude3.5の新機能！Artifacts：Claudeとの新しい対話方法 – 完全ガイド - Sun wood AI labs.2
はじめに みなさん、こんにちは！今日は、AI技術の世界に革命を起こす新機能「Artifacts（アーティファクツ）」について、わかりやすくお話ししていきます。Claudeという人工知能と、より効果的に協力して作業ができるようになる、とてもワクワクする機能なんです。 Artifactsとは何か？ 簡単な説明 Artifactsは、Claude.aiで導入された新機能です。ユーザーがClaudeに何かを作ってもらう時、その成果物を会話とは別の専用ウィンドウで見ることができます。つまり、会話しながら同時に作品を見て編集できる、そんな魔法のようなツールなんです。 Artifactsの主な特徴 リアルタイムの表示: Claudeが作った内容をすぐに見ることができます。 編集可能: 表示された内容を自由に編集できます。 作業の継続性: 一度作ったものを基に、さらに改良を加えていけます。 Artifac
【 メン募 】複数人で寄稿する「同人誌ブログ」を作ってみたらイイ感じに盛り上がってきた - カラーひよこのブログ
１つのブログに複数人のメンバーが記事を投稿できる機能を使って「同人誌」っぽいブログを作ってみた。 最初は「note」でやってみようとしていたのだが、どうも思っていたのとは違ったようで、結局は慣れているはてなブログの「ブログメンバー機能」を使って開設。 これが予想外に協力者を得ることができて、現在の寄稿メンバーさんは発起人の３人プラス 20 人の 23 名になった。 これで５つ目のブログになる訳であるが、正直、最近はブログというものに煮詰まっていて（誤用だっけ？）、打開策ではないけれど、互いの創作物を寄せ合う「同人誌」のようなブログを始めたらモチベーションが上がって面白いんじゃね？と閃いたんよね。 とりあえずはと、Twitter の FF さんと、はてなブログ周りの人たちに打診してみたら、今のところ殆どの方が参加してくれて。 やはり寄稿メンバー参加の承諾は、はてなブロガーの人たちが話が早かっ
MEATGAZER @trappybunny トイレで下着をおろした瞬間に脳味噌がふたつの事象を繋げてしまったんだけど、電子インクで作られたプログラマブルな服に全裸画像を表示して外を歩いた場合はわいせつ物陳列罪になって、全裸で外を歩く公然わいせつよりも罪が重くなる可能性があるのではないか？ 2023-09-24 17:28:09 Massimo @Rainmaker1973 This color changing e-ink dress was presented at the Uniglobe Kisco’s Booth at Display Week 2017: it utilizes an extremely flexible E-ink Prism film that can change colors and patterns instantly [source and full
2024年のトレンドカラーは癒やしのカラー！ やさしさに満ち溢れた桃色「ピーチファズ（Peach Fuzz）」、HTMLのコードは「#FFBE98」
2024年のトレンドカラーがPantoneから発表されました。 トレンドカラーは心と体を豊かにするビロードのようなやさしい桃色「ピーチファズ（Peach Fuzz）」、人に寄り添う親切な雰囲気を作り出します。 桃の産毛や...記事の続きを読む
ディメンショナルモデリングに入門しよう！Snowflakeとdbt Cloudで「Building a Kimball dimensional model with dbt」をやってみた | DevelopersIO
ディメンショナルモデリングに入門しよう！Snowflakeとdbt Cloudで「Building a Kimball dimensional model with dbt」をやってみた さがらです。 ここ２年ほどの間にdbtが日本でも急速に拡大し、様々な情報が日本語の記事でも見かけられるようになってきました。 dbtを採用してある程度活用を進めていくと、「より効率よくガバナンスを持ってデータを管理するにはどうすればいいんだろうか」といったデータの管理方法に悩む場面が出てくると思います。 そんなときに色々調べていくと、データを効率よく管理する手法として「データモデリング」が必要だとわかり、ディメンショナルモデリングやData Vaultなどの手法に行き着くのではないでしょうか。 そしてこれらのデータモデリングの手法の内、ディメンショナルモデリングについてdbtを用いて実践された記事がありま
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TypeScript v4.9からv5.5で追加された機能のおさらい - STORES Product Blog
メジャーバージョンとしては20年ぶり端末多重接続ソフトの「GNU Screen v5.0.0」
【 ブログ閉じます 】7 年間ありがとうございました【 お気持ち表明 】 - カラーひよこのブログ
Vision-Language Modelsを使った商品のトップ画像選定 - DROBEプロダクト開発ブログ
シンタックスハイライトをライブラリなしで簡単に！Custom Highlight APIの魅力 - コハム
WIND PRINCESS - SHORT FILM (NAUSICAÄ TRIBUTE)
HTML&CSSとピュアなJavaScriptだけでパズルゲームを作る方法
Emacs Config From Scratch, Part 1: Foundations
「JS体操」のすゝめ 〜その①〜 - KAYAC engineers' blog
OpenAI APIの新機能をNode.jsから使ってみる | DevelopersIO
We need visual programming. No, not like that.
iframe を使って安全にブラウザ拡張機能を実装する - mizdra
zeno.zsh を活用して Node.js パッケージマネージャの違いを吸収する - エムスリーテックブログ
RubyKaigiで紹介されたクリエイティブコーディングを試してみた - Findy Tech Blog
よりカスタマイズ可能なセレクトボックスを実現する `selectlist` 要素
ベイズ最適化（実験点提案）アプリをStreamlitで構築するぜ！ - Qiita
Rust と Wasm で極限まで PNG ファイルを圧縮した話
使うだけで時短になるWeb、デザイン制作の新ツール・フリー素材50選
Bing ChatのWeb検索とDALL-E3の画像生成を組み合わせて自動化する｜まゆひら
CSSでチェックボックスやラジオボタンをカスタマイズする 2024年版: Days on the Moon
もっと早く知りたかった！Web制作に便利な最新オンラインツール50個まとめ
【コード付き】放物形の偏微分方程式の数値解法【Python】 - LabCode
カラーパレットのコントラスト比を揃えるのにOKLCHカラースペースが便利だった｜よつくら
電子ペーパーで絵柄を変えられる服が開発されてる→もし全裸の画像を表示して外歩いたらリアル全裸より罪が重くなるかも？