VSCodeで最強のMarkdownノートエディタを作ろう
昨日の自分「今作ってる曲まじで良すぎる。天才かもしれん」 今日の自分「ﾅﾆｺﾚ。曲作り下手すぎか～～」 この記事は新歓ブログリレー23日目の記事です。 こんにちは、カシワデと言います。サウンド班に所属していてパソコンで音楽を作っています。 皆さん、DTMってしってますか？ DTMとはDeskTop Musicという和製英語の略で、パソコンで音楽を作ることを広く指します。パソコンで音楽を作ると言っても昨今の曲は大体パソコンを用いて作られているので、DTMというと特に"打ち込み"のニュアンスが出るような気がします。 でも、『パソコンで音楽を作る～』とか『打ち込み』っ… 🎉入学おめでとう🎉まずは新入生の皆さん、ご入学おめでとうございます！！！これから始まる大学生活は非常に短いですし、世間で言われる程時間に余裕があるわけでは無いので、後悔の無い充実した生活を送ってください！
VSCodeをメインのエディタにして半年たったので入れてある拡張機能を紹介します - 海波パソコン
VSCodeの画面編集という仕事柄、テキストエディタは毎日触る大事な仕事道具です。仕事の内容にあわせて設定などを変えると非常に捗ります。しかし、日本語を書きながら同時にはてな記法やらMarkdownやらCSSやらを書くという環境のため、なかなかテキストエディタのデフォルトの設定では痛し痒しといったところで、それなりにカスタマイズをしないといい感じになりません。 半年前に、それまでかなり長いこと使ってきた秀丸エディタからVSCodeに乗り換えてみたら、案外日本語をあれこれ書いたり編集したりするのにいい案配にすることができました。そこでなんとなくなじんだ今のカスタマイズ方法を書き残しておこうと思い立ちました。たぶんもっともっと拡張機能で便利にできるはずなので、ドラクエでいう「ひのきのぼうからこんぼうにそうびを変えた」くらいの気持ちで見ていただけるとうれしいです。 テーマ アイキャッチにしたのは
Markdownでシーケンス図とかが書けるMermaid記法で業務フローを書いたら意外とイケたので自分なりのコツを紹介してみる | DevelopersIO
こんにちは、臼田です。 みなさん、業務設計してますか？(挨拶 今回はMarkdownでシーケンス図やフローチャートなどの図を記述できるMermaidを使って業務フローを書いてみたら、意外と書けたので自分なりのTipsを紹介したいと思います。 その前に 注意点として、まだMermaidを使い始めたばかりなので、「もっとこうしたらいいぞ」とか「こっちのほうがいいぞ」とかあれば建設的なフィードバックとしてSNSとかでいただけるとありがたいです。 あと業務フローって表現しましたが、人によって思い描く業務フローが違うと思うので、業務フローの定義に関するツッコミはご容赦ください。私が今回Mermaidで書いたのは以下の図です。(内容はブログ用に簡素化しました) この図のコードは以下のとおりです。(後ほど解説します) sequenceDiagram autonumber actor お客様 partic
すべての社内文書はMarkdownで書けばいいと思うこれだけの理由 - Qiita
Markdownを社内に布教したい、というモチベーションからMarkdownを勧める理由をまとめたもの。 同じようなことを考える方へ、周囲への説得材料になると嬉しい。 1. Markdownを勧める理由 1-1. 圧倒的理由 全人類がマークダウンを学習すべき理由｜情報デザイン力を鍛えよう Markdownとは (日本語Markdownユーザー会) をMarkdownで引用する。 Markdown（マークダウン）は、**文章の書き方**です。 デジタル文書を活用する方法として考案されました。特徴は、 - 手軽に文章構造を明示できること - 簡単で、覚えやすいこと - 読み書きに特別なアプリを必要としないこと - それでいて、対応アプリを使えば快適に読み書きできること などです。 Markdownはジョン・グルーバー（John Gruber）によって2004年に開発され、 最初は [Darin
Obsidianを快適に使うために1か月で行った設定など
ほかにもできることは多いノートアプリなのでもし気になった人は公式サイトを見てみるとよいです。 個人使用は無料 ローカルで使える マークダウンが使える デイリーノートが使える ペインを自由に配置 ノート同士をつなげられる vimが使える
Typoraの魅力と使い方をジョジョ立ちでお伝えするッ！
な…ここちょっと座んなよ。ここ。 いいから座れったらァ……！ 見上げてしゃべんの首 疲れっからよ。 なあお前さん。 ブロガーにおすすめのマークダウンエディタってのには3つの『K』が必要なんだなあ……。 3つの『K』 ああ…1つ目はな……『快適な編集環境』を提供してくれることだ。 2つ目は『キーボードショートカット』が充実していること…… そして3つ目は『コピペでWordPressの記事を投稿できること』だ。 いいだろ？ マークダウンエディタの3つの『K』だ。 ……コピペは『C』…だと……？ 話をしてんのはこのオレだッ！ 誰が質問していいと言ったッ！？ いいか？ よぉぉぉぉく聞くんだ。 その3つの『K』をな……高いレベルで兼ね備えたアプリがTyporaってやつさ。このブログの記事は200ほどあるが、全てこのTyporaで書いてる。全てだ。 そんな超Typora推しのオレがよお…… 魅力と使い
テキスト校正くん - Visual Studio Marketplace
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. テキスト校正くん VS Code上でテキストファイル・Markdownファイル・Re:VIEWファイルの日本語の文章をチェックする拡張機能です。該当のファイルを開いた時、更新した時に自動で校正のチェックを行い、文章内の問題のある箇所をマーキングし問題パネルにエラー内容を表示します。 メールの文章を作成する際やブログ記事の文章を作成する際などに、ご使用いただくと便利です。 ウェブ業界の専門用語を含め、一般的な文章のルールに沿って主に以下のようなチェックを行います。 「ですます」調と「である」調の混在 誤検出の回避のため「である調」の判定は明らかに常体な「〜である」のみとなっています。 ら抜き言葉 二重否定 同じ助詞の連続使用（※初
textlintで日本語の文章をチェックする
textlintはMarkdownなどテキスト向けのLintツールで、テキスト版ESLintみたいな感じのツールです。 JavaScriptでルールを書けるテキスト/Markdownの校正ツール textlint を作った | Web Scratch 最近azu/JavaScript-Plugin-Architectureという小さな書籍を書いていて、色々簡単に使えるような仕組みを追加しています。 この記事では簡単なtextlintの導入方法について紹介します。 公式サイトには一部ルールを含むオンラインデモが公開されています。 textlint · The pluggable linting tool for text and markdown ドットインストールにてNode.jsのインストール、textlintの利用方法、エディタとの連携などのチュートリアルが公開されています。Node.
textlint と VS Code で始める文章校正 - Qiita
はじめに 文章を書くときに、注意して半角文字の両端に半角空白を空けるという手動 lint をよくやっています。 また、日本語の表現や句読点、typo などに注意を払うことも必要です。 そこで、機械的に検出できた方が内容を書くことに集中できるので文章の lint ができる textlint というツールを使っていきます。 同様の検査ツールとして RedPen が存在します。 以下の記事に RedPen と textlint それぞれの立場から文章における問題とその解決についてまとまっているので参考になります。 文書執筆の指南書で解説されている問題点を RedPen で発見する - Qiita 文書執筆の指南書で解説されている問題点を textlint で発見する - Qiita 今回は、リポジトリ内で管理する Markdown ファイルに対して、Visual Studio Code(VS C
【Gatsby.js】「ここだけ押さえれば普通に使える」って知識をまとめてみた - Qiita
Gatsby.jsでシンプルな静的サイトを作る際に必要な知識だけをまとめました。CMSとの連携等については今回は扱いません。 Gatsby.jsとは React製の静的サイトジェネレーターです。webサイトを作る時に使います。 Gatsby.jsのメリット 従来通りHTML/CSS(+Gulp, Webpack)でコーディングする方法と比較した場合の最大のメリットは表示速度がめっちゃ速いことです。びっくりするくらい速いです。 その他のメリットとしては JSXを使うので、HTMLの記法等にミスがあったときにすぐに気が付くことができる プラグインが豊富(Markdownファイルを読み込む、PWA対応、etc) ヘッドレスCMSとの相性が良い Gatsby Themeを使って、既存のデザインを流用することができる カスタマイズが前提ならthemeは使わない方が良さそう などがあります。 セットア
ゲーム内お知らせをHugo+Netlify CMS+CircleCIで作りました - KAYAC engineers' blog
鎌倉は寒いです。みなさんはいかがですか。ソーシャルゲーム事業部のゲーム技研チームの谷脇です。 この記事はTech KAYAC Advent Calendar 2019 Migration Trackの10日目の記事です。9日目はデーモン管理をdaemontoolsからsystemdに移行させるでした。 ゲーム内お知らせとは みなさんは、スマートフォンのゲームをされますか。ええ、そこのあなたはよくされる。しかし、そちらの方はあんまりされない。なるほどなるほど。 では分かる人にはおさらいとして、あまりピンとこない方にはそんなことがあるのか〜となってもらうために説明させていただきます。 我々カヤックでゲームを運営している人々が「お知らせ」を指した場合、ゲーム内のある機能を示しています。他のゲームではニュースなどとも呼ばれています。 カヤックで作っているゲーム「ぼくらの甲子園！ポケット」(以下ぼく
【ツール】Atomをカスタマイズしよう！最初にインストールしておきたいパッケージ厳選【初心者向け】 - れもレモネード！
Atomをカスタマイズしよう！最初にインストールしておきたいパッケージ厳選【初心者向け】 テキストエディタAtomは、「パッケージ」と呼ばれる機能をダウンロードすることで、より使いやすくカスタマイズすることができます。 今回は、初心者が最初にインストールしておきたい、便利なパッケージを紹介したいと思います。 スポンサードリンク Atomの「パッケージ」とは？ パッケージのインストールのやり方 1. 「ファイル」メニュー→「環境設定」 2. 「インストール」メニュー→パッケージの検索 3. パッケージのインストール 初心者向け！最初にインストールしておきたいパッケージ 1. Atomの日本語化 「japanese-menu」 2. Markdownの入力支援 「markdown-writer」 「tool-bar-markdown」、「tool-bar」 「markdown-preview」
静的サイトジェネレーターは脱CMSなブログが作れるツール
自分用のブログを作るにあたって、ブログサービスを利用したりWordPressをこさえたりすることにもう疲れてしまった。ブログサービスはコミュニティとしての利点はあるものの、細かい調整ができずストレスになる。WordPressはサーバー費用やらセキュリティ工数やらがのしかかってくる。そこで使い始めたのが静的サイトジェネレーター。 静的サイトジェネレーターとは簡単に言うと、用意したMarkdownファイルなどから普通のHTML/CSS/JSを生成してくれるツール。ややこしいデータベースと無縁。ローカルで確認できるただの静的サイトが吐き出されるので、それを丸ごとサーバーに上げるだけ。公開用のデータが1つのフォルダにまとまっているからサーバー引っ越しが簡単。すべてが静的ページなので当然表示が早い。 どうやって使うものなのか静的サイトジェネレーターをコマンドラインでMac/PCにインストールして、コ
最強のMarkdown編集環境としてのAtom - たけぞう瀕死ブログ
ブログなどちょっとした文章の編集から書籍の執筆までMarkdownを活用しています。これまで試した各種テキストエディタのMarkdown編集支援機能や、Markdown編集専用のツールはどれも満足の行くものではなかったのですが、最近はAtomに以下のようなパッケージを入れた環境が理想に近いMarkdown編集環境を得ることができました。 少し前にエンジニアHubさんで各社のエンジニアの方がオススメのAtomパッケージを紹介するという企画記事があり、私もMarkdown関連のパッケージを紹介させていただいたのですが、この記事では各パッケージを簡単にしか紹介できなかったので、ここでは少し詳しく紹介したいと思います。 employment.en-japan.com document-outline atom.io サイドバーにMarkdownの見出しをツリー状に表示してくれるパッケージです。書籍
ドキュメントはMarkdownにすれば管理がラクだし簡単にPDF化もできる - Qiita
はじめに ドキュメントの管理の方法っていろいろあるけど、意外と統一されてないし、そもそも古いドキュメントだとwordだったり、更新履歴残ってなかったり…結構困ることありませんか？？ 先日、実際この問題に直面して、ドキュメントの管理方法を考え直すことになったんです。 考えるべきポイントとしては、 不特定多数のメンバー間での利用において、 管理しやすくしたい 更新しやすくしたい 更新履歴を残したい 保存形式は複雑なものではなく、単純で扱いやすいものにしたい 簡単にPDF化できるようにしたい etc... などなど。 やっぱり複雑なoffice(word,excel)の形式は避けたいし、簡単にPDF化できることは必須ですね。その上で管理も簡単にできたら最高！と思ったんです。 管理方法・保管形式について考えてみたこと GitHub で管理 そうするとまず考えるのが管理の問題です。ここはGitHub
【Macアプリ】テキストエディタ「Ulysses for Mac」をはてなブログの執筆に活用する方法。 - starnote*
Archives2023年10月 (4)2023年9月 (7)2023年8月 (6)2023年7月 (10)2023年6月 (7)2023年5月 (11)2023年4月 (9)2023年3月 (10)2023年2月 (8)2023年1月 (9)2022年12月 (13)2022年11月 (7)2022年10月 (7)2022年9月 (8)2022年8月 (8)2022年7月 (7)2022年6月 (8)2022年5月 (13)2022年4月 (9)2022年3月 (10)2022年2月 (8)2022年1月 (9)2021年12月 (9)2021年11月 (8)2021年10月 (8)2021年9月 (10)2021年8月 (12)2021年7月 (13)2021年6月 (13)2021年5月 (11)2021年4月 (12)2021年3月 (9)2021年2月 (10)2021年1月 (
マークダウン - 生活の知恵
記事はマークダウンで書いている。 以下などを参考に慣れていこうと思う。 igcn.hateblo.jp
【手順解説】はてなブログ(mac版)「見たまま編集」でリンク先を埋め込み式にする方法 - ごブログ
「はてなブログ」をMacで使用した時に若干異なる部分を解決していく。 今回はブログを作る上で外部リンクや内部リンクを貼っていくかと思うのだが Windowsで出来ていた「当たり前」がMacだとできなくなっている事がわかった。 説明と解決方法を記載していく。 はてなブログのmac版だと「見たまま編集」で埋め込み式にするやり方が異なる Windows版のはてなブログだとブログ作成時「見たまま編集」でなにもない文中に 対象のリンク先をコピーしてペースト(「ctrl」＋「V」)をするだけで 「タイトル(埋め込み式)」「テキスト」「URL」と選べたが mac版だと強制的にURLになってしまう。 とまぁ上記みたいな感じでなってしまう。 これを今回、「埋め込み式」にする為に解決手順を紹介していこうと思います。 【手順解説】mac版はてなブログで「見たまま編集」でリンク先を埋め込み式にする方法 ▶︎手順１
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Obsidianは最高のマークダウン『メモ』アプリである
多機能よりクオリティ重視、思考を妨げないMarkdown対応エディター「Inkdrop」レビュー - はたらく・暮らす・整える