HTMLを簡単に記述できるマークアップ言語のひとつ
http://daringfireball.net/projects/markdown/
markdownで改行は、半角スペース2つなので。。。 この方法で記載した自分の記事 コメント markdownで改行は、半角スペース2つなので。。。 下記はサクラエディタを使った例ですが。。。 改行(\r\n)を、半角スペース2つ+改行(\r\n)に変換して下さい。 ※「正規表現」にチェックを入れる必要あり（サクラエディタの場合） この方法で記載した自分の記事 ai-de-seikei.hatenablog.com コメント 今日、はじめてやりましたが。。。うまくいきました。 エディタとかつかわずにできる方法って？？？ ご存じならば、コメントとかください。
はじめに なんて素敵なの！1 nikkieです。 描画ツールをいじらずにフローチャートを書いてみたく、Mermaidを試してみました🧜♀️ 目次 はじめに 目次 GitHubはMermaidをサポート 動作環境 GitHub blogのフローチャートの例を写経 Mermaidのドキュメントより 終わりに GitHubはMermaidをサポート 2022年2月からサポート。 おぼろげながら話題になっていた覚えがあります。 ダイアグラムの作成 - GitHub Docs たとえば、Mermaid ではフローチャート、シーケンス図、円グラフなどをレンダリングできます。 Mermaid ダイアグラム…
忘備録としてマークダウンでよく使う記法を残しておきます。 リスト コード 取り消し線 見出し リンク 注釈 リスト -を先頭につけて半角スペースを空ける。 リスト コード ```で囲む。両端は半角スペース空ける。 ソースコード 取り消し線 ~~で囲む。両端は半角スペースは空けない。 取り消し線 見出し #を先頭につけて半角スペースを空ける。##というように、連続してつけると、小見出しになる。#の数が多いほど小さい見出しになる。 # 見出し1 ## 見出し2 ### 見出し3 リンク [テキスト](url)リンクにしたいテキストを大括弧で囲む。URL部分は丸括弧で囲む。 リンクテキスト 注釈 注…
マークアップ言語とは マークアップ言語とは、PCを用いた文書の作成において、組版(レイアウト)のために図表の位置や章立てなどの情報を文書ファイルに付加するための形式言語(文法、またはマークの規則)です。 元来は英語圏の出版業界において、原稿に組版情報を書き加えていく作業をmarking upと呼んでいたことに由来するようです。[wikipedia-markup] 代表的なマークアップ言語には、以下のようなものがあります。 HTML ウェブブラウザ上で、意図したレイアウトで文書を表示する用途に使われている。 XML HTMLと同様にウェブブラウザで表示する文書のレイアウト指定の他に、汎用的にデー…
unpkg.comのmermaid.jsのURLが404エラーになっていたという話です 最近、Google Search Consoleで、自分のはてなブログの品質がよろしくないという警告が出ており、調べるうちに以前の記事 mudamon.hatenablog.com で紹介した設定の、mermaid.jsの読み込み元へのアクセスができなくなっていました。 黄色い部分がリンク切れとなっています。 つまり、最新版として設定されていたURLが無効になっていました。 今後このURLが復活するかもしれませんが、この際なので別のCDNサービスに変更してみます。 候補は色々ありますが、今回はjsDeliv…
行いこと マインドマップを書きたい Markdown形式で書きたい 中央にルートを置きたい VSCodeで書きたい 対応方法 VSCodeにPlantUMLとGraphvizを導入する PlantUMLのマニュアルの通り書けば良い その他 Markmapには残念ながら今はその機能は無さそう Visual Studio Code実践入門! ~ソフトウェア開発の強力手段作者:飛松 清リックテレコムAmazonVisual Studio Code API入門 初めてのシンタックスハイライトとスニペットづくり 技術の泉シリーズ (技術の泉シリーズ（NextPublishing）)作者:前田 朱里インプ…
ランキング参加中【公式】2023年開設ブログ 「markdown-tree」について 「markdown-tree」は$ markdownt-tree foo.mdでMarkdownファイルを読み込むと､「#」の数に応じてtreeコマンドのように階層化して見出しを出力するシェルスクリプト｡ Markdownの目次をtreeのように出力したくて作った｡ 詳しくはQiitaで｡ qiita.com 使い方 $ markdown-tree【オプション】【foo.md】 以下のような『桃太郎』を描いたMarkdownファイルがあるとする｡ # 『桃太郎』 ## 桃太郎誕生 桃太郎は、ある日、大きな桃を…
このブログを書くにあたって設定変更したことをメモする。 デザインCSS（NEW） ※デフォルトの行間が広すぎるので設定した。 ※検索したwebで見つけた記述「.entry-content p {」ではうまくいかず、さらに探した結果「.entry .entry-content p {」とした。 ※h1～h6要素のマージンも気に入らなかったのでカスタマイズした。(2023-3-26追記) ※pre要素のマージンも気に入らなかったのでカスタマイズした。(2023-4-2追記) /* p要素の行間を狭める */ .entry .entry-content p { margin: 3px 0; } /*…
MDファイルはMarkdown形式のテキストファイルで連続で改行は<br>を使ってプレビュー画面で連続で改行を表示できます。
Markdownでフローチャートやステート図、シーケンス図など記述できるmarmaid書式についていつも検索してしまうので、リンクを記載しておく。 mermaid.js.org
何をしたのか Windows 環境下で Rails7アプリを作成したので、手順を記録しておこうと思ったが、はてなブログでは「コードブロックの後のリスト番号が連続しない」ため、Qiitaに記事を書いた。連作になってしまったので、ZennにBookとしてまとめた。 zenn.dev qiita.com qiita.com qiita.com サイトの使い分け LiveEditorがあるので、記事はQiitaが書きやすい。記法的にはてなで実現できない場合は Qiitaに書く。Zennは複数の記事をまとめてBookにできるので、連作はZennに書く。特に面白みのない方針である。 参考 Markdown…
Notion-like Tablesにエクスポートが付きました。 Notion-like Tables 見たまま作表できるプラグイン。 独自のtableファイルを作るので扱いが難しかったのですが、やっと念願のエクスポートが実装されました。 Markdown形式とCSV形式を選べます。 ただ、ちょっと注意が要る。 エクスポート タブバーにボタンがついてます。 箱と下矢印のボタン。 選ぶとファイルタイプを尋ねてきます。 ここでMarkdownかCSVを指定する。 ただ「Download」を選んではいけません。 モバイルだと画面が崩れて操作不能になります。 再起動でしか対応策がない。 なので「Cop…
PowerToysにMacのQuick Lookもどきが追加されたので試す 画像 OK: JPEG、PNG、GIF(アニメも動く) 不可: WebP 動画 OK: MP4、MOV 不可: WebM 文書 対応済: txt、Markdown、PDF、java、cpp、py シンタックスハイライトが使えるのには驚いた 不可: Word、Excel、RTF Officeファイルは重いので、MSだしプレビュー対応してほしい 音声 今のところ全部不可？ 不可: MP3、AAC、FLAC、WAV
Typescriptのドキュメント生成機能、TypeDocについて Typescriptには、コードからドキュメントを自動生成する機能があります。 この機能は、TypeDocと呼ばれるツールによって実現されます。TypeDocを使用すると、Typescriptのコードに含まれるクラス、メソッド、変数などについてのドキュメントを、JSDoc形式で記述することで自動的に生成することができます。 生成されるドキュメントには、メソッドや変数の説明、引数、戻り値の型などが含まれます。 また、継承関係やインターフェースの実装なども自動的に生成されるため、ドキュメント作成の手間を大幅に削減することができます…
注：記事の内容は個人の完全な主観です。 Obsidian という Markdown 形式のメモツールがあると言う話を同僚から聞いたので早速利用してみた。 obsidian.md そもそも Obsidian とは何かについては、以下の記事がまとまっているので参考にするとよいだろう。 zenn.dev Notion は昔使ってはいたのだが、データベースなどの便利な機能も多いがゆえに「自分は一体どのように知見を貯め、利用していくのか」という初期設計を延々と考えてしまい、もしくは最初に設計したものが立ち行かなくなり整理のために構造を変えようとする度に修正に大きなコストがかかることから、結局だんだんと使…
こんにちは、柚緋奈です。 FF14はなんか結構色々やりました。 FF14とは関係ないんですけども、このブログの画像をクリックしたときに今までははてなフォトライフが開くようになっていたのですが、それが鬱陶しいなって自分が思ったので過去記事（前回の記事から2020年5月19日あたりまで）はライトボックス表示になるように変えました。*1 年単位でフォトライフ指定じゃないと表示サイズを変えられないって勘違いしてたんですよね。 そんなわけあるか！！っていうアレです。10年以上使っててもはてな記法なんもわからん。 ついでに今日からMarkdownで書くようにしようと思い、そうしました。 *1:imageを…
起動時にCommanderのマクロが使えるなら、Boxesを呼び出せるんじゃないか。 それってブログっぽい。 別にBoxesでなくてもMOCでもいいし、特定のファイルが入口になるの面白いよなあ。 何か画像をバナー風に貼り付けてオシャレにしてもいいし。 世の中そういう妄想で出来ています。 OpenFile.md Templaterスクリプト。 変数fで指定したファイルを開きます。 <%* f = "dataview/Boxes.md" p = app.vault.getAbstractFileByPath(f) app.workspace.activeLeaf.openFile(p) %> Te…
はじめに こんにちは。FAANSバックエンドエンジニアの浜口（@xlgorbylx）です。普段はFAANSのバックエンドシステムの開発をしています。 FAANSとは、弊社が2022年8月に正式ローンチした、アパレル店舗のショップスタッフの販売サポートツールです。例えば、ZOZOTOWN上で実店舗の在庫取り置きができる機能や、コーディネート投稿の機能などを備えています。投稿されたコーディネートはZOZOTOWNやWEAR、Yahoo!ショッピング、ブランド様のECサイト等に連携が可能です。これによりお客様のコーディネート選びをサポートし、購買体験をより充実したものにします。機能の詳細に関しまして…
こんにちは @hsbt です。ゼルダの伝説 ティアーズ オブ ザ キングダムがついに発売されたので RubyKaigi 2023 の登壇後にプレイを開始していますが、引き続き原神もアップデートがあり、さらに崩壊：スターレイルも始めてしまったので大変なことになっています。 さて、今回は 5/11-13 に長野県松本市 まつもと市民芸術館 で開催された RubyKaigi 2023 で私 @hsbt が廊下会議で何を話してきたのか、という内容をご紹介します。 廊下会議とは 本日の技術顧問業、「技術カンファレンスへ参加するときに大事にしたいのは廊下（自然発生的に起こるインフォーマルなオフライン議論の…
ブログを書くのに色んなアプリを使ってきたけれど使うほどに愛着が湧いてくるのはBearが初めてです。その中でも最近のお気に入りの機能3つです。 文字数を確認しながら執筆できる エディタの画面の右上にある○にiのアイコンをクリックするかショートカットキー「⇧⌘i」を押すと情報メニューが表示されます。邪魔にならない位置に移動して固定しておけば執筆中も文字数などを確認できます。また画面右下にあるペン先のアイコンを押して表示されるMarkdownメニューも表示したまま作業ができるので便利です。どちらも左上にある「×」で非表示にできます。 複数のメモを結合できる いくつもの似たテーマのメモをまとめて保存で…
スーパーpre記法などのソースコードの表示がディフォルト（はてなブログの仕様なのか、テーマ【Cappuccino】の仕様なのかはわかりません）だと黒背景にグレーの文字で、すごい見えづらかったのでカスタマイズしました。 カスタマイズ方法は色々とあったけれど、どうにも記法を統一しないと反映されないカスタマイズがあるな・・・と気づき、とりあえず今は背景色をグレーにだけ変更しました。 .entry-content pre { background-color: #f5f5f5; } シンプルな表示でこれはこれでいいけれど、「カスタマイズする以外にも何かいい表示方法はないかな？」とソースコードの記載方法…
Commander。 それはボタンにアイコンをつけるプラグイン。 でもそれだけじゃないですよね。 正面から取り上げてなかったので、今回メインにしてみます。 モバイルツールバー Obsidian - Connected Notes 1.4.5分類: 仕事効率化,辞書／辞典／その他価格: 無料 (Dynalist Inc.) iPadだとホットキーが使えない。 モバイルツールバーが頼りです。 ところがここんとこヘンテコなコマンドを量産しているため、横幅が足りない。 スクロールしないと右端にたどり着けない。 そういう状態になってます。 いかん。 改善せねば。 そんなときCommanderがなんとかし…
皆さんこんにちは。とある会社で、技術同人誌を作りたい社員、ボッシーです。 現在、備忘録はevernoteに書いてるんですけど、どうせなら技術同人誌もかいてみたいなと最近思ってます。何故かというと、これから二足歩行ロボットを自作する予定なので、その過程を本として残せたらいいなあと思ったからですね。 ツールですが、修論を書いてるときは WSL＋VsCode＋latexで書いてました。(一応gitでバージョン管理もしようと思ったけど、ちょっと難しかった＆管理するだけならローカルにバージョンごとに保存するほうが楽、ということで断念した) 技術同人誌を作るだけなら同じ感じでできそうですが、そうした場合、…
概要 はてなブログを使っていくにあたって、使い方など知っておきたい・決めておきたいことなどを列挙して、随時更新していく。（自分用） 調査内容 どの記法が良いか 現状markdown書きたいと思っているが、はてな記法がどんなものなのか調べる。 markdown記法の改行 markdownで書きたいが、改行は改行してほしい。（qiitaみたいに） もし方法があれば嬉しい。 見出しハッシュは何個 GUIで設定できる一番大きな見出し「大見出し」でもハッシュが3つ。 1つハッシュや2つハッシュは使うべきか？使っても良いか？使わないべきか？ ページにh1タグは1つであるべきというあれこれとも照らし合わせて…
ソースコード用ホスティングサービス 初期設定 アカウント作成 1. Github登録 2. 確認メールを開封し、「Verify email address」をクリック GitHub SSH接続設定 公開鍵認証 鍵の準備 1. 秘密鍵(id_rsa)と公開鍵(id_rsa.pub)のペアを作成 2. 公開鍵の登録 3. コピーした公開鍵を、GitHubに設定 4. 「Add SSH key」をクリック 5. GitHubへの接続確認 確認 反映先のリモートリポジトリを設定 1. リモートリポジトリを作成 2. リモートリポジトリURLを取得 3. リモートリポジトリへ変更内容を反映 ↑を簡単にす…
blog.craftz.dog
www.publickey1.jp
twitter.com
codeiq.hatenablog.com
dev.classmethod.jp
blog.craftz.dog
qiita.com
qiita.com
www.nuits.jp
