Markdown

概要 今回のMicrosoft Buildでは、地味ながら開発環境が便利になる話がけっこう出ていました。 中でもPowerToysのAdvanced Pasteが、MS 365との組み合わせで「使える！」と思いました。 Markdownのテキストファイルと、Word等のMS 365のファイルが混在している環境下で、それらの行き来（相互変換）ができるのでは？という使い方です。使えるかどうかを試してみたので、紹介します。 ちなみにこの記事は、【オンライン】Build 後！ C# Tokyo イベント - connpassで発表したこちらの資料の内容を、ブログ向けに文章で詳しく説明し直したものです。…

Web ページ内のソースコードをコピーボタンでコピーする方法を解説します。 Web ページを Markdown 記法で記述している場合の方法です。

記事をNotionで書いてはてなに貼り付けてましたが、VSCodeで書いたほうが速く書けそうだなと思い準備しました。 やったこと mdの構文チェックを有効化 こちらは割愛しますが、とりあえずmarkdownlintをいれました。 もともと下記の設定をしていたので、保存時にformatされます。 "editor.formatOnSave": true, 改行のための2スペースが自動で挿入されるように設定 マークダウンで改行するときには、行末にスペースを2つ入れる必要があります。 formatterで自動で追加してくれないかなと探したのですが、見つからなかったのでショートカットでカバーすることにし…

ブログ書くときは UpNoteにMarkDown記法で下書き UpNoteからMarkDown記法ごとコピー ブログの編集画面に貼り付け といった流れで対応してるんですが、これ、何気にPCがないと対応できないんですよね。 はてなのiPhone/Android向けのアプリはMarkDownの貼り付けに対応してるか明示されてないですし、iPad向けのアプリやブラウザからならMarkDownの編集には対応できるけど、UpNoteがMarkDown記法ごとのコピーに対応してない。なので外で下書きまではできてもその場でポストする、といったことが出来ません。 MarkDownエディタで下書きして、そこから…

markdownでテーブルはフォント依存が大きいと思っている 最初は「見たままモード」で書いてみていたが背景色のあるテーマだと破綻していたので「Markdownモード」に変更した。 「はてな記法モード」はまぁ横に Markdown あるなら選ばないかなとなってしまう。仕事で使うこと多々アリだからね。 で、そうなると困るのがテーブルを書きたいときのフォントである。 VSCodeで書いてコピペしていたが面倒だよね。と言うことで拡張機能で無理やりcssを上書きして等幅フォントを指定するようにしてみた。 FFXIVでもマクロであの手この手で揃えてる人いるくらいだしね。 こう言うとき等幅はわかりやすくて…

TeXはなるべく共通の書き方が良い 先人の知恵を拝借しながら戦ってました。。 一歩前進したやり方ができたのでメモ 問題視しているものは例えばKaTeXレンダリング前に^2が²に変換されてしまうことでこれが影響を与えているので、阻止するJavaScriptを追加 「設定→詳細設定→要素にメタデータを追加」で以下を追記して実験可能 ※他に影響を与える可能性があるので注意して自己責任で追記ください <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.10/dist/katex.min.css"…

あらすじ・概要 簡単な記号やスペースで見出しやリストを指示するMarkdown。初めてMarkdownを使う人のために、その始め方を解説する。Markdownの成り立ちや、Markdown特有の方言の派生についても触れる。Markdownがどんなものかわかる本。 Markdownとは何か、どう使うものかを解説する HTMLで見出しやリストの設定をするのが煩雑だったことから生まれたMarkdown。プレーンテキストの状態で記号で書式を指定し、対応するツールで表示することもできます。 「ブックワームのひとりごと」ではてなブログもそのツールのひとつです。 Markdownのメリットは、キーボードだけ…

朝 4時前に起きた。昨夜は早い段階で席に着いて寝ていた。なぜだかは分からない。あまり寝た気がしない。今は何のもしたくないな。酢を飲んだ。ファミマ・ザ・クリームパンが食べたい。食べたことないんだけど美味しそう。濃いコーヒーを飲んだ。冷えるね。暖房つけたいけど我慢しよう。 この時期の寒くなり始めは真冬ほど冷えないにもかかわらず、やけに寒い。体が慣れてないとか、そういう理由だと思う。 強い子だけど 先日Windowsが再起動したとき仮想環境は強制終了したけどVirtualBox上のAlmaLinuxは普通に立ち上がってきた。強い子だ。しかし自動起動するにはバッチファイル作らないといけないし面倒だ。サ…

GMOメイクショップ コアグループでエンジニアをしている池田です。 こちらの記事にもある通り、当プロジェクトではStorybookを導入しました。 Storyファイルを増やしたいということで雛形を自動生成することになりました。 そこでPlopというJavaScriptライブラリを使用して、Storyファイルを自動生成しました。 今回はPlopの使い方について説明したいと思います。 対象 Plopとは？ セットアップ Storyファイルを自動生成 hbsファイル plopfile.mjs prompts actions 実行 まとめ 参考 対象 ファイルの自動生成を行いたい 対話形式でファイルの…

総合15万円の豪華賞品！『Markdown AI』を使ったQiita投稿コンテスト開催！ この度、2024年10/15～11/25(月)の期間に弊社が開発したMarkdown AIを使った特別なQiitaイベントを開催します。Markdown AIを使って、簡単にWebサイトを作成し、その感想や独自の活用方法をQiitaに投稿してみませんか？この記事では、イベントの詳細や参加方法をご紹介します！ Markdown AIはこちら イベント概要 Markdown AIは、Qiitaでも採用されているMarkdown記法を活用して、コードの知識がなくても簡単にWebサイトを作成できる革新的なWebア…

新手のノートアプリか。 Capacities Capacities – Notes & PKM 1.41.15分類: 仕事効率化,教育価格: 無料 (Capacities Labs GmbH) あちこちで見かけるようになりました。 Capacities。 なんでしょうね？ EvernoteやNotionの次世代型みたいな話だし、Obsidianから移住する人も見かけるし。 ということで、試してみねばなるまい。 はい、失敗 そうそう。 アプリをダウンロードしてログインの段階で気づきました。 「これ、すでにアカウントがとってある？！」。 パスワード管理が反応して、そのままログインできました。 とい…

ブログを始めると、まずは記事を書くためのエディタ選びが重要です。 エディタとは、 ブログ記事やウェブページの内容を作成・編集するためのツールです。 文章の入力や画像の挿入、リンクの設定などができ、 記事の見た目やレイアウトを整えることができます。 特に、 はてなブログでは3種類のエディタが用意されています。 それぞれ特徴があります。 今回は、 「見たままモード」 「Markdownモード」 「はてな記法モード」 の3つを比較し、初心者に最適なエディタを紹介します。 〇エディタの変更方法 1. 見たままモード 「見たままモード」使い方の具体例 「見たままモード」メリット・デメリット 2. Mar…

はじめに 本研究は、動画『なろう小説タイトル長すぎ問題』*1（以下「先行研究」）と、先行研究をブログとして紹介した『タイトルが長い「なろう系小説」トップ5！ 長文タイトル+長文サブタイトルの合わせ技で100文字超えの題名がコチラ』*2（以下「ニュース」）の集計方法のブレを指摘し、改めて再集計を行うものである。 研究に至った経緯 mstdn.nere9.help social.mikutter.hachune.net mstdn.nere9.help social.mikutter.hachune.net social.mikutter.hachune.net social.mikutter.h…

はじめに ymmtd0x0b ( ヤマモト ) と申します。 Web開発者として就職することを目標にプログラミングスクール・フィヨルドブートキャンプへ参加し、今日まで学習を続けてきました。 この度、プラクティスの１つであるチーム開発での個人の取り組みを一覧表示できる受講生向けサービス FjordContributions をリリースしました。 サービスURL fjordcontributions.onrender.com リポジトリ github.com 目次 はじめに サービスURL リポジトリ 目次 サービスを作った経緯 サービスの使い方 サービスの機能 プラクティスの提出に必要な一覧表を…

2024/10/08分のコミットです。 CHANGELOGへの追加はありませんでした。 Fix markdown links in Content Security Policy docs actionpack/lib/action_dispatch/http/content_security_policy.rbのdocの修正です。 ActionDispatch::ContentSecurityPolicyのdocのフォーマットの修正を行っています。 Merge pull request #53224 from kamipo/select_hash_allows_alias_on_expres…

「ブログを始めたいけど、何から手をつければいいの？」 そんな疑問を抱えているあなたのために、 はてなブログを使ったシンプルで効果的なステップガイドをお届けします！ この記事を読むことで、以下のことがわかります 自分の興味やテーマにぴったりなブログの選び方 はてなブログの基本設定と使い方のコツ 読者の心をつかむ記事の書き方と魅力的なタイトルの付け方 SEO対策でブログのアクセス数をグングン増やす方法 読者を惹きつけるコンテンツ作りの秘訣 この記事では「はてなブログ」で1記事目を投稿するまでの 設定のステップをやさしく解説していきます。 順番に進めていけば、自然とブログの設定が完成します。 後は、…

どうもどうもこんにちは、しーなです。 日曜日の夕方って、とっても憂鬱ですね。 明日は会議だなー。資料でも作ろうと思ってPC前に座ったくせに VisualSutudioCodeをまた開いてしまったわたくしです。

自ドメインのページは同じタブで開いて、外部ドメインのページは別タブで開いてほしい。切に。 はてなブログ記事内のリンクは新しいタブで開いてくれません。つまり、 <a> タグに、 target="_blank" 属性が自動付与されることがない、ということです。 まぁ「勝手に別タブで開くとかされるとイヤでしょ？だから自分でタグに設定してね」的な扱いなのかもしれません。逆に、別タブで開くのを標準にされると、同じタブで開きたい人には困ってしまうので、仕方ないところかと思います。 そうはいっても、 <a> タグ1つ1つに設定するなんて苦行、耐えられません。そういった細かい調整をしなくて済むためのMarkd…

技術書典ではMarkdown記法ではなくRe:VIEW記法で書くことになった。自分用のメモなので、詳しくは公式ドキュメントを見てくれ。 見出し = 章のキャプション == 節のキャプション === 項のキャプション リスト * 野菜 ** にんじん ** じゃがいも * フルーツ ** バナナ 番号付きリスト 行頭に半角スペースが必要なので注意 1. 第1の条件 2. 第2の条件 3. 第3の条件 olnum構文を使うと指定した番号から番号付きリストを開始できる。 //olnum[10] 1. この箇条書きの番号は出力ソフトウェア上では10になる 2. これは11になる 6. 記入上で飛ばして…