GitHub、Markdownファイルに「Mermaid」で図を挿入可能に：Markdownで素早く図を作成、編集できる GitHubは、MarkdownファイルでJavaScriptベースの作図ツール「Mermaid」を使って、インラインで図を作成できるようにした。
GitHub、Markdownファイルに「Mermaid」で図を挿入可能に：Markdownで素早く図を作成、編集できる GitHubは、MarkdownファイルでJavaScriptベースの作図ツール「Mermaid」を使って、インラインで図を作成できるようにした。
Before you dive in We’ve made some big changes both visually and under the hood for this release. If you rely on any third party plugins or themes, we highly encourage you to check for updates before delving into Obsidian 1.0. Settings › Appearance › Check for Updates. Settings › Community plugins › Check for Updates. This update includes significant changes to the look and feel of Obsidian. Some
We are excited to announce the release of the new version of Prettier! We have made the migration to using ECMAScript Modules for all our source code. This change has significantly improved the development experience for the Prettier team. Please rest assured that when using Prettier as a library, you can still use it as CommonJS as well. This update comes with several breaking changes. One notabl
MicrosoftはWindows 11の新機能を一般ユーザーよりもひと足先に利用できるプログラムとして、Windows Insider Programを提供しており、この中で最も実験的な新機能を配信するチャネルが「Canaryチャネル」や「Devチャネル」です。2025年11月21日、MicrosoftはこのCanaryチャネルおよびDevチャネル向けに、メモ帳の新機能として「Markdown形式で表を描画する機能」を提供開始しました。 Notepad update begins rolling out to Windows Insiders | Windows Insider Blog https://blogs.windows.com/windows-insider/2025/11/21/notepad-update-begins-rolling-out-to-windows-ins
はじめに Rustと言語処理系の勉強のため、簡易的なマークダウンパーサーをスクラッチで実装し、生成したWASMをNuxt3+Viteの環境で動かしてみました。 言語処理系の概要 マークダウンパーサを実装する前に、一般的な言語処理系について考えてみます。 コンパイラやインタプリタに代表される処理系の構成は以下のようになっています。 字句解析 テキストを字句の列(トークン)に分解すること 字句解析を行うプログラムを 字句解析器(lexerまたはtokenizer) と呼びます。 構文解析 トークン列を 抽象構文木(abstract syntax treeまたはAST) に変換する。抽象構文木とは、言語の構文を解釈し、データ構造を取り出した(抽象化した)木構造のこと たとえばDOMツリーは、HTMLの構文を解釈(構文解析)し、要素(タグ)を木構造で表現したものです。 How browsers w
はじめに 自分と似たような好み (宗派) の人の参考になればと思い書いています。自分の好みとは... 脱ExcelしたいMarkdownテンプレート目次 - Qiita Notion概要と、無料Markdownエディタとの比較 - Qiita ですが正直なところNotionは使いこなせているわけではなく、日々の打合せやネタ帳をただの *.txt でWindowsのお仕事自端末に保存して過ごす人生でした。 きっかけ Obsidianは最高のマークダウン『メモ』アプリである 最高とは。しかしそういえば自分の *.txt 、書くだけで見返すことができていない... 。 そこで WindowsデスクトップVersionを入れた Obsidian is a powerful knowledge base on top of a local folder of plain text Markdown
こんにちは、サイボウズフロントエンドエキスパートチームの@__sosukesuzukiです。 サイボウズにはCybozu Inside Outという技術ブログがあります。 それとは別に、この度フロントエンドエキスパートチームとしてウェブサイトを開設することにしました。 この記事では、このウェブサイトを開設することになった経緯と目的、使用した技術について説明します。 経緯 フロントエンドエキスパートチームでは、チームでのコミュニケーションの促進を主な目的としてハッカソンを開催することがあります。 (チームでのハッカソンについてはCybozu Inside Out に投稿されている記事をご覧ください) そのようなハッカソンで、フリーテーマの回がありました。 そこで、SakitoさんとBaHoさんとsosukesuzuki(私)のチームでは、フロントエンドエキスパートチームのウェブサイトを作って
最近CopilotやDevinについて調べたり検証していく中で思ったことについて簡単に書き留めておきます。 README.md を起点としたドキュメンテーションを整備したいと思っています。これは人間もAIも共通で参照してもらいたいです。 様々なAIやエディタ向けのドキュメント（カスタム指示）を個別にメンテするのではなく、1つのものをSingle Source of Truth1としたい。 ## AI向けのカスタム指示の仕方について整理 ### GitHub Copilot GitHub Copilot は .github/copilot-instructions.md というファイルに書かれたカスタム指示を読み込んでコード生成してくれます。また、VS Code向けの設定ファイル settings.json に設定を書くと特定のパスに置かれたファイルを読み込ませることができます。 Custo
![特定のAI向けドキュメントを個別に用意したくない | stenyan[.]dev](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3341cd641b3598fd37c1a7d3ab56a616eeca6ec/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fstenyan.dev%2Fog%2F2025%2F04%2F23%2Fai-instructions.png)
書式を覚えて満足してない？ Markdownをフル活用するための13テクニック：覚えるごとにドキュメント作成がレベルアップ TechTargetは2024年12月18日、「『Markdown』を効果的に利用するためのヒントとテクニック」に関する記事を公開した。Markdownの基本を学び、適切なエディタを見つけるのはそれほど難しくない。しかし、ドキュメント作成においてMarkdownを最大限に活用するには、多少の“指針”が必要だ。
プレイドでは、社内の脆弱性診断と外部の会社に依頼する脆弱性診断を組み合わせています。 普段のセキュリティレビューは社内で行いますが、定期的に外部の会社に依頼して脆弱性診断を行なっています。 これら2つの脆弱性診断は、競合するものではないため、2つを組み合わせて行うことがセキュリティをより高めることに繋がっています。 社内の脆弱性診断の流れ実際に社内の脆弱性診断をどのような流れで行なっているかを見ていきます。 大きく分けて次のような流れで行なっています。 依頼ヒアリング脆弱性のチェックフィードバック修正/レビュー再チェック社内では、この一覧の流れをセキュリティレビューと呼んでいます。 開発をしてるチームから依頼が来たら、ヒアリングシートをもとにヒアリングを行います。 ヒアリングでは、そのプロダクトのアーキテクチャ、脆弱性診断のスコープ、どういう問題が起きると一番困るかといった認識合わせを行い
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Footnotes let you reference relevant information without disrupting the flow of what you're trying to say: Here is a simple footnote[^1]. With some additional text after it. [^1]: My reference. You can now use footnote syntax in any Markdown field! Footnotes are displayed as superscript links. Click them to jump to their referenced information, displayed in a new section at the bottom of the docum
概要 Markdown Paperとは何か Markdown Paperの利点 Markdown Paper for CLI について Markdown Paperとは Markdown形式の入力をサポートをしている、ペーパー(ホワイトボード)のようなものです 例えば私はEpheというOSSを使っています 思想はこちらです 利点 機能的な特徴としては下記があり、これがかなり気に入っています レンダリングされるわけではない メモ自体を管理しない 簡易的なTODO管理に向いている レンダリングされるわけではない 例えば # が視覚的にそのまま見えて思考の整理に便利です # が見えていた方が良い派は一定いるのではないかと思っています メモ自体を管理しない Markdown形式のメモツールみたいなのは多数あると思います それは、メモファイルを作成してそこに書いていくみたいな思想だと思います そうで
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
先日、Next.js+microCMS+VercelのJAMStack構成で、自分のブログを作成しました。 ブログ記事のデータは、microCMSからMarkdown形式で入稿するようにしているのですが、記事の中でブログ内の別の記事へのリンクを貼る時に、Next.jsの<Link>を使えたら便利だな、と思いました。 この記事ではそれをどうすれば実現できるのか、あれこれ試行錯誤した経緯を含めてご紹介したいと思います。 まずはMDXを使ってみた まず最初に考えたのはMDXを使う方法でした。MDXとは、簡単に説明するとJSXをそのまま埋め込めるMarkdown記法です。 ↓以下は公式サイトからの例ですが、こんな感じで.mdx拡張子のファイルに記述できます。Markdownの記法で文章を書きつつ、別ファイルからエクスポートされているReactコンポーネントをインポートし、それをそのまま使うこともで
すみません、もうObsidian使ってません…テキストエディタを乗り換えた5つの理由 2022年1月13日投稿 2022年1月16日更新 カテゴリ：Zettelkasten 著者: jMatsuzaki 私の愛しいアップルパイへ ナレッジノートZettelkastenの構築にあたって利用を始めたノートアプリケーション「Obsidian」でしたが、半年ほどで使うのをやめて現在はNeovimへ乗り換えました。 愛すべき読者の方からしばしば「今はObsidianを使っていないのですか？」と聞かれることがあるので、今日はその理由を整理しようと思った次第です。 我が記事を読んでツールを使い始めてくれた方もいるので、Obsidianこそ最強であると謳った責任もあろうと筆を取りました。後日談として使わなくなった理由を明確にしておきます。 Obsidianは優れたツールですし、特別大きな問題があったわけで
この記事を読んでくださっているあなたは、「Obsidianってなんかすごそうだけど、パソコンとかITとか全然分からないし難しそう…」と思っているかもしれません。 大丈夫です！ この記事は、まさにそんなあなたのために書きました。パソコンの難しい知識は一切不要です。ゼロからObsidianを使い始められるように、丁寧に、分かりやすく解説していきます。やや長めの記事ですが、のんびりついてきてください。 【このnoteを書いた人】 Obsidianは元々iPadでお絵描きする用に導入して放置していました。Kindle Highlightsの存在を知り、Obsidianを昨日から導入しています。記憶があるうちにnoteで備忘録としてまとめました。 趣味でAIの勉強をしています。最近はMCPで遊びつつ、基礎数学から独学。現在はイギリスの大学（学部）にいます。普段は作曲や本のことをXやnoteで書いてい
ESLintがJavaScript以外にも対応言語を広げるとの方針を説明。まずはJSON、Markdownへの対応プラグインを開発 JavaScriptコードの構文やスタイルをチェックできる「ESLint」の開発者であるNicholas C. Zakas氏は、ESLintのブログに投稿した記事「What's coming next for ESLint」で、今後ESLintをJavaScriptだけでなく他の言語にも対応させていく方針を説明しました。 We're excited to share our plans for the future of ESLint:https://t.co/4joAwfRqkR — ESLint (@geteslint) July 5, 2024 ESLintはJavaScriptの構文やスタイルなどをチェック ESLintはその名前にあるように、いわゆる
これができる拡張を作った。 TypeScript と HTML と CSS の LSP を動かせるようにしたので、 markdown 内部で補完が走る。 TypeScript に関しては補完だけではなく型診断の結果を表示している。 .md だけではなく .mdx にも対応している。 インストールと設定 インストールした上で .vscode/settings.json に次の設定を書く。 { "markdown-code-features.enable": true, // to enable completion in markdown "[markdown]": { "editor.quickSuggestions": { "comments": true, "strings": true, "other": true } } } 基本的に、markdown-code-features.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Repository はこちら 👉 https://github.com/esaio/esa-mcp-server README に詳しいインストール方法が書いてあります。 dockerやnpxの事前インストールが前提となります。 より気軽にご利用いただけるリモートMCPサーバーも、現在開発中なので楽しみにお待ちください(\( ⁰⊖⁰)/) > esa公式 ローカルMCPサーバの主な機能esa公式 ローカルMCPサーバの主な機能 esa でご利用いただける、具体的な機能を紹介します。 今後も、随時追加を予定しております 🤖 Claude 等の AIアシスタントを通して、チャットベースでこのようなイメージで利用が可能です 🤖💬 > 利用可能な Tool利用可能な Tool > チーム管理チーム管理 アクセス可能なチームの取得 (esa_get_teams) チーム統計情報(メンバー数
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは、座禅いぬです。 最近僕の中でZettelkastenがとてもしっくりきており、どこまでの粒度で情報を小分けするか？や、メモを作成したらそこにどこまで追記する？どこで分岐させる？など、ひたすら文章を書くことが求められる状況にワクワクしっぱなしです。 そして何より読書が楽しくなりました。読んで考える、というだけではなく、情報として分解し、自分の言葉で書き直すという作業を行うようになったので、情報を咀嚼して自分のものにしていく…という作業が自分の中で定着してきている感じ。 ただ、そのままだと賢くない自分にはかみ砕けないので、AIに
Markdownは、シンプルなドキュメント（書籍、記事、マニュアルの要約、ラボの具体的手順の指示書など）を素早く記述したい執筆者のニーズを満たす記法だ。 シンプルなドキュメントを作成する場合、「Microsoft Word」では多機能過ぎることも少なくない。Markdownファイルはシンプルだ。作成後に他の形式に変換することも、最初のブレインストーミングや概要作成を終えた後に、Wordドキュメントにインポートすることもできる。 簡単な執筆、編集作業の例には、ブログ記事の執筆、ソフトウェアドキュメントの作成、授業や技術トレーニングクラスでのメモ書きなどがある。Markdownは習得が容易で、すぐに使い始められる。 Markdownとは 関連記事 諸般の事情からPDF→JPEGに変換したいときの方法4種 Webサイトに載せるサムネイル画像を作成する必要があるなど、PDFをJPEGに変換しなけれ
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
BunがZig製の高速なMarkdownパーサー搭載。HTMLへのレンダリング、GitHub Flavored Markdown対応、Reactエレメントの生成など オープンソースで開発されているJavaScriptランタイム「Bun」の最新バージョン「Bun v1.3.8」が公開されました。 下記はBunの作者であるJarred Sumner氏のポストです。 In the next version of Bun Bun gets a built-in, native Markdown parser - a Zig port of the popular `md4c` library. pic.twitter.com/YabO6Io8u1 — Jarred Sumner (@jarredsumner) January 29, 2026 Bun v1.3.8の大きな新機能が、Markdown
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
3行まとめ アウトプットの速度を上げたいが、記事を書くのは時間がかかる SuperwhisperとVSCodeのCopilot Agentを組み合せて、音声からブログを書き上げるワークフローを組んだ 実際に使っているpromptを含め、真似しやすいように詳しく紹介 3行まとめ 背景: アウトプット速度を上げたい & LLMの急速な進化 利用している技術 Superwhisper: 技術用語も認識する書き起しアプリ VSCode Copilot Agent: 自然言語で校正のワークフローを組み込む 実用例: どれくらい早くアウトプットできるようになるか 実際のワークフロー 工夫した点 過去に自分が執筆したテキストの資産を活用する 依存関係の抽出を自動で行なう 複数のAgentにレビューをさせる タイトル案の自動生成 実装を通して得られた学び 自然言語でワークフローを組み立てることの難しさ エ
前段 ※社内ブログの内容を個人発信する許可をいただいたためzennでも公開しています。 ChatGPTで話題のOpenAIのモデルは、現在画像の取り扱いはまだ発展途上です。文章から画像を作るAPIや画像入力が検討されていますが、システム運用にクリティカルに使えそうになるのはもう少し待つ必要がありそうです。 そこで現状魅力的に映るのがMermaidです[1]。 Mermaid（マーメイド）は、テキストベースの記述によってフローチャート、シーケンス図、ガントチャートなどの図を生成するためのツールです。Mermaidは、Markdownやプレーンテキストなどのテキスト形式で図を記述し、それを自動的にグラフィカルな図に変換します。(by Chat-GPT) 画像化はJavascriptで実装されており、現在はgithubのmarkdownプレビューやNotionの専用ブロックなどで利用可能です。
ship faster Say Goodbye To Context SwitchingAll your personal notes and tasks alongside your team issues and PRs in one place you will enjoy using. Markdown pages for everythingMarkdown for every issue or a piece of knowledge base. Comes with a powerful editor to hold all of your context in one place.
Our biggest week of announcements is coming.Everything changes on August 19th.Everything changes on August 12th
macOS Montereyから、「メモ」アプリに「クイックメモ」という機能がついた。 インターネットブラウジングをしていて気になったことを書きつけていくのにちょうどよさそうなので、使ってみることにする。ある事柄に関連するリンクをひとつのメモに連ねていって、ちょっとテキストで補足を書いておく。 これをブログで手軽に共有できたら、なおいい。Markdown形式に変換したい。 メモの本文を取得する メモの内容を取得するには、Apple Script的なやつを使う。ここではJXA (JavaScript for Automation)というので、JavaScriptっぽく書く。選択中のノートの本文を得るには、次のようにする。 const app = Application("Notes"); console.log(app.selection()[0].body()); これでノート本文がHTM
GitHub Actions Job Summaries 先日 GitHub からアナウンスがあり、GitHub Actions から簡単に Job Summary を扱えるようになりました。 公式のドキュメントでは、頑張って YAML からマニュアルで環境変数を通じて操作する方法が紹介されていますが、これだと書くのが少々辛いです。 - name: Generate list using Markdown run: | echo "This is the lead in sentence for the list" >> $GITHUB_STEP_SUMMARY echo "" >> $GITHUB_STEP_SUMMARY # this is a blank line echo "- Lets add a bullet point" >> $GITHUB_STEP_SUMMARY ech
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
Combine Jupyter notebooks with flexible options to produce production quality output in a wide variety of formats. Author using traditional notebook UIs or with a plain text markdown representation of notebooks. Quarto is a multi-language, next generation version of R Markdown from Posit, with many new features and capabilities. Like R Markdown, Quarto uses knitr to execute R code, and is therefor
「tblsで出したER図をGitHub Pagesに出したいな〜〜！の砂場」というレポジトリを作って遊んでました。 「(学習・実装面で)低コスト」「(実用性の面で)ほどほどに十分」という方法を探っていたのですが、概ね満たしたと思います。満足。 github.com 場面設定 ER図をいい感じに！！っていうのはk1LoWさんが解決してくれているので、その先の話。 qiita.com (↓の資料、改めて読んだけどやっぱり良いので凄い。もっと使い込みたいな・・) The future of tbls and "Documentation as Code" / phpconfuk 2023 - Speaker Deck 「MarkdownだからGitHub上ですごく簡単に見られる」というのが嬉しく、継続的にドキュメントを管理(更新＆利用)していくのを強力に支援してくれるな〜と思いつつ、 「自動生成
タイトルの通りこの hiroppy.me のサイトを 1 から刷新し、そこにブログページが入ったことによりブログもはてなから移管することにしました。 特に意識してなかったのですが、はてな ブログの方が、ちょうど 100 記事目の時に移行するという流れになってしまいました。。 はてな ブログは有料会員で 4 年間ぐらいやっていたのですが、最近は使えておらず、そうなると当初の目的である独自ドメインでのはてブ通知も今はあまり必要なくなりました。 また、ブログの名前が技術探しですが、最近はプライベートの話や技術を昔以上に探せてない点があり、もう自分としては役割を終えたのかなと思っています。 359 人の方に購読してもらい、多くの方に閲覧してもらって本当にありがとうございました。1 年半も技術の記事を投稿していなかったのに未だにアクセスがあり、嬉しく思います。 過去の記事もこちらへ移動させてますが、
Professional Design Publication-quality visualizations designed for all device sizes Superior Performance Sub-second interaction time, even on millions of records Modern Dev Experience Build dashboards & reports in markdown, backed by version control and testing Professional Design Build polished data products Combine interactive data viz components to build responsive data products. Publish inter
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
