ローカル環境で動作し、Markdownで書いたノートをつなげるアプリ「Obsidian」とは | gihyo.jp
ノートアプリ「Obsidian」を使いこなす ローカル環境で動作し、Markdownで書いたノートをつなげるアプリ「Obsidian」とは 2022年10月に「1.0」というバージョンがリリースされたアプリ「Obsidian」。このリリースはgihyo.jpでも記事として取り上げられ、非常に注目されています。 この記事では具体的にどのような特徴があるのか、他のノートアプリやMarkdownエディタと比較しながら紹介します。 図 Obsidian Obsidianとは何か？ Obsidianというアプリを紹介するとき、さまざまな説明が使われます。 ノートアプリ メモアプリ Markdownエディタ PKM（Personal Knowledge Management）ツール など これらはいずれも間違いではありませんが、一言で表現するのは難しいものです。そして、一言で表現しようとすると、そ
最強のメモツールObsidianのインストール＆使い方
Obsidianの特徴 画期的なリンク方法 "Second Brain"を目指しているObsidianはまさに脳の構造を模しているような機能"グラフビュー"を持っています。 これがObsidian最大の特徴であり、他のマークダウンエディタとは一線を画する所以となっています。 以下のようにメモ同士を脳のシナプスのように繋いで、どのメモがどう関連しているのかが一目で分かります。普通のメモアプリであれば、別々のファイルを関連づけるためにはディレクトリを分けて整理する必要がありますが、Obsidianではその必要はありません。 プラグインが利用できる そのまま利用しても便利すぎるほどなObsidianですが、プラグインでさらに便利にすることができます。 "コミュニティプラグイン"と呼ばれる有志の方々が作成したプラグインが多数あるので痒いところにも手が届きます。 セキュリティの都合上、デフォルトでコ
Twitter 形式でメモが残せる Obsidian Memos で「考えるな、書け」を体現できるくらい筆が進むようになった
Twitter 形式でメモが残せる Obsidian Memos で「考えるな、書け」を体現できるくらい筆が進むようになった 2023-06-16 Obsidian-Memos という Obsidian のプラグインを Twittier で見かけて1ためしてみたら、Obsidian が更に便利になったので紹介。 https://github.com/Quorafind/Obsidian-Memos 以下、こんな感じで daily journal に list or task 形式で書き出されていく Memos の画面 Daily Note にはこんな感じで書き込まれる。 これらの内容は以下のような形式で Daily Note にリスト or タスク形式で書き込まれていく。 - 01:25 Memos を入れてみた、しばらく試してみる - 01:25 書きなぐるようにメモれるのは楽かも、ti
eskk.vimで 日本語をバリバリ打とう。
こんにちは、koutarnです。 今日はvimで日本語を入力する際にかなり強力なeskk.vimについて書いていこうと思います。 eskk.vimとは eskk.vimとはvim上でSKKを扱えるように想定したプラグインです。 SKKについては wikipediaをご覧下さい。 eskk.vimのメリット 最初に断言しておくとSKKを使えない人でも、 eskk.vimを使うためにSKKを覚えたほうが良いくらいメリットがあります。 本来IME連携が必要な日本語入力中にノーマルモードに移行する事がvim上で簡単に行える。 「markdownはインサートモードに入ると必ず日本語入力から初める」等が簡単に出来る。 全角/半角キー等を押さないでもスムーズに入力文字を切り替えれる 特に1つめ、2つめの内容が強力です。vimの中でIMEが存在している状態のため 日本語入力についてかなり自由度が高く設定を
ブログハックvol.1「最近のブログの書き方（MMR法）」
以前「ブログを書くのに役立つツール＆書き方Tips」という記事を書いたのですが、あれからいくつかアップデートがあったので、よりパワーアップしたブログの書き方をシェアしたいと思います。 名付けて「マインドマップ・マークダウン・ライティング（MMR法）」。 使用アプリや執筆フローが変わって、よりスムーズに記事を作成できるようになりました。
Hugo で画像ファイルを Markdown ファイルと同じディレクトリに置く (Page Bundle)
ページバンドルとは初期の頃の Hugo では、画像ファイルは static ディレクトリに置いて、記事ファイル (Markdown) と別々のディレクトリで管理するという方法がとられていました。 content/_index.mdpage1.mdpage2.mdpage3.mdstatic/image1.pngimage2.pngimage3.pngしかし、これでは Markdown ファイルと画像ファイルをバラバラに管理しないといけないというユーザーの不満が出て、現状は content ディレクトリ以下に一緒に配置できるようになっています。 この仕組みを ページバンドル (Page Bundle) と言います。 参考: Page Bundles - Hugoページバンドルは、その名のとおり、各ページにバンドルする形で画像ファイル（リソース）を保持するという考え方です。 ページバンドルを作
VimでMarkdown形式でブログ記事を書くときに簡単に画像を埋め込む方法 | TOKOROM BLOG
Photo by Victor Grabarczyk on Unsplash ブログ記事書くとき画像を埋め込むのが面倒 こういったブログ記事は、皆さんどういう執筆環境で書いているでしょうか？ 最近だとHugoなどの静的サイトジェネレータを利用することも多いのではないでしょうか。 この記事もHugoで運用しています。 記事を投稿するときは、いつもVimでさらっとMarkdown形式で書き上げ、ぱぱっとデプロイコマンドを打つだけで簡単便利な環境なのですが、唯一、記事に画像を埋め込むのだけが面倒だと感じてます。 特に、いわゆるブログサービスを利用している場合には、記事作成ページに埋め込みたい画像をドラッグ＆ドロップするだけで画像をアップロード＆埋め込みできてしまうので、それとの比較で面倒さが際立ちます。 手動での画像埋め込み手順 これまで手動で画像を埋め込む際には、このブログ記事の場合だと、 各
はてなブログからGitHub Pages+Hugoへ移行した - ゆーすけべー日記
はてなブログで運用してたブログ「ゆーすけべー日記」をGitHub Pagesへ移行した。ドメインも昔使ってたyusukebe.comにした。 静的ファイルのジェネレーターとしてHugoを使ってる。 結局、Hugoいじってる https://t.co/NAKS6k3W1M — Yusuke Wada (@yusukebe) January 15, 2020 今まで使ってた、はてなブログに大きな不満があったわけじゃなかったが、気分一新しようとしていた。ちなみに上記のツイートにあるようにMediumとnoteを試してみたが、今回のユースケースには合わなかった。 というのもコードを貼り付けたいという重要な要件に対して、 Medium Markdownに対応している なので``` と書きはじめてコードを貼り付けることができる ただWYSIWYGすぎて書いた瞬間からHTMLに変換されるのが使いにくかっ
Hugo + GitHub Pages で新ブログを開設した話 | ラング・ラグー
告知です． 筆者は長らくはてなブログ上で『0番染色体』というブログを運営してきましたが，この度新しく本『ラング・ラグー』というブログを開設し，今後はこちらをメインブログとして活動していくことにしました．旧ブログ『0番染色体』は削除こそしませんが，今後新たな記事を更新することはもうないと思います．というわけで，これからは新ブログ『ラング・ラグー』をよろしくお願いします． 以上です． ……と，ここで記事を終えても良かったのですが，今回新たに構築した独自のブログシステムがなかなか便利だったので，以下その話についてグダグダと語ってみることにします． 動機 元々使っていたはてなブログなのですが，機能（できること）的にはまず文句がありませんでした．しかし，執筆環境として最高だったかというと，少し不満な部分があったことは否定できません．そのうちいくつか代表的な例を挙げるとすれば プレビューや投稿を行うに
Big Sky :: golang でメモ専用コマンド「memo」作った。
« Ruby の a = a + 1 はなぜ undefined method '+' for nil:NilClass なのか | Main | Ruby の Array#<< は Array#push よりも速いか » 僕は日々 memolist.vim という Vim plugin を使い、仕事で思いついた疑問点や会話の一部をメモ取りする様にしています。相手と会話している最中に「あ、ここ大事だ」と思ったら vim を起動して :MemoNew してメモを編集していました。もちろん Vim ですから起動は抜群に速くてとてもご機嫌良く動くのですが、どうしてもこれをシェルから扱いたいという要求に負けてささっと作ってみました。 GitHub - mattn/memo: Memo Life For You README.md memo Memo Life For You Usage NAME:
HamlだのMarkdownだのSlimだのJadeだのSassだのSCSSだのLESSだのStylusだのCoffeeScriptだのLiveScriptだのTraceurだの一体なんなのよ！？ | 滋賀／京都／大阪でホームページ制作ならYUKiYURi WEB
HamlだのMarkdownだのSlimだのJadeだのSassだのSCSSだのLESSだのStylusだのCoffeeScriptだのLiveScriptだのTraceurだの一体なんなのよ！？ 長いタイトルですがつまりそういうことです。主にCODEPENで使えるHTML/CSS/JavaScriptのテンプレートエンジンとかプリプロセッサとか軽量プログラミング言語とかをまとめてみました。後半尻すぼみになってる感は否めません。 【2015年12月23日追記】 Googleトレンドの使い方を間違ってた部分があったので1年ぶりに訂正しました。トレンドも2015年11月までの最新にしてみました。 HTML関連 人気順 いきなりですがGoogleのトレンドを調べてみました。最初にこれを頭に入れておくと良いんじゃないかと思います。2010年10月から2015年11月までの期間です。現在から過去5年
静的サイトジェネレータを比較してみた - Qiita
静的サイトジェネレータを使ってサイトを作ってみたかったけど、StaticGenを見ても違いがイマイチわからなかったので、自分の気になる点で比較してみました。 比較したプロダクト Middleman Hugo Metalsmith Pelican 上記の4プロダクトを比較しました。 StaticGenで人気がありそうなものを中心に選定しましたが、自分が作りたいサイトはブログではない普通のサイトなので、ブログ作成に特化1していると書いているものは外しました(Jeykll, Octopress, Hexo等)。 なお、比較はすべてドキュメントやサンプルプログラムから読み取れる内容で行ったので、実際の挙動が違っていたらごめんなさい。 基本項目 プロダクト名 開発言語 コンテンツ
Vimでtreeっぽくディレクトリ構成を書きたい、そんなアナタの為のVim Plugin、できてます。 - Qiita
Vimでtreeっぽくディレクトリ構成を書きたい、そんなアナタの為のVim Plugin、できてます。VimMarkdowntree この記事は Vim (その2) Advent Calendar 2016 - Qiita の15日目です。 こんな時ってありませんか？ 記事を書く時に、サンプルディレクトリ構成をtreeで表現したい でも手元のディレクトリは余計なファイルが多い 手元のディレクトリを$ tree | vim - で出力 & Vimで余計なファイルを消す もしくはこんな時ってありませんか？ 記事を書く時に、サンプルディレクトリ構成をtreeで表現したい でも手元にいいディレクトリがない ダミー構成を $ mkdir hoge や $ touch hogege- でつくって $ tree > hoge.md で書き出す もっと楽にtreeっぽくディレクトリ構成が書けるVim Pl
ブログをWordPressからHugoに移行しました
このブログをWordPressからHugoに移行しました。HugoというのはGo言語で作られた静的サイトジェネレータでして、簡単に言うと静的なhtmlファイルを吐きだしてくれるツールです。 Hugoにした理由WordPressは人気あるし利用者も多いので情報も多くて運用しやすかったのですが、セキュリティとかDBとかサーバ周りのトラブルが多いのが個人的にはネックだったんですよね。静的サイトジェネレータを使えばそれらの不満点を一気に解消できるというのが移行の一番の理由。 Hugoにしたのはわりと最近名前をよく聞いていたのと、ざっと調べたところ日本語の情報もそれなりに見つけることができたから。ビルドが速いっていうのも魅力だった。あと友達のrakuishiくんが使っていたのも後押しになりました。 このブログはテーマも自作したのですが、テーマを作る上でrakuishiくんのブログとrakuishiく
サイトジェネレータ「HUGO」を使って静的サイトを作成しよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのまろCです。 今回は「HUGO」という静的サイトジェネレータを使った簡単なブログを作ってみます。 HUGOとは http://gohugo.io/ 最近社内でもアツい、Go言語で作られた静的サイトジェネレータです。Octopressより高速にページを生成してくれます。 早速インストール 今回はMacにて動作させてみます。環境は、OSX 10.10.5です。 brew install hugo cd {project_dir} hugo new site maroc.com これで、サイトの雛形ができました。 . ├── archetypes ├── config.toml ├── content ├── data ├── layouts └── static cd maroc.com hugo 上記のようなディレクトリ構造になっているかと思います。 プ
Markdown Tables generator - TablesGenerator.com
You can now import Markdown table code directly using File/Paste table data... dialog. How to use it? Using the Table menu set the desired size of the table. Enter the table data into the table: select and copy (Ctrl+C) a table from the spreadsheet (e.g. Google Docs, LibreOffice Calc, webpage) and paste it into our editor -- click a cell and press Ctrl+V or just double click any cell to start edit
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Obsidian - Sharpen your thinking
Obsidianは最高のマークダウン『メモ』アプリである
静的ジェネレーターでのサイト作成方法イメージ
jpico.info × 社会人が0からノベルゲームを作るブログ