はじめに さくらのクラウドで、コンテナ実行環境「AppRun β版」がリリースされました。 ・さくらのクラウド AppRun https://cloud.sakura.ad.jp/lp/apprun/ アーキテクチャや仕様、FAQは、以下のマニュアルが詳しいです。 ・さくらのクラウド マニュアル AppRun 技術概要 https://manual.sakura.ad.jp/cloud/apprun/glossary.html ・さくらのクラウド マニュアル AppRun サポート https://manual.sakura.ad.jp/cloud/apprun/faq.html トライアルでは、一部制限付きではありますが、全機能が無料で用できるとのことで、試してみました。 僕が触ったことがあるクラウドのコンテナ実行環境としては、AWS ECS on Fargateぐらいですが、それとの違
年末年始に読んだ 「TypeScript と React/Next.js でつくる実践 Web アプリケーション」 の読書感想文を先月記事にしました。（多くの方に読んでいただき、非常にありがたい経験ができました。） この中で惜しかったところとして、書籍内のサンプルアプリケーションが Page Router で実装されていた点をあげました。これは自身のモチベーションに App Router を学びたいことがあったためです。（書籍では丁寧にサンプルアプリケーションの実装手順が記載されていました。） こちらの記事では書籍内のサンプルアプリケーションを参考に App Router で実際に実装してみての個人的なポイントや所感を書いていこうと思います。大まかにはディレクトリ構成・レンダリングモデル（Static Rendering, Dynamic Rendering, Partial Preren
バグバウンティにおけるJavaScriptファイルの監視ツールの事例 - blog of morioka12
1. 始めに こんにちは、morioka12 です。 本稿では、バグバウンティの脆弱性調査で使われている JavaScript ファイルの監視ツールについて少し紹介します。 1. 始めに 免責事項 2. バグバウンティにおける JavaScript ファイルの監視 3. JavaScript ファイルの監視ツール JSWatch DiffScript URL Tracker JSMon jsmon.sh BLACKBIRD 4. その他 Monitoring JS files to know first about new features feat. Testing JavaScript files for bug bounty hunters Blog「バグバウンティ入門(始め方)」 Blog「バグバウンティにおける JavaScript の静的解析と動的解析まとめ」 5. 終わりに
ガザ再建に10─15年、「何も残っていない」＝米政権中東特使
トランプ米大統領のウィトコフ中東担当特使は３０日、パレスチナ自治区ガザには「ほとんど何も残っておらず」、再建には１０─１５年かかる可能性があるとの見方を示した。写真は２４日、ガザ地区南部のハンユニスで撮影（２０２５年 ロイター/Mohammed Salem） ［３０日 ロイター］ - トランプ米大統領のウィトコフ中東担当特使は３０日、パレスチナ自治区ガザには「ほとんど何も残っておらず」、再建には１０─１５年かかる可能性があるとの見方を示した。ニュースサイトのアクシオスが、同地の訪問を終えたウィトコフ氏の発言として報じた。
Rails: Hotwire Nativeでネイティブモバイルアプリを作ろう: iOS編パート1（翻訳）｜TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Hotwire Native iOS Part 1 | William Kennedy 原文公開日: 2025/01/31 原著者: William Kennedy 日本語タイトルは内容に即したものにしました。 従来Turbo NativeとStradaと呼ばれていたものは、現在はHotwire Nativeに統合されました。 参考: Hotwire Native: Hotwire Native is a web-first framework for building native mobile apps. 私のブログ記事で人気があるシリーズは、Turbo Nativeの導入と実行に関するものでした。私は、純粋にビジネスの観点からこのライブラリを熱烈に愛しています。専任のネイティブアプリチームを招集せずに済み、モバイルプラットフ
どうもお疲れ様です。MESIです。 私は2017年にブログを書き始めたのをきっかけにインターネットに文章を公開するようになりました。 Zennでの投稿数は本記事執筆時点で22記事ですが、これまでブログ等に投稿してきた量は合計200本を超えています。 8年で200本という投稿頻度は決して高くありませんが、これだけの記事を書き続ける中で、読まれる記事とそうでない記事の違いを体感で理解するようになりました。 本記事では私がこれまで記事を書いてきて実践で学んだ読まれる記事の書き方について紹介します。 Zennでの投稿なので技術記事に焦点を当てますが、一般的なブログ記事にも応用できると思います。 【秘訣1】記事のタイトルに命をかける プログラミングにおいて変数名が重要であるように、記事においてはタイトルが極めて重要です。 どんなに素晴らしい記事を書いてもタイトルが駄目だと台無しになります。 タイトル
iPhoneの「キャンセル」ボタンは、なぜ“左側”だったのか。Mac、iPad、Androidも「左」。しかしWindowsでは「右」 が多い。使い心地に密接する、インターフェイスの“統一感”
※この記事は『Mac Fan 2020年4月号』に掲載されたものです。 ※2025年現在における最新のiOS、iPadOS、macOSとは表示形式が異なります。 Appleデバイスのインターフェイスでは、アラートダイアログのボタンが［キャンセル］［OK］と並ぶ。［キャンセル］ボタンは左側だ。昔のMacやWindows PCとは逆になっている。 なぜ［キャンセル］ボタンは左側にあるのか。これが今回の疑問だ。 「キャンセル」は左。Appleが定めたインターフェイスのガイドライン たとえば、iPhoneでアプリを削除しようとするとアラートダイアログが現れる。［削除しますか？］と聞かれ、その下に［キャンセル］［削除］というボタンが並ぶ。このとき、［キャンセル］が左で、［削除］が右であることに違和感を感じたはないだろうか。 iPhoneでアプリ削除をする際のアラートダイアログ。［キャンセル］が左で［
はじめに LLMの躍進はすさまじく、年初からGemini 2.0、DeepSeek R1、Mistral Small 3、OpenAI o3-miniなど、新しくて強力なモデルが次々と登場しています。今年も非常にエキサイティングな年になりそうです。 そんな2025年ですが、単なるLLMだけでなく「AIエージェントの年になる！」とも言われています。先日も、GoogleによるGemini 1.5をベースにしたDeepResearchと同名の、OpenAIによるo3ベースのDeepResearchが発表され、大きな注目を集めました。 現在、個人的にAriaというAIエージェントフロントエンドを作っているので、今回はDeepResearch風のアプリケーションを自作して、その感触を掴んでみたいと思います。 ちなみに、今回作成した機能のデモはこちらです。 AIエージェントとは？ エージェントに関して
[Browser Use] 触ってみた結果と感想
# 必要なライブラリをインポート from langchain_openai import ChatOpenAI # OpenAIのチャットモデルを利用するためのライブラリ from browser_use import Agent # エージェント機能を提供するライブラリ import asyncio # 非同期処理を使うためのライブラリ # 非同期関数mainを定義 async def main(): # Agentのインスタンスを作成 agent = Agent( task="Zennで小倉さんというユーザーの最新記事を教えて", # エージェントに対するタスク（質問） llm=ChatOpenAI(model="gpt-4o", api_key="xxxxxxxxxxxxxx"), # GPT-4oモデルを使う（APIキーは仮の値） ) # エージェントにタスクを実行させ、その結果
![[Browser Use] 触ってみた結果と感想](https://cdn-ak-scissors.b.st-hatena.com/image/square/2d460bdf240183e5fab90b48c628ebae17ad0140/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--41ff8_pi--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BBrowser%252520Use%25255D%252520%2525E8%2525A7%2525A6%2525E3%252581%2525A3%2525E3%252581%2525A6%2525E3%252581%2525BF%2525E3%252581%25259F%2525E7%2525B5%252590%2525E6%25259E%25259C%2525E3%252581%2525A8%2525E6%252584%25259F%2525E6%252583%2525B3%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E5%2525B0%25258F%2525E5%252580%252589%2525E3%252581%252582%2525E3%252582%252593%252520%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2FhZTc3ZDA0MzcuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
Announcing Interop 2025
Exciting news for web developers, designers, and browser enthusiasts alike — Interop 2025 is here, continuing the mission of improving cross-browser interoperability. For the fourth year in a row, we are pleased to collaborate with Bocoup, Igalia, Google, Microsoft, and Mozilla to smooth out inconsistencies between browsers. The result? A more reliable, user-friendly web experience for everyone. T
25 min read6 CSS Snippets Every Front-End Developer Should Know In 2025 2025; I think every front-end developer should know how to enable page transitions, transition a <dialog>, popover, and <details>, animate light n' dark gradient text, type safe their CSS system, and add springy easing to animation. AI is not going to give you this CSS. This post is a theme continuation; checkout previous year
The Go Blog Extensible Wasm Applications with Go Cherry Mui 13 February 2025 Go 1.24 enhances its WebAssembly (Wasm) capabilities with the addition of the go:wasmexport directive and the ability to build a reactor for WebAssembly System Interface (WASI). These features enable Go developers to export Go functions to Wasm, facilitating better integration with Wasm hosts and expanding the possibiliti
以前自分が作った ライブラリをこちらで紹介したのですが、使い所がわかりづらいかもと思いまして、TODOアプリのサンプルを作りました。 このサンプルは以下の技術を組み合わせ、簡易的な TODO リストアプリを構築する例です： gas-db（Google スプレッドシートをデータベースのように扱うためのライブラリ） Google Apps Script のウェブアプリ機能 Apps Script から返される HTML（クライアントサイド JS） GitHub Pages などの外部ホスティングは不要で、すべてを GAS 上で提供します。 また、こちらで紹介したコードはリポジトリ内でも載せていますので 完全なコードが気になる方は こちら をご覧ください。 ↓↓↓ サンプルコード ↓↓↓ 動作するアプリ （デプロイしたらURL変わるから動かなくなるかも） ↓↓ スプレッドシート（誰でも編集できま
o3-miniが出たので少しだけ検証してみた
2024年2月1日にOpenAIからo3-miniが正式リリースされましたね。 OpenAI o3-miniは「数学・コーディング・物理シミュレーションに特化してるモデル」になっているようです。 細かい基本情報は既に沢山記事がでているので、この記事では、いくつかのタスクでo3-miniと他のモデル(gpt-4o, o1, claude-sonnet)でアウトプットの精度をざっくりですが比較してみました。 1.プレゼンテーション資料の生成 Reveal.jsを使ったhtmlベースのプレゼン資料ドキュメントコードを生成させて見ました。 利用したプロンプトは以下の通りです。 インプットにはo3-miniの公式リリースサイトの情報（下記リンク）を使いました。 インプットを元に以下の#デザインポイントを満たす魅力的な日本語のHTMLプレゼン資料を作成してください。 #インプット --- ｛ここに記事
CSS（Cascading Style Sheets）で論文を組んで投稿したいと、ずっと以前から思ってきた方はいるでしょう、筆者もその一人です。また、Markdownで論文を書きたいという声もよく耳にします。 Vivliostyle（ビブリオスタイル）はCSS組版を実現するオープンソースのライブラリ／アプリケーション群です。VivliostyleはMarkdownで書いた原稿を入力にできます。MarkdownをVivliostyle用に拡張したものをVFM（Vivliostyle Flavored Markdown）といいます。 では、論文をVFMで書いてCSSで組んで出力したPDFを学会に投稿…できるでしょうか？「あんなレイアウトは、こんな配置はできるのか？」、「CSSでどこまでできるの？」気になりますよね。 この記事では、論文でよく見られるレイアウトをCSSで実現する方法を、2回
Prettier 3.5: New objectWrap option, experimentalOperatorPosition option and TS config file support! · Prettier
This release includes a lot of bug fixes and the following new features: Support for the new objectWrap option Support for the new experimental experimentalOperatorPosition option Support for TypeScript configuration file See each section for details. If you appreciate Prettier and would like to support our work, please consider sponsoring us directly via our OpenCollective or by sponsoring the pr
はじめに MCPの登場人物 トランスポートの違い Function Callingとの違い TypeScriptで実装 環境 stdioトランスポート サーバー 1. サーバーの初期化 2. サーバーの振る舞いを定義 3. トランスポートの初期化と接続 クライアント 1. クライアントの初期化 2. トランスポートの初期化と接続 3. サーバーと接続 4. LLMと接続 実行結果 SSEトランスポート サーバー クライアント 実行 さいごに はじめに こんにちは、ジパンクでソフトウェアエンジニアをしている村崎です。 MCP、活用していますか？ Model Context Protocol (MCP)とは、Anthropicが公開した「LLMと外部リソース（ツールやファイルなど）をつなぐ標準プロトコル」です。LLMが外部の情報を用いたり、外部のAPIやコマンドを実行したりするための枠組みが定
TypeScript’s satisfies operator lets us check the type of a value (mostly) without influencing it. In this blog post, we examine how exactly it works and where it’s useful. Notation used in this blog post # For showing computed and inferred types in source code, I use the npm package asserttt – e.g.: // Types of values assertType<string>('abc'); assertType<number>(123); // Equality of types type
フロントエンドの開発は変化が速い分、キャッチアップも大変です。しかしながら、JavaScript/TypeScriptを使ったコンポーネント志向のUIライブラリで開発をするというトレンドは大きく変わりません。本連載では、フロントエンド開発に興味があるバックエンドエンジニアの方向けに、フロントエンド開発の考え方を解説します。フロントエンド開発を少しでも学ぶことで、フロントエンドエンジニアやデザイナーの方とのコミュニケーションが円滑になれば幸いです。 はじめに BASE株式会社でシニアエンジニアを務めているプログラミングをするパンダ（@Panda_Program）と申します。本連載はバックエンドの開発者向けに特化したフロントエンド入門です。 対象読者 本連載の対象読者はオブジェクト指向プログラミングの基礎を理解しており、フロントエンド開発に興味があるバックエンドエンジニアの方です。バックエンド
モチベーション three.jsをサクッと書き始める最小構成を作る方法をまとめました。 もちろん他の方法も色々あると思いますが、この方法は1分でできて、そこそこニーズを満たせて、自由に拡張しやすいです。 ゴールは「Sceneを作ってBoxを置いて簡単なライトで照らすぐらいまで」とします。 ゴールのイメージ ️ ☘️ こんな人にオススメ とりあえずさっさとthree.jsを書き始めたい メンテされてなさそうなあんまりよく分からないテンプレートは使いたくない ホットリロードとかほしい Textureなどをロードするのにdevサーバーは必要 Next.jsなどは若干やりすぎで、SSRやキャッシュ周りでいらない穴にハマりやすい TypeScriptのサポートはほしい おまけ: Reactで書きたい Reactを使う場合と、素のJSの場合を用意しました。 実装 React版 純粋SPAなReact
Three.jsで3DCGを作ろう！〜動く宇宙空間を生み出す〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
新卒ブログとは？ 2024年4月に新卒入社したLIGメンバーが、日々の学びや気づきを綴るブログです。彼らがふだんどんなことを学んでいるのか、気軽にのぞいてみてください。 こんにちは、新米エンジニアのにっしーです。 Webサイトでの表現の幅を広げたいと思い、Webブラウザ上で3DCGを制作することができるJavaScriptのライブラリ「Three.js」を勉強しています。 この連載では、Three.jsを使った制作物を紹介していきますので、同じようにThree.jsの勉強をされているみなさんの参考になれば幸いです！ 今回は主にテクスチャの勉強として、惑星とその周りにパーティクルを散らせた宇宙空間的なものを作りました！ ちなみに前回は、テキストジオメトリとボックスジオメトリを活用して自分の名前をデコデコにしました。まだの方はこちらもぜひご覧ください！
Roadmap 2025 and Biome 2.0
Today we’re happy to share our plans for Biome 2.0 as well as the rest of our roadmap for 2025. But before we dive into what’s coming, let’s do a quick recap of the major developments in 2024. 2024 was a great year for Biome. Let’s see what happened: We released 4 new “minor” Biome versions, from 1.6 through 1.9, with plenty of useful features: New biome search and biome explain commands, while th
Rails: モデルのdivタグをTurbo StreamとStimulusで動的に差し替える（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Recipe: Swapping out a model div with Turbo Streams and Stimulus | justin․searls․co 原文公開日: 2024/07/12 原著者: Justin Searls -- Test Doubleの共同創業者です 日本語タイトルは内容に即したものにしました。 RailsとHotwireの組合せは、動的な振る舞い（例: ユーザー操作へのレスポンスをHTMLとしてネットワーク経由で送信することでDOMを置き換える）について実に優れていますが、その処理内では半ダースものファイルを操作する必要があるため、、全体の印象として面倒に感じられます。 そもそもRails自身が常にそうなっています（1つ機能を足すためにルーティング/モデル/コントローラ/ビューなどの更新が必
Visualizing all books of the world in ISBN-Space - phiresky's blog
Visualizing all books of the world in ISBN-SpaceJan 31, 2025Libraries have been trying to collect humanity’s knowledge almost since the invention of writing. In the digital age, it might actually be possible to create a comprehensive collection of all human writing that meets certain criteria. That’s what shadow libraries do - collect and share as many books as possible. One shadow library, Anna’s
Webフレームワーク Honoとは？ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Honoとは？ 超高速・軽量なマルチランタイムWebフレームワークの魅力 近年話題のHonoは、Cloudflare Workersをはじめとするエッジ環境やNode.js、Deno、Bunといった主要JavaScriptランタイムで動作する、超高速かつ軽量なWebフレームワークです。以下、その主要な特徴と実用性を簡潔にご紹介いたします。 主な特徴 高速なルーティング: Honoは独自の正規表現ベースのルータ（RegExpRouter）を採用し、Cloudflare Workersなどのエッジ環境においてトップクラスのリクエスト処理性能
API作成｜Next.jsユーザーに送るHono超入門
Background My 9 y.o. son has Type 1 diabetes, which basically means his pancreas is on manual (hard) mode 24x7. A healthy pancreas not only produces insulin, which helps convert glucose in the bloodstream into energy - it also produces glucagon, which tells the liver to release glucose into the bloodstream when blood sugar levels are too low. A person with T1D has to manage without either of these
Developing a multiplayer third-person shooter game as a solo developer is a journey filled with challenges and rewards. I embarked on this adventure to create Wizard Masters, a web-based multiplayer game where players battle as mages wielding elemental spells. Built using Clojure, a Lisp dialect, this project pushed the boundaries of web game development and my own skills as a programmer. Here’s h
はじめに こんにちは、エキスパート/lite 開発の中原です！ ビザスクでは主に Vue.js を使用してフロントエンド開発を行っています。 みなさんは Vue.js がどのように実装されているか意識したことはありますでしょうか？ ライブラリを使う時その裏でどんな処理がされているのか正しく理解していないと、意図した挙動をしてくれなかったり、思わぬところでバグが発生することがあります。 今回は Vue.js のリアクティブ機能を実現する ref() と reactive() に焦点を当て、実際のソースコードを読みながら内部動作を理解していきたいと思います。 ref() まずは ref() のコードを見てみます。 // https://github.com/vuejs/core/blob/v3.5.13/packages/reactivity/src/ref.ts#L59-L61 export
The Prisma query engine, written in Rust, has always been a core part of Prisma ORM. It was developed for the future, but is no longer compatible with Prisma ORM’s current direction. Read on to learn more about our rewrite from Rust to TypeScript. Prisma’s doing what now?! In our recently released ORM Manifesto, we described how Prisma ORM will be managed in the coming months and years. One small
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? とある日常 コードレビューで一度くらい指摘されたことはないでしょうか？ 公式ドキュメントに使い方載っているので、それを参考にして修正してください 公式ドキュメントではそう書いていないはずです 時には、コードに関する質問をしたとき これ読めばわかるよ。はいっ（公式ドキュメントのURI） そんな時、どう思いました？ 僕） 「読めって言われても...」 「読んでも結局何が言いたいか分からない...」 「英語のドキュメント読むのきついなぁ...」 「ChatGPTに使い方全部聞いたれ」 そう思ったことはないでしょうか？ まずドキュメントは読める
RustでWebスクレイピング
概要 Rust(1.84.0)を用いてWebスクレイピングを行うためのライブラリを紹介します。 Rust Headless Chrome scraper Webスクレイピングの流れ Webスクレイピングとは、Webサイトから情報を抽出する技術のことを言います。 ここでは全体の手順を「クロール」、「パース」の2つに分けて考えることにします。 クロール \cdots Webサイトを巡回してHTMLなどを取得する パース \cdots 取得したデータを加工し、欲しい情報を抽出する [1] それぞれ順に説明します。 クロール 巡回したいWebサイトが決まっていて、また、何らかの操作を行う必要がないなら、クロールでRustを使う必要はないです。 curlを使って取得してもよいですし、それで不十分ならreqwestを使ってもよいでしょう。 そうでない場合、実際にWebブラウザを操作する必要があります。
Which rich text editor framework should you choose in 2025? | Liveblocks Blog
Which rich text editor framework should you choose in 2025?Looking to integrate a WYSIWYG editor into your JavaScript app? This comparison dives into the best frameworks available, including Tiptap, Lexical, BlockNote, and Slate. A rich text editor, sometimes referred to as a WYSIWYG (what you see is what you get), is an essential part of many of today’s apps such as Linear, Notion, Google Docs. E
React useを触ってみた
まえがき エンジニアの恒川です。 私は現在Next.js App Routerを用いたアプリケーション開発をしています。Next.js 15からReact 19の使用が始まることを受けて、Reactのuse APIでどんなことができるのか実際に触ってみました。 use import { use } from 'react'; function MessageComponent({ messagePromise }) { const message = use(messagePromise); const theme = use(ThemeContext); // ... useはPromiseまたはContextを渡すとそれらを解決してくれる（値を取り出してくれる）ようなAPIです。 Contextに対する使用はuseContextとほぼ役割が被っていますが、useContextと異なりi
Storybook 8.5 is packed with powerful features to enhance your development workflow. This release makes it easier than ever to build accessible, well-tested UIs. Here’s what’s new: 🦾 Realtime accessibility tests to help build UIs for everybody 🛡️ Project code coverage to measure the completeness of your tests 🎯 Focused tests for faster test feedback ⚛️ React Native Web Vite framework (experimen
http
【無料】車の相場を確認したい方はこちら 「車」と一言で言っても、大きさから車種などが変われば、当然価格もめまぐるしく変化します。 とりわけ中古車となると、全く同じ車種であっても用途や走行距離が違えば車買取は変化し、その相場は生き物のように千差万別です。 そして実は、案外簡単に中古車の相場を知ることができることを多くの方が知らず、手ぶらの状態でプロである査定士との価格交渉に臨んでしまっています。 この記事を最後まで読めば、「愛車の買取相場を知る」という、買取業者と対決する際の心強い「武器」を得ることができるようになりますので、最後まで是非お付き合いください。 車を売る際の注意点については以下をご覧下さい。 【無料】motaの査定はこちらです 車買取相場一覧表 以下をクリックしていただくと記事内の一覧表にジャンプすることができます。 トヨタの買取相場表 ホンダの買取相場表 日産の買取相場表 ス
＊暴言ポストを多数引用しておりますのでご注意ください。 ＊Ave Mujicaをはじめとした作品群、スタッフなどを責める意図は一切ありません。 ＊Ave Mujica7話に関する中国勢の意見を中心にした記事ですが、筆者はAve Mujicaを観ておりません。 ＊ガルクラ勢から見た今回の騒動が本記事の趣旨です。 Ave Mujicaの7話が中国の方で燃えているらしい。元々、バンドリの中でもAve Mujicaとその前作MyGO!!!!!は中国での人気が日本よりも高く、ビリビリでの再生数の高さからもその盛況ぶりがうかがえる。 最初にも書いたけど、筆者はAve Mujicaを観てないし、MyGOもトゲトゲの対バンに行ったぐらいなので、何があいつらの癪に触ったのなんか知る由もなければ知りたくもない。だから今回の記事の本題はそこじゃない。 じゃあ何が本題かというと、もともと溜まってた中国オタクへの不
VueでChrome拡張作ってみた！ こんにちは！皆さん、Vue.jsでChrome拡張を作れるってご存知でしたか？「VueでGoogle拡張ってできるんだ…」と驚かれる方もいるかもしれません。今回は、そんなVue.jsを使ってChrome拡張を作ってみたので、その体験をシェアしたいと思います。 はじめに Chrome拡張は、ブラウザの機能を拡張する便利なツールです。通常、JavaScriptやHTML、CSSを使って作成しますが、Vue.jsを使うとコンポーネントベースで効率的に開発できます。特に、既にVue.jsに慣れている方にとっては、馴染みのある環境で開発が進められるのでおすすめです。 開発環境の準備 まず、Vueプロジェクトを作成します。今回はViteを使ってTypeScript対応のプロジェクトを作成しました。 ```bash npm init vite@latest my-c
Rails: データベース変更をリアルタイム＆低予算でユーザーにブロードキャストする（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Broadcasting real-time database changes on a budget | justin․searls․co 原文公開日: 2024/08/04 原著者: Justin Searls -- Test Doubleの共同創業者です 日本語タイトルは内容に即したものにしました。 私がBeckyの筋トレビジネス用のアプリ（まだリリースしていません）を構築しているときには、アプリをサーバーサイドとクライアントサイドに分けずに動的なフロントエンドらしい振る舞いを得るためにHotwireのTurboとStimulusの組み合せを大いに活用しました（なお、これらはRailsがなくても使えるのですが、率直に言うとそうしている人はほとんど見かけません）。 Hotwireというライブラリスイートが提供する幅広い機能に
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
さくらのクラウドAppRun β版を試してみた
Next.js App Router で実装！フリマっぽいサンプルアプリ
トレンド入りする記事を書く技術！記事を200本投稿してわかった秘訣4選
Gemini 2.0 FlashとRubyでDeepResearchを作ってみた！
6 CSS Snippets Every Front-End Developer Should Know In 2025 · January 19, 2025
Extensible Wasm Applications with Go - The Go Programming Language
Google Apps Script + gas-db + HTML を使った TODO アプリ
VFMで学会論文を書いてVivliostyleで組んで投稿する［前編］ | gihyo.jp
MCPクライアントとサーバーをTypeScriptで実装する - ジパンク Tech Blog
TypeScript: the `satisfies` operator
【バックエンドエンジニアのためのReact入門】オブジェクト指向で"コンポーネント指向"を理解する
1分でミニマルなThree.js環境をつくる（TypeScript + React)
Building a (T1D) smartwatch from scratch
I made a multiplayer shooter game in Lisp
Vue.js のソースコードを読んでみよう（ref/reactive 編） - VISASQ Dev Blog
From Rust to TypeScript: A New Chapter for Prisma ORM
先輩の無慈悲な「ドキュメント読んだらわかる」発言に物申したい - Qiita
Release v8.5.0 · storybookjs/storybook
中国人オタクのやり方が割と我慢の限界に達した件について｜JS2K2X ／
Masayuki Tsuda on X: "水辺で相撲のような取っ組み合いをしているカエルたち。『鳥獣戯画』の作者はきっとこんな場面を見たのでしょう https://t.co/9jS07MIvbG"
Chrome拡張はVue.jsで作るのがおすすめ