はじめに 前回の記事で、lobster.jsというMarkdownだけでWebページが作れるパーサーを紹介しました。 lobster.jsは1つのMarkdownから1枚のWebページを生成します。しかし実際にドキュメントサイトやWikiを作ろうとすると、複数ページのナビゲーション・共通ヘッダー/フッター・目次といった仕組みが必要になります。 これをMarkdownと最小限の設定だけで実現するのが lobster-wiki です。 lobster-wiki とは lobster-wikiは、lobster.jsの拡張スクリプトです。MarkdownファイルのフォルダをWiki風の複数ページサイトに変換します。 サイドバーナビゲーション ページ間のSPAルーティング（ブラウザの戻る/進むも対応） ページ内の見出しから目次を自動生成 共通のヘッダー/フッター これらの機能を、HTMLは1ファイ

はじめに 「Tier表」をブラウザだけで作って、URLで共有できるWebアプリを作りました。 主な特徴: ドラッグ&ドロップでTier表を作成 作ったTier表をURLに圧縮して共有（DBやストレージ不要） OGP画像を動的生成（SNSにURLを貼るとプレビュー画像が表示される） Cloudflare Workers上で動作 技術スタックは Next.js 16 (App Router) + React 19 + Tailwind CSS v4 で、デプロイ先は Cloudflare Workers です。 サンプルのTier表は以下のような感じです！！ この記事では、実装で工夫した点やCloudflare Workers特有のハマりどころについて紹介します。 アーキテクチャ カテゴリ 技術

Open Hardware DirectoryFind Devices Flashable with Your Own Firmware.Build your own ideas using ready-made boards — no electrical engineering degree required. Flash your firmware, customise the hardware, and make it do exactly what you want.

Googleスプレッドシートで作成したデータ、表 を皆に見てもらいたい！ でも、Googleのアカウント名やメールアドレスが知られちゃうのは困る・・・。 今回はこんな悩みを解決する「ウェブに公開」という機能について紹介します。 「公開」と「共有」だと、公開の方が より色々なものが見られちゃうイメージですが、実はそんなことはありません。 身バレ防止に有効で、色々便利に使える「公開」を使いこなして Googleドライブの公開名人を目指しましょう！ 先週は AIネタ「GmailやGoogleスプレッドシートにGeminiが無料でやってきた！【Workspace Labsについて】」というnoteを書きました。 閲覧数・スキ数 爆上げの人気記事です！ 祝！週間 3万ビュー越え 「リンク共有」と「ウェブに公開」は違う機能ややこしいですが、共有設定で「リンクを知っている全員」とすること（通称「リンク共

格闘ゲームの紅白戦・対抗戦向け配信管理ツール。OBSオーバーレイと管理画面でスムーズな配信をサポートします。

CSSの新機能を早く使ってみたいと思うかもしれませんが、その前に古いCSSのメンテナンスをしなくてはと思っている人にお勧めの無料ツールを紹介します。 CSSをコピペするだけで、現在では必要のない古いCSSのハックを検出し、W3Cの仕様に準拠したCSSを提案してくれます。 ReliCSS ReliCSSは、古いブラウザ固有のCSSハックを識別し、デベロッパーが現在の仕様に準拠したCSSに置き換えることができるように設計されたCSSハックの検出ツールです。 このツールの目的は、クリーンでメンテナンス性の高いCSSを記述できるよう支援したいと考えたもので、古いCSSとモダンCSSとの間のギャップを埋めることを目指しています。

サポート JLCPCBは、世界中のハードウェア開発者を支援するワンストップの電子・機械製造ソリューションを提供します。

買い切りで生涯使えるクラウドストレージ｢pCloud｣、コスパは良いけどちゃんと使えるの？2025.11.17 11:00Sponsored by pCloud International AG 小暮ひさのり 今の本命、コレだと思います。 クラウドストレージって今やものすごく身近な存在ですよね。でも、それらって｢月額課金｣でお付き合いしましょうってスタイルが一般的。 このクラウドの常識を覆す存在があるのを知っていました？ それが｢pCloud（ピークラウド）｣。月額課金のサブスクの他に、買い切り型で永続的に使えるプランを提供しているんです。 たとえば500GBプランが299ドル（およそ4万5000円）、2TBでも599ドル（およそ9万1000円）を一度払えばずっと僕らのもの。そう、｢ずっと｣です。 正確な権利の期間は99年もしくはアカウント所有者が死ぬまで。まぁこれって生涯使えるオンライン

はじめに 優れたOSSのオンラインドキュメントは、大抵内容も素晴らしいのですがUXも素晴らしいと感じることが多いです。 あの洗練されたUIをもつWebサイトはほとんどの場合、技術文書作成向けの静的サイトジェネレータが使用されています。 この記事では独断と偏見でおすすめの技術文書の作成に利用可能な静的サイトジェネレータを5つ紹介します。 1. Docusaurus 公式ドキュメント: https://docusaurus.io/ DocusaurusはMeta社のチームが開発しているReactベースの静的サイトジェネレータです。 Docusaurusのメリット 豊富な機能 高いカスタマイズ製 スタイルの変更などが比較的容易 Docusaurusのデメリット 高機能すぎるゆえにVitePressやVuePressよりかは若干パフォーマンスが悪い あくまでVitePressなどと比較しての話で気

pCloud、いろいろ遊んでみましたが、かなりいいですね。 同期と非同期の切り分けがはっきりしてて、思うように動いてくれるので、全然ストレスがないです。 同期も比較的サクサク動くので、メインPCのドキュメントフォルダをバックアップ指定して同期して、出張ではサブPCでpCloud上のものを編集する、なんて使い方もありですね。使い勝手の点では100点だと思いました。

PCやスマートフォンを使っていて、日々増え続ける写真や動画などの保管先に頭を悩ませているユーザーは少なくない。外付けHDDやNASといった製品はこうした課題の解決策として筆頭に挙がる候補だが、容量で優れている一方で故障や破損のような運用面や、盗難や紛失といったトラブルに対しては弱い。 そして近年はクラウドサービスにデータをアップロードして保管するという選択肢も珍しいものではなくなった。しかし、その多くがサブスクリプションで提供されているため、利用におけるランニングコストがネックとなる。さらに容量に応じてコストが跳ね上がる上に、ネットワークでデータをやりとりするため、セキュリティ面が気になるという人も多いだろう。 もっとも、最近はこうした問題を解決した、新世代のオンラインストレージが登場しつつある。今回はその1つであり、日本への進出にも積極的なスイス製のオンラインストレージサービス「pClo

はじめに 知っておくと仕事が捗るブラウザ上で動く超便利なツールを17個集めました。 Squoosh Googleが開発した画像変換・圧縮用のWebサービス。 プレビュー画面で変換前後の画質をリアルタイムで確認しながら圧縮設定を調整することができる。 Documatic Documaticは、プロジェクトドキュメントの開発プロセスを削減するためのツール。API リファレンスからユーザー ガイドまで、コード ベースを簡単に文書化できる柔軟なテンプレートとユーザーフレンドリーな編集ツールを提供する。 transform jsonからyamlの形式に変換したい等、あらゆるデータ形式から別の形式に変換するサービス。 jsonからyml、htmxからjsxへの変形、jsonやGraphQLのIDLからTypeScriptのinterfaceまでも、ブラウザ上で生成することができる。 Roadmap.s

これは何ふと思い立って、再生してる音楽の情報をWebSocketで取得できる音楽プレイヤーを作ってみました。開発についていろいろ書き綴ってみます。 TL;DR a.k.a. 今北産業 ↑をインストールして起動する ↑のページに書いてあるExampleコードを参考に配信レイアウトを組む 曲を再生する 何を思ったか昨年運営・開催したRTAイベント"Puzzle Game RTA Festival 4"にて、「セットアップ画面でかかっている曲、何だろう」というコメントが散見されました。配信レイアウトとして機能要件として今回は含めなくてよかったものの、後から「やっぱ欲しいよなあ」と思ったのでした。 しかしながらこの機能、いま私が知る範囲では結構実現するのが（少なくともローカルの楽曲をという観点では）困難ということが分かっていました。なので、「曲を再生しながら配信レイアウトにその情報を乗っける」とい