HTMLを簡単に記述できるマークアップ言語のひとつ
http://daringfireball.net/projects/markdown/
マークダウン化してくれるChrome拡張 AIと相性が良いおかげか、最近人気を盛りかえしつつある(?) マークダウン形式。 そんな中、こんなGoogle Chromeの拡張機能を見つけたので紹介。 ・Copy as Markdown for AI - Chrome Web Store chromewebstore.google.com 1クリックでWeb ページをLLMに最適化されたMarkdown＋YAML形式に変換してくれるという便利ツール。 Obsidian Web Clipperとかもいいけれど、設定とかしなくても、一般人でも誰でも使える手軽さが最高です。 たとえばこのブログ記事をMa…
概要 Obsidianを使っているうちに、エディターの機能が足りていない気がしてきた Obsidianのアプリのエディタ機能を補うためにはVSCode/Cursorを使えばよいが、そうするとObdisianとしての機能が不足する そこで以下の機能を持つObsidianのVSCode向け拡張機能を作り、機能拡張をした 内部リンク([[リンク]])をクリックしたらVSCodeのエディター上でそのファイルを開く ファイルが存在しない場合は新たにファイルを作成する 内部リンク記法が始まると、ファイル名の候補を表示する VSCodeの拡張機能を作ること普段やらないので、作業過程を記録しておく。 はじめに…
「毎日たくさんの情報に触れているのに、なんだか頭に残らない…」 「面白いアイデアを思いついても、うまく形にできない…」 「ChatGPTは便利だけど、もっと自分の思考を深めるために使えないかな…？っていうか、最近ちょっと飽きてきたかも…？」 もしあなたが、こんなモヤモヤを抱えているなら、この記事はあなたのためのものです。そう、そこのあなたです！ こんにちは！ 今日は、あなたの「学び」と「創造」を根底からひっくり返すかもしれない、ちょっと過激で（当社比）、でもめちゃくちゃ可能性に満ちた新しい思考法、「Zetteldistillat（ツェッテルディスティラート、略してZLD）」と、その実践フレーム…
先日、Clineについての記事を書いた。その際はPythonやJavaScriptを書いてもらったが、文書がメインでも役に立ちそうと感じた。他にも目を向けてみると、最近ではGithub Copilot、Cursor、Windsurf、Devinなど選択肢も増えているようだ。機能は制限されていても無料版のものも多いし、試してみて現状使いやすいものはどれか比較してみようと思う。 今回はGithub CopilotとCursorを動かしてみて、Clineと比較してみようと思う。この文章はCline+GeminiとApple Intelligenceも併用しつつ書いてはいるが、9割型自分で書いている笑…
%%{init: {'theme': 'base'}}%% graph LR; M[Mermaid] --> A[Theme]; A --> D[Default]; A --> O(Original); はじめに 【注意】 導入 Mermaidを使う もっとカスタマイズしたい はじめに Mermaid記法はダイアグラムをグラフィカルに表現したいときとても良いツールです。 デフォルトの見た目もシンプルで良いのですが、「もう少し自分のブログのデザインに合わせたい」なんて思ったことはありませんか？ 私は思いました。 今回は、はてなブログでMermaidのスタイルを変更する方法を紹介します。 【注意】…
%%{init:{'theme':'base'}}%% graph LR; Start[mermaid] --> Process[check]; Process --> Result[preview]; Start --> Result; はじめに スタイルを確認する default neutral forest base 注意 はじめに mermaid記法を使ったダイアグラムを書いています。 はてなブログではカスタムcssが使えますが、svgに変換されるとスタイルが直接指定されてしまうため、うまくいきません。 オリジナルでスタイルを変更したい場合はを編集する必要があります。 %%{init:…
はじめに 先日、Mac Studioを買いました。 せっかくの機会なので、VS Codeはインストールせずvimだけを使って生きていく挑戦を始めてみました。 vimはほとんど使ったことがなかったので、一回ぐらいはちゃんと使っておこうという気持ちです。 VS CodeではデフォルトでMarkdownのプレビュー表示をエディタ上で実現できますが、vimはそこまで至れり尽くせりではないので、プラグインを入れたりして実現する必要があります。 極力エディタ上で完結させたいと思っているのですが、調べてみるとメジャーなプラグインはブラウザ上でプレビュー表示を行うものが多くvim上で完結するものが見つからなか…
draw.ioがおすすめ VSCode で Draw.io integration をインストールするだけ。 少ししか使っていないけど、直観的で良さそう。MicrosoftやGoogleが作っている編集できるアプリにやや劣るぐらいかな。 Draw.io integration の使い方 拡張子を drawio.svg としてファイルを作成する。 それをVSCode開いて、適当に編集する。 markdownファイルに  と書くだけ。(パスは自身のものに変えて) 以下はやっておいた方がよさげな簡単な設定です。 背景色を白色にする(やっておいた…
導入：非エンジニアにとってのMarkdownの意義 40代も半ばになると、新しいことを始めるのがどこか億劫になるときがあります。 毎日の会議、メール、電話対応...それらの内容をメモするために、いつものようにWordやメモ帳を開いてメモをとる。 時には、急いでいるときは殴り書きのようにメモして、後で「これ、何のことだったっけ？」と首をひねることもあったり。 それを解決するツールとして、Markdown記法を勉強しています。 今日は、その「5つの基本記号」をご紹介します。 たったこれだけで、日々のビジネスメモをあとからすごく見やすくなります。 非エンジニアの皆さん、一緒にMarkdownの世界を…
Bearはマークダウン対応のMacOS/iOSのノートウェア プライベートなメモからナレッジ、マニュアルまであらゆるをBearにアウトプットしている。 ブログのソースはすべてBearからマークダウンやhtml形式にエクスポートしている。 ノートウェアの要件 ノートウェアに求める個人的な要件としてサクッと書いてサクッと辞書的に検索できたら良い。 余計な機能は不要。後は自分でなんとかするから。 そんなUXにフィットするのがBear。 ノートを残す意義 新たに仕入れる情報は検証がついて回るけど、成功・失敗体験を綴ったノートは自分の環境にフィットしたナレッジなので、自環境において再現精度が高いのは言う…
blog.craftz.dog
www.publickey1.jp
twitter.com
dev.classmethod.jp
codeiq.hatenablog.com
blog.craftz.dog
qiita.com
qiita.com
forest.watch.impress.co.jp
