CINXE.COM

[10ページ] Markdownの人気記事 665件 - はてなブックマーク

<!DOCTYPE html> <html lang="ja" data-page-scope="EntrySearch" data-stable-request-url="https://b.hatena.ne.jp/q/Markdown?page=10" data-device-type="PC" data-sentry-environment="production" data-sentry-sample-rate="0.1" data-entry-search-query="Markdown" data-page-subtype="entrysearch" data-page-type="entrysearch" > <head> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5TDHQX'); </script> <!-- End Google Tag Manager --> <meta charset="UTF-8"> <title>[10ページ] Markdownの人気記事 665件 - はてなブックマーク</title> <script src="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/js/v4/bookmark.js" async></script> <link type="text/css" rel="stylesheet" href="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/css/v4/pikaday.css" /> <link type="text/css" rel="stylesheet" href="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/css/v4/triangle.css" /> <link type="text/css" rel="stylesheet" href="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/css/v4/bookmark.css" /> <link type="text/css" rel="stylesheet" href="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/css/v4/bookmark.star.css" /> <link rel="canonical" href="https://b.hatena.ne.jp/q/Markdown?page=10" /> <link rel="prev" href="/q/Markdown?safe=on&amp;date_range=5y&amp;sort=popular&amp;page=9&amp;target=tag&amp;users=3"> <link rel="next" href="/q/Markdown?users=3&amp;page=11&amp;target=tag&amp;sort=popular&amp;safe=on&amp;date_range=5y"> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> <meta name="viewport" content="width=device-width"> <link rel="search" type="application/opensearchdescription+xml" title="はてなブックマーク検索" href="/opensearch.xml" /> <link rel="apple-touch-icon-precomposed" href="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/apple-touch-icon-precomposed.png" /> <link rel="mask-icon" href="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/safari-pinned-tab-icon.svg" color="#00A4DE" /> <meta name="msapplication-navbutton-color" content="#2C6EBD" /> <meta name="msapplication-task" content="name=はてなブックマーク; action-uri=/; icon-uri=https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/icons/bookmark.ico" /> <meta name="msapplication-task" content="name=マイブックマーク; action-uri=/my; icon-uri=https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/icons/my-bookmark.ico" /> <meta name="msapplication-task" content="name=お気に入りのブックマーク; action-uri=/my/favorite; icon-uri=https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/icons/favorite-bookmark.ico" /> <meta name="msapplication-task" content="name=人気エントリー; action-uri=/hotentry; icon-uri=https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/icons/hotentry.ico" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="referrer" content="origin"> <link rel="alternate" type="application/rss+xml" href="/q/Markdown?safe=on&amp;date_range=5y&amp;sort=popular&amp;mode=rss&amp;target=tag&amp;users=3" /> <script> function isMobile() { const html = document.documentElement; const deviceType = html.dataset.deviceType || ''; if (deviceType.length > 0) { return deviceType === 'MOBILE'; } else { const maxMobileWidth = 480; const windowWidth = window.innerWidth; return maxMobileWidth >= windowWidth; } } </script> </head> <body class="page-centerarticle page-entrysearch fixed-header"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5TDHQX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="link-app-banner js-dynamic-link-app-banner is-hidden"> <button class="link-app-banner-btn-close js-dynamic-link-app-banner-close-button"><span>close</span></button> <a class="link-app-banner-btn" href="https://hatenabookmark.page.link/app"> <div class="link-app-banner-btn-detail"> <div class="link-app-banner-icon"><img src="/images/v4/public/app/ic-ios.svg" alt="はてなブックマークアプリ"></div> <p class="link-app-banner-text">サクサク読めて、<br class="link-app-banner-text-newline">アプリ限定の機能も多数!</p> </div> <div class="link-app-banner-btn-open">アプリで開く</div> </a> </div> <header id="global-header" data-portal-static-origin="//cdn.www.st-hatena.com"> <div id="header" class="global-header-inner js-global-header-inner"> <h2 id="gh-logo"><a href="/" data-gtm-label="gh-blogo"><span>はてなブックマーク</span></a></h2> <div class="is-guest js-guest is-hidden"> <input id="gh-search-icon-check" type="checkbox" checked="checked" /> <label class="gh-search-icon" for="gh-search-icon-check" aria-label="検索を閉じる"><span>閉じる</span></label> <form class="gh-searchbox" method="get" action="/search_dwim" role="search"> <input value="" name="q" type="search" class="gh-inputtext" placeholder="キーワード・URLを検索" size="40" /> <input value="" type="submit" class="gh-search-button" /> </form> <ul class="gh-service-menu"> <li><a href="/guide" data-gtm-label="gh-guest-guide">はてなブックマークって?</a></li> <li><a href="/guide/tools" data-gtm-label="gh-guest-tools">アプリ・拡張の紹介</a></li> <li><a href="https://www.hatena.ne.jp/register?location=https%3A%2F%2Fb.hatena.ne.jp%2F%3Fregistered_from%3Dglobal-header&amp;via=201037" class="gh-guest-register" data-gtm-label="gh-guest-register">ユーザー登録</a></li> <li><a href="https://www.hatena.ne.jp/login?location=https%3A%2F%2Fb.hatena.ne.jp%2Fq%2FMarkdown%3Fpage%3D10" rel="nofollow" class="gh-guest-login" data-gtm-label="gh-guest-login">ログイン</a></li> <li class="gh-hatena-logo"><a href="http://www.hatena.ne.jp/"><img src="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/logo/logo-global-white.svg" alt="Hatena" width="74px" height="13px"/></a></li> </ul> </div> <noscript> <ul class="gh-service-menu"> <li><a href="https://www.hatena.ne.jp/logout?location=https%3A%2F%2Fb.hatena.ne.jp%2F">ログアウト</a></li> </ul> </noscript> <script type="text/x-template" id="template-menu-hatena-user"> <form class="gh-searchbox" method="get" action="/search_dwim" role="search"> <input value="" name="q" type="search" class="gh-inputtext" placeholder="キーワード・URLを検索" size="40" /> <input value="" type="submit" class="gh-search-button" /> </form> <ul class="gh-service-menu"> <li><a class="hotentry" data-gtm-label="gh-mypage" href="{{hotentry_url}}"><img src="{{user_image_url}}" class="header-profile-icon" width="16" height="16" alt="{{username}}" /></a><a class="hotentry" data-gtm-label="gh-mypage" href="{{hotentry_url}}">マイページ</a></li> <li><a class="bookmark" data-gtm-label="gh-bookmark" href="{{bookmark_url}}">ブックマーク</a></li> <li><a class="unread_bookmark" data-gtm-label="gh-ril" href="{{bookmark_stock_url}}">あとで読む</a></li> <li><a class="add" data-gtm-label="gh-add" href="{{add_bookmark_url}}">追加</a></li> <li><a class="tools" data-gtm-label="gh-tools" href="/guide/tools">ツール</a></li> <li><a class="config" data-gtm-label="gh-config" href="/-/my/config/profile">設定</a></li> <li><a class="feedback" data-gtm-label="gh-feedback" href="/-/feedback/hatena_bookmark" target="_blank">フィードバック</a></li> <li id="header-username" class="gh-dropdown-services" data-gtm-label="gh-services" title="利用中のサービス" data-name="{{username}}"> <span class="header-dropdown gh-dropdown" tabindex="0"> <img src="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/common/usermenu-wh.svg" alt="利用中のサービス" width="24" height="24" /> </span> <dl class="header-window" id="username-window"></dl> </li> <li id="header-notify" data-gtm-label="gh-notify" class="gh-dropdown-notify" title="あなたへのお知らせ"> <span class="header-dropdown gh-dropdown" tabindex="0"> <img src="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/common/notify-wh.svg" alt="あなたへのお知らせ" width="25" height="25" /> <span class="notify-count"></span> </span> <div id="notify-window" class="header-window header-notify"></div> </li> <li class="gh-hatena-logo"><a href="http://www.hatena.ne.jp/"><img src="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/logo/logo-global-white.svg" alt="Hatena" width="74px" height="13px"/></a></li> </ul> </script> </div> </header> <div id="info-header"><div id="info-header-message"></div><span></span></div> <div class="global-notification is-hidden js-global-notification"></div> <div id="container"> <div class="entrysearch-searchbox"> <form class="entrysearch-searchbox-body js-entrysearch-form" method="get"> <input value="Markdown" type="text" class="entrysearch-searchbox-textInput js-entrysearch-form-text-input" size="40" aria-label="検索キーワードを入力"> <input value="tag" name="target" type="hidden"> <input value="popular" name="sort" type="hidden"> <input value="3" name="users" type="hidden"> <input value="on" name="safe" type="hidden"> <input value="検索" type="submit" class="entrysearch-searchbox-btn js-entrysearch-form-button" aria-label="検索"> </form> </div> <div class="centerarticle-wrapper"> <div class="left-container"> <div class="centerarticle-sidebar-menu"> <h3 class="centerarticle-aside-title">検索対象</h3> <ul class="centerarticle-sub-navi"> <li><a href="/q/Markdown?sort=popular&amp;safe=on&amp;date_range=5y&amp;users=3&amp;target=all" >すべて</a></li> <li><a href="/q/Markdown?safe=on&amp;date_range=5y&amp;sort=popular&amp;target=tag&amp;users=3" class="is-current">タグ</a></li> <li><a href="/q/Markdown?target=title&amp;users=3&amp;date_range=5y&amp;safe=on&amp;sort=popular" >タイトル</a></li> <li><a href="/q/Markdown?users=3&amp;target=text&amp;sort=popular&amp;safe=on&amp;date_range=5y" >本文</a></li> </ul> </div> <div class="centerarticle-sidebar-menu"> <h3 class="centerarticle-aside-title">並び順</h3> <ul class="centerarticle-sub-navi"> <li><a href="/q/Markdown?target=tag&amp;users=3&amp;safe=on&amp;date_range=5y&amp;sort=recent" >新着</a></li> <li><a href="/q/Markdown?target=tag&amp;users=3&amp;safe=on&amp;date_range=5y&amp;sort=popular" class="is-current">人気</a></li> </ul> </div> <div class="centerarticle-sidebar-menu"> <h3 class="centerarticle-aside-title">ブックマーク数</h3> <ul class="centerarticle-sub-navi"> <li><a href="/q/Markdown?users=1&amp;target=tag&amp;sort=popular&amp;safe=on&amp;date_range=5y" >1 user</a></li> <li><a href="/q/Markdown?sort=popular&amp;date_range=5y&amp;safe=on&amp;users=3&amp;target=tag" class="is-current">3 users</a></li> <li><a href="/q/Markdown?date_range=5y&amp;safe=on&amp;sort=popular&amp;target=tag&amp;users=50" >50 users</a></li> <li><a href="/q/Markdown?sort=popular&amp;safe=on&amp;date_range=5y&amp;users=100&amp;target=tag" >100 users</a></li> <li><a href="/q/Markdown?users=500&amp;target=tag&amp;sort=popular&amp;safe=on&amp;date_range=5y" >500 users</a></li> </ul> </div> <div class="centerarticle-sidebar-menu js-safe-search-div is-hidden" title="セーフサーチはログイン時にのみoffにできます"> <h3 class="centerarticle-aside-title">セーフサーチ</h3> <ul class="centerarticle-sub-navi"> <li><a href="/q/Markdown?target=tag&amp;users=3&amp;date_range=5y&amp;safe=on&amp;sort=popular" class="is-current">オン</a></li> <li><a href="/q/Markdown?users=3&amp;target=tag&amp;sort=popular&amp;date_range=5y&amp;safe=off" >オフ</a></li> </ul> </div> <div class="centerarticle-sidebar-menu js-entrysearch-date"> <h3 class="centerarticle-aside-title">期間指定</h3> <ul class="centerarticle-sub-navi"> <li><a href="/q/Markdown?safe=on&amp;date_range=all&amp;sort=popular&amp;target=tag&amp;users=3" >すべて</a></li> <li><a href="/q/Markdown?target=tag&amp;users=3&amp;date_range=w&amp;safe=on&amp;sort=popular" >1週間</a></li> <li><a href="/q/Markdown?sort=popular&amp;safe=on&amp;date_range=m&amp;users=3&amp;target=tag" >1ヶ月</a></li> <li><a href="/q/Markdown?users=3&amp;target=tag&amp;sort=popular&amp;date_range=y&amp;safe=on" >1年</a></li> </ul> <form method="get" class="js-entrysearch-datepicker-form"> <input value="Markdown" class="js-entrysearch-form-text-input" type="hidden"> <input value="tag" name="target" type="hidden"> <input value="popular" name="sort" type="hidden"> <input value="3" name="users" type="hidden"> <input value="on" name="safe" type="hidden"> <ul class="centerarticle-sub-navi"> <li><input class="js-entrysearch-datepicker-start entrysearch-searchbox-dateInput" value="" type="text" name="date_begin"> から</li> <li><input class="js-entrysearch-datepicker-end entrysearch-searchbox-dateInput" value="" type="text" name="date_end"> まで</li> <li><input value="検索" type="submit" class="entrysearch-searchbox-btn js-entrysearch-form-button"><li> </ul> </form> </div> </div> <div class="entrysearch-bar"> <p class="entrysearch-bar-results">361 - 400 件 / 665件</p> <div class="entrysearch-bar-inner"> <button class="entrysearch-filter-btn js-entrysearch-filter-btn">絞り込み</button> <a class="entrysearch-sort-btn" href="/q/Markdown?sort=popular&amp;safe=on&amp;date_range=5y&amp;users=3&amp;target=tag">新着順</a> <a class="entrysearch-sort-btn is-current" href="/q/Markdown?sort=recent&amp;date_range=5y&amp;safe=on&amp;users=3&amp;target=tag">人気順</a> </div> </div> <div class="entrysearch-filter js-entrysearch-filter is-hidden"> <div class="entrysearch-filter-header"> <h2 class="entrysearch-filter-title">絞り込み</h2> <button class="entrysearch-filter-close js-entrysearch-filter-close"></button> </div> <ul class="entrysearch-filter-list"> <li class="entrysearch-filter-item js-entrysearch-target-dropdown"> <h3 class="entrysearch-filter-item-head">検索対象</h3> <div class="entrysearch-filter-item-value-wrapper"> <select class="entrysearch-filter-item-value js-entrysearch-filter-target"> <option value="all" >すべて</option> <option value="tag" selected>タグ</option> <option value="title" >タイトル</option> <option value="text" >本文</option> </select> </div> </li> <li class="entrysearch-filter-item"> <h3 class="entrysearch-filter-item-head">ブックマーク数</h3> <div class="entrysearch-filter-item-value-wrapper"> <select class="entrysearch-filter-item-value js-entrysearch-filter-users"> <option value="1" >1 user</option> <option value="3" selected>3 users</option> <option value="50" >50 users</option> <option value="100" >100 users</option> <option value="500" >500 users</option> </select> </div> </li> <li class="entrysearch-filter-item"> <h3 class="entrysearch-filter-item-head">期間</h3> <div class="entrysearch-filter-item-value-wrapper"> <select class="entrysearch-filter-item-value js-entrysearch-filter-daterange"> <option value="all">すべて</option> <option value="w" >1週間</option> <option value="m" >1ヶ月</option> <option value="y" >1年</option> </select> </div> </li> <li class="entrysearch-filter-item js-safe-search-div is-hidden"> <h3 class="entrysearch-filter-item-head">セーフサーチ</h3> <div class="entrysearch-filter-checkbox"> <input type="checkbox" name="safesearch" id="safesearch" class="js-entryseach-safesearch" checked> <label class="entrysearch-filter-checkbox-label" for="safesearch"></label> </div> </li> </ul> <div class="entrysearch-filter-footer"> <button class="entrysearch-filter-search-btn styleguide-btn-primary js-entrysearch-filter-search-btn">検索する</button> <button class="entrysearch-filter-clear-btn styleguide-btn-text js-entrysearch-filter-clear-btn">条件をクリアする</button> </div> </div> <div class="search-container"> <h2 class="entrysearch-title"> <span class="entrysearch-word">Markdownの検索結果</span><span class="entrysearch-result">361 - 400 件 / 665件</span> </h2> <div class="entrysearch-related-entries" data-gtm-inview-label="entry-search-recommend-header"> <h3 class="entrysearch-related-title">Markdownの関連エントリー</h3> <ul class="entrysearch-related-list"> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://zenn.dev/gmomedia/articles/6ed3718b4c6bc1" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fce42b91e57f9ff3fa00e725f01d03f5e3ed0bef/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--5W-yk4Ae--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E6%25259C%252580%2525E8%2525BF%252591%2525E3%252581%2525AECSS%2525E3%252582%252592%2525E6%252594%2525B9%2525E3%252582%252581%2525E3%252581%2525A6%2525E3%252581%2525A1%2525E3%252582%252583%2525E3%252582%252593%2525E3%252581%2525A8%2525E5%2525AD%2525A6%2525E3%252582%252593%2525E3%252581%2525A7%2525E3%252581%2525BF%2525E3%252581%25259F%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3ARiya%252520Amemiya%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzMzOGEzNzc5MTMuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fg_south_west%252Ch_34%252Cl_default%3Aog-publication-pro-mark-xcosax%252Cw_34%252Cx_217%252Cy_158%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3AGMO%2525E3%252583%2525A1%2525E3%252583%252587%2525E3%252582%2525A3%2525E3%252582%2525A2%2525E3%252583%252586%2525E3%252583%252583%2525E3%252582%2525AF%2525E3%252583%252596%2525E3%252583%2525AD%2525E3%252582%2525B0%252Cx_255%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzIyOTk0YWYxZDYuanBlZw%3D%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="最近のCSSを改めてちゃんと学んでみた"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://zenn.dev/gmomedia/articles/6ed3718b4c6bc1" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-title"> 最近のCSSを改めてちゃんと学んでみた </a> </h4> <a href="/entry/s/zenn.dev/gmomedia/articles/6ed3718b4c6bc1" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-header-d-users"> 97 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://ics.media/entry/250319/" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f1b02b08d5132db72ce0bf6673cbb64110ac8dba/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F250319%2Fimages%2Feyecatch.png" alt="CSSでテキストの上下余白が調整可能に!text-box-trimの使い方 - ICS MEDIA"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://ics.media/entry/250319/" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-title"> CSSでテキストの上下余白が調整可能に!text-box-trimの使い方 - ICS MEDIA </a> </h4> <a href="/entry/s/ics.media/entry/250319/" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-header-d-users"> 185 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://programmingforever.hatenablog.com/entry/2021/09/20/212733" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b1d5d8999fd42cdb67a752c0bccf62d67fe05a32/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F26006613572489535%2F13574176438013888613%2F1633165970" alt="【Git】リポジトリをコンパクトにする - MarkdownとBullet Journal"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://programmingforever.hatenablog.com/entry/2021/09/20/212733" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-title"> 【Git】リポジトリをコンパクトにする - MarkdownとBullet Journal </a> </h4> <a href="/entry/s/programmingforever.hatenablog.com/entry/2021/09/20/212733" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-header-d-users"> 42 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://developers.prtimes.jp/2025/03/10/markuplint/" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3c7cffa02de996961c3a18f114fc3642d6fbdc38/height=288;version=1;width=512/https%3A%2F%2Fdevelopers.prtimes.jp%2Fwp-content%2Fuploads%2F2025%2F03%2Fmarkuplint_blog.png" alt="PR TIMESのフロントエンド環境にMarkuplintを導入しました | PR TIMES 開発者ブログ"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://developers.prtimes.jp/2025/03/10/markuplint/" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-title"> PR TIMESのフロントエンド環境にMarkuplintを導入しました | PR TIMES 開発者ブログ </a> </h4> <a href="/entry/s/developers.prtimes.jp/2025/03/10/markuplint/" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-header-d-users"> 5 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://dev.classmethod.jp/articles/markdown-bi-evidence-security-hub/" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7627244d8211060871d0388d1a2ce0621136c54b/height=288;version=1;width=512/https%3A%2F%2Fdevio2024-media.developers.io%2Fimage%2Fupload%2Fv1740980847%2Fuser-gen-eyecatch%2Frxxwrqv35iuozudw61ff.png" alt="Markdownで管理できるBIツール &quot;Evidence&quot; を使ってSecurity Hubレポートを作ってみる | DevelopersIO"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://dev.classmethod.jp/articles/markdown-bi-evidence-security-hub/" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-title"> Markdownで管理できるBIツール &quot;Evidence&quot; を使ってSecurity Hubレポートを作ってみる | DevelopersIO </a> </h4> <a href="/entry/s/dev.classmethod.jp/articles/markdown-bi-evidence-security-hub/" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-header-d-users"> 40 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://github.com/mfontanini/presenterm" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ebece632b05ce9947a3eec6f5348f1b5e26bfebc/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F95d11dbcce6e8848726d7ea89feae21b698c0b8e922b22cd9085e01ad1970058%2Fmfontanini%2Fpresenterm" alt="GitHub - mfontanini/presenterm: A markdown terminal slideshow tool"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://github.com/mfontanini/presenterm" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-title"> GitHub - mfontanini/presenterm: A markdown terminal slideshow tool </a> </h4> <a href="/entry/s/github.com/mfontanini/presenterm" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-header-d-users"> 24 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://atmarkit.itmedia.co.jp/ait/articles/2503/06/news078.html" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9c290cb3d6ffcf56cf32fcda2dca3b18197b3b9d/height=288;version=1;width=512/https%3A%2F%2Fimage.itmedia.co.jp%2Fait%2Farticles%2F2503%2F06%2Fcover_news078.jpg" alt="書式を覚えて満足してない? Markdownをフル活用するための13テクニック"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://atmarkit.itmedia.co.jp/ait/articles/2503/06/news078.html" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-title"> 書式を覚えて満足してない? Markdownをフル活用するための13テクニック </a> </h4> <a href="/entry/s/atmarkit.itmedia.co.jp/ait/articles/2503/06/news078.html" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-header-d-users"> 36 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://ics.media/entry/250307/" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ef55da92502a4bcc24246998c60f0277b5289414/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F250307%2Fimages%2Feyecatch.jpg" alt="HTML/CSSで装飾可能に! select・optionタグの新しいカスタマイズ方法 - ICS MEDIA"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://ics.media/entry/250307/" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-title"> HTML/CSSで装飾可能に! select・optionタグの新しいカスタマイズ方法 - ICS MEDIA </a> </h4> <a href="/entry/s/ics.media/entry/250307/" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-header-d-users"> 52 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://www.publickey1.jp/blog/25/htmlcssjsiosandroiduilynxbytedance.html" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d37f6fc98325cf8c0a066f6d37c3f2aa614ed54c/height=288;version=1;width=512/https%3A%2F%2Fwww.publickey1.jp%2F2025%2FGlPhUCGWQAEOf7Z.jpg" alt="HTML/CSS/JSの単一コードでiOS/Android対応のネイティブUIアプリケーションを開発できる新フレームワーク「Lynx」、ByteDanceがオープンソース公開"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://www.publickey1.jp/blog/25/htmlcssjsiosandroiduilynxbytedance.html" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-title"> HTML/CSS/JSの単一コードでiOS/Android対応のネイティブUIアプリケーションを開発できる新フレームワーク「Lynx」、ByteDanceがオープンソース公開 </a> </h4> <a href="/entry/s/www.publickey1.jp/blog/25/htmlcssjsiosandroiduilynxbytedance.html" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-header-d-users"> 114 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://www.publickey1.jp/blog/25/eslintcssmarkdownjson.html" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f4d82e3ef72743379cb469bdba3b9343fd3a6957/height=288;version=1;width=512/https%3A%2F%2Fwww.publickey1.jp%2F2025%2F_tZnRyV8.png" alt="ESLintがCSSの構文検証など正式サポート、MarkdownやJSONのサポートに加えて"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://www.publickey1.jp/blog/25/eslintcssmarkdownjson.html" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-header-d-title"> ESLintがCSSの構文検証など正式サポート、MarkdownやJSONのサポートに加えて </a> </h4> <a href="/entry/s/www.publickey1.jp/blog/25/eslintcssmarkdownjson.html" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-header-d-users"> 32 users </a> </div> </li> </ul> </div> <ul class="entrysearch-articles"> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://www.pronotes.app/"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://www.pronotes.app/" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.pronotes.app%2F" alt="">ProNotes </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/www.pronotes.app/" class="js-keyboard-entry-page-openable" title="ProNotes (18 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 18 users </a> </span> </li> <li> <a href="/site/www.pronotes.app/" title="『www.pronotes.app』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> www.pronotes.app </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2024/04/17</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">Formatting BarProNotes shows an easy-to-reach formatting bar above selected text. Change font size, bold, insert link, or create a checklist without dragging your mouse to the toolbar.</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/Mac" data-gtm-click-label="entry-search-result-item-tag">Mac</a></li> <li><a href="/q/software" data-gtm-click-label="entry-search-result-item-tag">software</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://www.pronotes.app/"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://www.pronotes.app/" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/443732a01cf79b4f6d9cc992aa72bee16b1a3858/height=288;version=1;width=512/https%3A%2F%2Fpronotes.app%2Fog-main.png" alt="ProNotes" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://vitepress.dev/"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://vitepress.dev/" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fvitepress.dev%2F" alt="">VitePress | Vite &amp; Vue Powered Static Site Generator </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/vitepress.dev/" class="js-keyboard-entry-page-openable" title="VitePress | Vite &amp; Vue Powered Static Site Generator (18 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 18 users </a> </span> </li> <li> <a href="/site/vitepress.dev/" title="『vitepress.dev』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> vitepress.dev </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2022/08/01</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">Focus on Your ContentEffortlessly create beautiful documentation sites with just markdown. Enjoy the Vite DXInstant server start, lightning fast hot updates, and leverage Vite ecosystem plugins.</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/vite" data-gtm-click-label="entry-search-result-item-tag">vite</a></li> <li><a href="/q/vue" data-gtm-click-label="entry-search-result-item-tag">vue</a></li> <li><a href="/q/Vue.js" data-gtm-click-label="entry-search-result-item-tag">Vue.js</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://vitepress.dev/"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://vitepress.dev/" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5962b53a6303f0a84478e67a0313987471cca040/height=288;version=1;width=512/https%3A%2F%2Fvitepress.dev%2Fvitepress-og.jpg" alt="VitePress | Vite &amp; Vue Powered Static Site Generator" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://qiita.com/nokonoko_1203/items/7091714be28913da3bbb"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://qiita.com/nokonoko_1203/items/7091714be28913da3bbb" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fnokonoko_1203%2Fitems%2F7091714be28913da3bbb" alt="">VSCodeをPyCharmにする。 - Qiita </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/qiita.com/nokonoko_1203/items/7091714be28913da3bbb" class="js-keyboard-entry-page-openable" title="VSCodeをPyCharmにする。 - Qiita (18 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 18 users </a> </span> </li> <li> <a href="/site/qiita.com/nokonoko_1203" title="『qiita.com/nokonoko_1203』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> qiita.com/nokonoko_1203 </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2020/05/10</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">はじめに ぼく「Pythonistaのみんなは当然、日々の開発にエクセレントなIDEであるPyCharmを器用に使いこなして爆速開発しとるやん?」 ぼく「かくいうワイもPythonistaの端くれとしてPyCharm沼にハマって早半年以上経ったで。」 ぼく「でもな、ここ最近。」 ぼく「みんなどうやらPyCharmのインテリジェンスっぷりをよく理解していないんか、無料だからーとVSCodeとかいうツールを使っとるしているで!!!」 ぼく「これはけしからん!!!!!我らがPyCharmはこんなにすごいんだぞ!!!!!と威張ってやろうと思っていたんですが調べてれば調べるほど…」 ぼく「あれ?プラグイン組み合わせたらVSCodeで十分じゃね…?しかもめっちゃ軽い…無料でいいのこれ…と、感じる日々…」 こうして、僕のVSCode→PyCharm化計画が始まった… 目次 目次 VSCodeに求める機能</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/vscode" data-gtm-click-label="entry-search-result-item-tag">vscode</a></li> <li><a href="/q/%22VS%20Code%22" data-gtm-click-label="entry-search-result-item-tag">VS Code</a></li> <li><a href="/q/pycharm" data-gtm-click-label="entry-search-result-item-tag">pycharm</a></li> <li><a href="/q/python" data-gtm-click-label="entry-search-result-item-tag">python</a></li> <li><a href="/q/%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3" data-gtm-click-label="entry-search-result-item-tag">プラグイン</a></li> <li><a href="/q/qiita" data-gtm-click-label="entry-search-result-item-tag">qiita</a></li> <li><a href="/q/%E3%83%84%E3%83%BC%E3%83%AB" data-gtm-click-label="entry-search-result-item-tag">ツール</a></li> <li><a href="/q/tool" data-gtm-click-label="entry-search-result-item-tag">tool</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://qiita.com/nokonoko_1203/items/7091714be28913da3bbb"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://qiita.com/nokonoko_1203/items/7091714be28913da3bbb" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ae1a813d0c57180b79559f2eb5b50b883c7d26c8/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VlNDb2RlJUUzJTgyJTkyUHlDaGFybSVFMyU4MSVBQiVFMyU4MSU5OSVFMyU4MiU4QiVFMyU4MCU4MiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9ODUxZTg4ZDM3ZmY5ZTBmM2M5MzVmMzRhZjA0OGYwMzI%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBub2tvbm9rb18xMjAzJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lZmY4NmY1MWYzYTViMDRmOGYzMWM2ZDkyZGNiZmYyMg%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gTUlFUlVORQ%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D34b3236139c7cfb8054b48a3e45d93df" alt="VSCodeをPyCharmにする。 - Qiita" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://zenn.dev/razokulover/articles/e94783fe3e39bd"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://zenn.dev/razokulover/articles/e94783fe3e39bd" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Frazokulover%2Farticles%2Fe94783fe3e39bd" alt="">Scrapbox記法をMarkdownに変換するライブラリをRustで書いた </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/zenn.dev/razokulover/articles/e94783fe3e39bd" class="js-keyboard-entry-page-openable" title="Scrapbox記法をMarkdownに変換するライブラリをRustで書いた (17 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 17 users </a> </span> </li> <li> <a href="/site/zenn.dev/razokulover" title="『zenn.dev/razokulover』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> zenn.dev/razokulover </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2022/06/16</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">Scrapboxを雑な技術メモ置き場として常用している。一方でZennはそこで書き留めたメモを整理してまとめる場所として使っている。 そこで問題になるのがScrapbox記法で書いたメモをZennのMarkdownに変換するところである。 これまでは下記のGo製のCLIツールを使っていたがコードブロックの処理やリスト、その他一部のリンクがうまく変換できないことが結構あって地味なストレスであった。 そこで今回Rustの勉強も兼ねてScrapbox記法をMarkdownに変換するツールを書いてみた。 CLIとして使うなら下記のような感じでインストールして</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/rust" data-gtm-click-label="entry-search-result-item-tag">rust</a></li> <li><a href="/q/scrapbox" data-gtm-click-label="entry-search-result-item-tag">scrapbox</a></li> <li><a href="/q/markdown" data-gtm-click-label="entry-search-result-item-tag">markdown</a></li> <li><a href="/q/%E3%83%84%E3%83%BC%E3%83%AB" data-gtm-click-label="entry-search-result-item-tag">ツール</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://zenn.dev/razokulover/articles/e94783fe3e39bd"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://zenn.dev/razokulover/articles/e94783fe3e39bd" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d9cbf5f69d17848b93001b33caa9685442cfe6ac/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--igpFQiV_--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AScrapbox%2525E8%2525A8%252598%2525E6%2525B3%252595%2525E3%252582%252592Markdown%2525E3%252581%2525AB%2525E5%2525A4%252589%2525E6%25258F%25259B%2525E3%252581%252599%2525E3%252582%25258B%2525E3%252583%2525A9%2525E3%252582%2525A4%2525E3%252583%252596%2525E3%252583%2525A9%2525E3%252583%2525AA%2525E3%252582%252592Rust%2525E3%252581%2525A7%2525E6%25259B%2525B8%2525E3%252581%252584%2525E3%252581%25259F%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3AYuheiNakasaka%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2kzeF9ZT3A4VnMzd2p0d1QweXJBb19CVW9WXzFZZnNmSEZXbVpmPXMyNTAtYw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="Scrapbox記法をMarkdownに変換するライブラリをRustで書いた" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <div class="related-entry-wrapper"> <div class="entrysearch-related-entries" data-gtm-inview-label="entry-search-recommend-middle"> <h3 class="entrysearch-related-title">Markdownの関連エントリー</h3> <ul class="entrysearch-related-list"> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://wirelesswire.jp/2025/03/88294/" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3c340fbc85572ac26df460f0e8ff14906e6ba5f2/height=288;version=1;width=512/https%3A%2F%2Fwirelesswire.jp%2Fwp-content%2Fuploads%2F2025%2F03%2Fp20250325_ec2.jpg" alt="ポイント・オブ・ノーリターン:プログラミング、AGI、アメリカ"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://wirelesswire.jp/2025/03/88294/" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-title"> ポイント・オブ・ノーリターン:プログラミング、AGI、アメリカ </a> </h4> <a href="/entry/s/wirelesswire.jp/2025/03/88294/" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-middle-users"> 151 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://gigazine.net/news/20250326-iot-cloud/" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1ed2e884233d6ab44f7c9ce2ba0ce55c80935840/height=288;version=1;width=512/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2025%2F03%2F26%2Fiot-cloud%2F00.jpg" alt="食器洗い機がクラウド接続必須なことに怒りを表明した「IoT機器はまずローカル、次にクラウド」というブログが話題に"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://gigazine.net/news/20250326-iot-cloud/" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-title"> 食器洗い機がクラウド接続必須なことに怒りを表明した「IoT機器はまずローカル、次にクラウド」というブログが話題に </a> </h4> <a href="/entry/s/gigazine.net/news/20250326-iot-cloud/" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-middle-users"> 91 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://zenn.dev/dotdtech_blog/articles/dcaebb9d5024cc" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9ad19fced0132b32c7341a68f928b4f1f7386acb/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--kgUltzzz--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3APlaywright%252520MCP%2525E3%252581%2525A8Cursor%2525E3%252581%2525A7%2525E3%252580%252581E2E%2525E3%252583%252586%2525E3%252582%2525B9%2525E3%252583%252588%2525E3%252582%252592%2525E8%252587%2525AA%2525E5%25258B%252595%2525E7%252594%25259F%2525E6%252588%252590%2525E3%252581%252597%2525E3%252581%2525A6%2525E3%252581%2525BF%2525E3%252581%25259F%252520%2525E3%252580%25259CAI%2525C3%252597%2525E3%252583%252596%2525E3%252583%2525A9%2525E3%252582%2525A6%2525E3%252582%2525B6%2525E6%252593%25258D%2525E4%2525BD%25259C%2525E3%252581%2525AE%2525E6%252596%2525B0%2525E3%252582%2525A2%2525E3%252583%252597%2525E3%252583%2525AD%2525E3%252583%2525BC%2525E3%252583%252581%2525E3%252580%25259C%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3AKenshin%252520Tatsumi%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzcxNTMxNmU4NDMuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3AdotD%252520Tech%252520Blog%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EvQUVkRlRwNHBQblluOXlfQmFBU1dxXzlMOUVieWtaTWFybmktMVZ0NTVadG49czk2LWM%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="Playwright MCPとCursorで、E2Eテストを自動生成してみた 〜AI×ブラウザ操作の新アプローチ〜"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://zenn.dev/dotdtech_blog/articles/dcaebb9d5024cc" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-title"> Playwright MCPとCursorで、E2Eテストを自動生成してみた 〜AI×ブラウザ操作の新アプローチ〜 </a> </h4> <a href="/entry/s/zenn.dev/dotdtech_blog/articles/dcaebb9d5024cc" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-middle-users"> 176 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://japan.cnet.com/article/35230914/" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d1aa3608c2311645fd5ae82173e701f364f74b9f/height=288;version=1;width=512/https%3A%2F%2Fjapan.cnet.com%2Fstorage%2F2025%2F03%2F25%2F0b7df35a85d1df212e1091eb631355c7%2Flarge.jpeg" alt="マイナ免許証、スマホだけを持って運転は「不携帯」で取締対象に"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://japan.cnet.com/article/35230914/" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-title"> マイナ免許証、スマホだけを持って運転は「不携帯」で取締対象に </a> </h4> <a href="/entry/s/japan.cnet.com/article/35230914/" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-middle-users"> 172 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://zenn.dev/kimkiyong/articles/679faf454b0ee0" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/eee41374055dc1d596af13f79992d9aa7d89c691/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--wTKPpHcP--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AMicrosoft%252520Playwright%252520MCP%2525E3%252581%25258C%2525E5%252588%252587%2525E3%252582%25258A%2525E6%25258B%252593%2525E3%252581%25258FLLM%2525E3%252581%2525A8%2525E3%252583%252596%2525E3%252583%2525A9%2525E3%252582%2525A6%2525E3%252582%2525B6%2525E3%252581%2525AE%2525E6%252596%2525B0%2525E3%252581%25259F%2525E3%252581%2525AA%2525E7%2525B5%2525B1%2525E5%252590%252588%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252581%25258D%2525E3%252582%252587%2525E3%252582%252593%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzZlNGVhN2QzODAuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="Microsoft Playwright MCPが切り拓くLLMとブラウザの新たな統合"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://zenn.dev/kimkiyong/articles/679faf454b0ee0" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-title"> Microsoft Playwright MCPが切り拓くLLMとブラウザの新たな統合 </a> </h4> <a href="/entry/s/zenn.dev/kimkiyong/articles/679faf454b0ee0" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-middle-users"> 85 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://tech.mntsq.co.jp/entry/2025/03/25/102902" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d1edb42f212ad612c4664c58f93338131a3a1a76/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F4cb1a30d5a937c039d2e6ee965d85585feb71de2%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252FR%252FRYoMa_0923%252F20250323%252F20250323133656.png" alt="財布を気にしたくないのでローカルLLM(Gemma3)にコードを書かせてみた - MNTSQ Techブログ"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://tech.mntsq.co.jp/entry/2025/03/25/102902" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-title"> 財布を気にしたくないのでローカルLLM(Gemma3)にコードを書かせてみた - MNTSQ Techブログ </a> </h4> <a href="/entry/s/tech.mntsq.co.jp/entry/2025/03/25/102902" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-middle-users"> 121 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://speakerdeck.com/kentaroutakeda/si-noai-sitalaravel-reruwochao-etasonoxian-he" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3ef7bc99350f88cd54bc99cc0ed1c732e5f3a4f8/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F7d7f42c7f7bc4601aa27f2bcac0a9fdb%2Fslide_0.jpg%3F34341788" alt="私の愛したLaravel 〜レールを超えたその先へ〜"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://speakerdeck.com/kentaroutakeda/si-noai-sitalaravel-reruwochao-etasonoxian-he" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-title"> 私の愛したLaravel 〜レールを超えたその先へ〜 </a> </h4> <a href="/entry/s/speakerdeck.com/kentaroutakeda/si-noai-sitalaravel-reruwochao-etasonoxian-he" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-middle-users"> 48 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://blog.smartbank.co.jp/entry/2025/03/25/090000" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1c7dd5df45d19f89fea8873a2df7b8cbca43285d/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F4a0ee5dd7b54ca2e16d6271ccbafeb4797fc8c69%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fs%252Fsmartbank%252F20250321%252F20250321162524.png" alt="Hono + Deno で住所分割APIサーバーを2日で爆速実装する - inSmartBank"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://blog.smartbank.co.jp/entry/2025/03/25/090000" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-title"> Hono + Deno で住所分割APIサーバーを2日で爆速実装する - inSmartBank </a> </h4> <a href="/entry/s/blog.smartbank.co.jp/entry/2025/03/25/090000" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-middle-users"> 81 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://www.sbbit.jp/article/cont1/160357" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f73ac8b4de21784580edcb23e33b66f5ad0f4709/height=288;version=1;width=512/https%3A%2F%2Fwww.sbbit.jp%2Farticle%2Fimage%2F160357%2FOGP_bit202503191106000517.jpg" alt="営業AIエージェント「Origami」の大躍進、異次元のノウハウで「人はもう不要」に"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://www.sbbit.jp/article/cont1/160357" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-title"> 営業AIエージェント「Origami」の大躍進、異次元のノウハウで「人はもう不要」に </a> </h4> <a href="/entry/s/www.sbbit.jp/article/cont1/160357" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-middle-users"> 133 users </a> </div> </li> <li class="entrysearch-related-listitem"> <div class="entrysearch-related-entry"> <a href="https://note.com/hatti8/n/n07055f64f210" class="entrysearch-related-image" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-image"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b95f3c1c783f52172c51f044061243508adc8876/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F180561501%2Frectangle_large_type_2_1357e6dc984ebf2c04820fa897fa988f.jpeg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280" alt="Claude + MCP + Deep Researchを試そう|はち"> </a> <h4 class="entrysearch-related-entry-title"> <a href="https://note.com/hatti8/n/n07055f64f210" target="_blank" rel="noopener" data-gtm-click-label="entry-search-recommend-middle-title"> Claude + MCP + Deep Researchを試そう|はち </a> </h4> <a href="/entry/s/note.com/hatti8/n/n07055f64f210" class="entrysearch-related-users" data-gtm-click-label="entry-search-recommend-middle-users"> 289 users </a> </div> </li> </ul> </div> </div> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://bearblog.dev/"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://bearblog.dev/" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fbearblog.dev%2F" alt="">ʕ•ᴥ•ʔ Bear Blog </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/bearblog.dev/" class="js-keyboard-entry-page-openable" title="ʕ•ᴥ•ʔ Bear Blog (17 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 17 users </a> </span> </li> <li> <a href="/site/bearblog.dev/" title="『bearblog.dev』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> bearblog.dev </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2020/05/27</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">A privacy-first, no-nonsense, super-fast blogging platform No trackers, no javascript, no stylesheets. Just your words. This is a blogging platform where words matter most. Shun the bloat of the current web, embrace the bear necessities. Looks great on any device Tiny (~2.7kb), optimized, and awesome pages No trackers, ads, or scripts Seconds to sign up Connect your custom domain Free themes RSS &amp;</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/blog" data-gtm-click-label="entry-search-result-item-tag">blog</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://bearblog.dev/"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://bearblog.dev/" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0cb812533b88928ad19c9a956fac1eb5a50d768f/height=288;version=1;width=512/https%3A%2F%2Fbear-images.sfo2.cdn.digitaloceanspaces.com%2Fherman-1683556668-0.png" alt="ʕ•ᴥ•ʔ Bear Blog" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://kray.jp/blog/required-for-hybrid-editor/"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://kray.jp/blog/required-for-hybrid-editor/" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkray.jp%2Fblog%2Frequired-for-hybrid-editor%2F" alt="">マークダウンエディタをハイブリッドにするために必要なこと </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/kray.jp/blog/required-for-hybrid-editor/" class="js-keyboard-entry-page-openable" title="マークダウンエディタをハイブリッドにするために必要なこと (17 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 17 users </a> </span> </li> <li> <a href="/site/kray.jp/" title="『kray.jp』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> kray.jp </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2024/05/23</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">マークダウン、皆さん使っているでしょうか。使っていますよね、GitHub(GFM)やSlack(一部記法)、個人的なメモアプリ等など、マークダウンを使えるサービスは多いので、使ったことがある人は多いんじゃないかと思います。 そして弊社のDocBaseというサービスは、マークダウンを使って情報共有をするサービスです。これも皆さん使っていますね? この度は、そんなDocBaseのメモ編集画面で、ハイブリッドエディタなるものをリリースしました。これはDocBaseに存在したいくつもの不満、問題を解消してくれるもので、これが一体どういったもので、どうやって作られたのかを書いていきます。 ハイブリッドエディタとは?? 「ハイブリッド」何やらガソリンと電気を使って動きそうな印象を受ける言葉ですが、もちろんそういった意味はありません。 次の動画を見てください。 左側がマークダウン、右側がHTMLのプレビ</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/Markdown" data-gtm-click-label="entry-search-result-item-tag">Markdown</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://kray.jp/blog/required-for-hybrid-editor/"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://kray.jp/blog/required-for-hybrid-editor/" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f335be42875f3545762a19b2a4fc7dd4536c02ee/height=288;version=1;width=512/https%3A%2F%2Fkray.jp%2Fwp%2Fwp-content%2Fuploads%2F2024%2F05%2F27696c27-adb0-437f-ba24-47d7c7cde8c3-1.png" alt="マークダウンエディタをハイブリッドにするために必要なこと" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://eslint.org/blog/2024/10/eslint-json-markdown-support/"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://eslint.org/blog/2024/10/eslint-json-markdown-support/" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Feslint.org%2Fblog%2F2024%2F10%2Feslint-json-markdown-support%2F" alt="">ESLint now officially supports linting of JSON and Markdown - ESLint - Pluggable JavaScript Linter </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/eslint.org/blog/2024/10/eslint-json-markdown-support/" class="js-keyboard-entry-page-openable" title="ESLint now officially supports linting of JSON and Markdown - ESLint - Pluggable JavaScript Linter (17 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 17 users </a> </span> </li> <li> <a href="/site/eslint.org/" title="『eslint.org』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> eslint.org </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2024/10/04</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">Back in July we announced our plan for ESLint going forward. Part of that announcement discussed transitioning ESLint to be a more general-purpose linter that is capable of linting any language. A lot of the core functionality of ESLint (finding files, parsing then, reporting problems) is generic, and so we’ve spent the past few months extracting the JavaScript-specific parts of the core. We’re no</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/ESLint" data-gtm-click-label="entry-search-result-item-tag">ESLint</a></li> <li><a href="/q/Markdown" data-gtm-click-label="entry-search-result-item-tag">Markdown</a></li> <li><a href="/q/JSON" data-gtm-click-label="entry-search-result-item-tag">JSON</a></li> <li><a href="/q/article" data-gtm-click-label="entry-search-result-item-tag">article</a></li> <li><a href="/q/javascript" data-gtm-click-label="entry-search-result-item-tag">javascript</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://eslint.org/blog/2024/10/eslint-json-markdown-support/"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://eslint.org/blog/2024/10/eslint-json-markdown-support/" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4f93de79fc0479afbda73fa0f2f9dcff97396275/height=288;version=1;width=512/https%3A%2F%2Feslint.org%2Ficon-512.png" alt="ESLint now officially supports linting of JSON and Markdown - ESLint - Pluggable JavaScript Linter" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://qiita.com/doikoji/items/20c7078929f5a51a6183"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://qiita.com/doikoji/items/20c7078929f5a51a6183" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fdoikoji%2Fitems%2F20c7078929f5a51a6183" alt="">SSGとperlさえあればウェブサイトなどサクッと作れてしまうんじゃないのか? (perl side) - Qiita </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/qiita.com/doikoji/items/20c7078929f5a51a6183" class="js-keyboard-entry-page-openable" title="SSGとperlさえあればウェブサイトなどサクッと作れてしまうんじゃないのか? (perl side) - Qiita (17 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 17 users </a> </span> </li> <li> <a href="/site/qiita.com/doikoji" title="『qiita.com/doikoji』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> qiita.com/doikoji </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2020/12/24</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">SSGとperlさえあればウェブサイトなどサクッと作れてしまうんじゃないのか? (perl side)Perl静的サイトジェネレーターAdventCalendar2020 この記事は、Perl Advent Calendar 2020 17日目の記事です。 同時に、Static Site Generator Advent Calendar 2020の17日目の記事の姉妹版でもあります。両記事の内容に一部重複があることをご了承ください。 はじめに 2020年現在、ブログを公開して情報発信というとwordpressなどを使ったウェブコンテンツの動的な生成が主流のようです。しかし、これとは一線を画した静的コンテンツの構築というスタイルも健在です。ユーザに見せるべきHTMLデータをあらかじめ全て作り置いておくわけです。このために利用されるソフトが「静的サイトジェネレーター」です。 perlと静的サ</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/perl" data-gtm-click-label="entry-search-result-item-tag">perl</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> <li><a href="/q/Qiita" data-gtm-click-label="entry-search-result-item-tag">Qiita</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://qiita.com/doikoji/items/20c7078929f5a51a6183"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://qiita.com/doikoji/items/20c7078929f5a51a6183" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d45d8d69486b9521f01fa86704e64402997136d4/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9U1NHJUUzJTgxJUE4cGVybCVFMyU4MSU5NSVFMyU4MSU4OCVFMyU4MSU4MiVFMyU4MiU4QyVFMyU4MSVCMCVFMyU4MiVBNiVFMyU4MiVBNyVFMyU4MyU5NiVFMyU4MiVCNSVFMyU4MiVBNCVFMyU4MyU4OCVFMyU4MSVBQSVFMyU4MSVBOSVFMyU4MiVCNSVFMyU4MiVBRiVFMyU4MyU4MyVFMyU4MSVBOCVFNCVCRCU5QyVFMyU4MiU4QyVFMyU4MSVBNiVFMyU4MSU5NyVFMyU4MSVCRSVFMyU4MSU4NiVFMyU4MiU5MyVFMyU4MSU5OCVFMyU4MiU4MyVFMyU4MSVBQSVFMyU4MSU4NCVFMyU4MSVBRSVFMyU4MSU4QiVFRiVCQyU5RiUyMCUyOHBlcmwlMjBzaWRlJTI5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0zOTA2ZmZjODMyNjdiZDY2YjBkMTkzMjZmYTJjOWUwMw%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBkb2lrb2ppJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xNTMzN2U5Mzc2N2VlZGYzNWVkNjRjZDU4ZDU0NzkzNw%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3Dde8148562fa05b748ce9c2918cb9089e" alt="SSGとperlさえあればウェブサイトなどサクッと作れてしまうんじゃないのか? (perl side) - Qiita" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://ja.sli.dev/"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://ja.sli.dev/" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fja.sli.dev%2F" alt="">Slidev </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/ja.sli.dev/" class="js-keyboard-entry-page-openable" title="Slidev (16 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 16 users </a> </span> </li> <li> <a href="/site/ja.sli.dev/" title="『ja.sli.dev』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> ja.sli.dev </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2022/02/10</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">開発者のためのプレゼンテーションスライド</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/presentation" data-gtm-click-label="entry-search-result-item-tag">presentation</a></li> <li><a href="/q/slide" data-gtm-click-label="entry-search-result-item-tag">slide</a></li> <li><a href="/q/github" data-gtm-click-label="entry-search-result-item-tag">github</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://ja.sli.dev/"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://ja.sli.dev/" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9f8f67afac624c5929b684c62a5b567e52a3f681/height=288;version=1;width=512/https%3A%2F%2Fsli.dev%2Fog-image.png" alt="Slidev" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://zenn.dev/mebiusbox/articles/81d977a72cee01"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://zenn.dev/mebiusbox/articles/81d977a72cee01" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fmebiusbox%2Farticles%2F81d977a72cee01" alt="">MkDocsによるドキュメント作成 </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/zenn.dev/mebiusbox/articles/81d977a72cee01" class="js-keyboard-entry-page-openable" title="MkDocsによるドキュメント作成 (16 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 16 users </a> </span> </li> <li> <a href="/site/zenn.dev/mebiusbox" title="『zenn.dev/mebiusbox』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> zenn.dev/mebiusbox </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2021/02/24</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">📌 はじめに mkdocs は 静的サイトジェネレータです。コンテンツは基本的に markdown 形式で記述したソースファイルになります。またHTML形式のファイルを使うことも出来ます。この記事では Windows で個人的な最低限の作成環境をまとめました。 MkDocs 📌 mkdocs のインストール python をインストールします。今回は 3.9 で試しました。なお、私の環境は Windows+miniconda で構築しています。 次に pip を使って mkdocs をインストールします。 pip install mkdocs 動作環境は次のとおりです。 python 3.9.5 mkdocs 1.4.2 mkdocs-material 8.5.11 mkdocs-material-extentions 1.1.1 pymdown-extensions 9.9 📌 プ</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/mkdocs" data-gtm-click-label="entry-search-result-item-tag">mkdocs</a></li> <li><a href="/q/%E8%A8%AD%E8%A8%88" data-gtm-click-label="entry-search-result-item-tag">設計</a></li> <li><a href="/q/tech" data-gtm-click-label="entry-search-result-item-tag">tech</a></li> <li><a href="/q/python" data-gtm-click-label="entry-search-result-item-tag">python</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://zenn.dev/mebiusbox/articles/81d977a72cee01"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://zenn.dev/mebiusbox/articles/81d977a72cee01" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7c981312a648da365606d346f735866c5a976b00/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--GAfEWx11--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AMkDocs%2525E3%252581%2525AB%2525E3%252582%252588%2525E3%252582%25258B%2525E3%252583%252589%2525E3%252582%2525AD%2525E3%252583%2525A5%2525E3%252583%2525A1%2525E3%252583%2525B3%2525E3%252583%252588%2525E4%2525BD%25259C%2525E6%252588%252590%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Amebiusbox%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2UzZjRiZTVmOTguanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="MkDocsによるドキュメント作成" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://zenn.dev/monaqa/articles/2023-04-19-typst-introduction"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://zenn.dev/monaqa/articles/2023-04-19-typst-introduction" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fmonaqa%2Farticles%2F2023-04-19-typst-introduction" alt="">話題の組版エンジン Typst を触ってみた </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/zenn.dev/monaqa/articles/2023-04-19-typst-introduction" class="js-keyboard-entry-page-openable" title="話題の組版エンジン Typst を触ってみた (16 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 16 users </a> </span> </li> <li> <a href="/site/zenn.dev/monaqa" title="『zenn.dev/monaqa』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> zenn.dev/monaqa </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2023/04/27</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">Typst — 新しい組版エンジン 今年の3月21日、Typst というソフトウェアが public beta となり、処理系がオープンソースで公開されました。 Typst is a new markup-based typesetting system for the sciences. Typst はマークアップベースの新しい組版システムです。独自の構文を持っており、Typst で書かれた文書をオンラインサービスまたはローカル上でコンパイルすることで PDF に変換(出力)することができます。 公式サイトには「科学分野向け」「LaTeX への不満から生まれた」とあり、数式や相互参照等の機能が充実していることから、メインターゲットも LaTeX ときわめて近いところにあると考えられます。とはいえそれ自体は汎用的な組版システムなので、用途も 論文・会議原稿 雑誌の記事 小説 技術書 スライ</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/typst" data-gtm-click-label="entry-search-result-item-tag">typst</a></li> <li><a href="/q/latex" data-gtm-click-label="entry-search-result-item-tag">latex</a></li> <li><a href="/q/math" data-gtm-click-label="entry-search-result-item-tag">math</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://zenn.dev/monaqa/articles/2023-04-19-typst-introduction"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://zenn.dev/monaqa/articles/2023-04-19-typst-introduction" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/94686f83abff9f4bc8144599d605a021df0c8009/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--cIMLaI-c--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E8%2525A9%2525B1%2525E9%2525A1%25258C%2525E3%252581%2525AE%2525E7%2525B5%252584%2525E7%252589%252588%2525E3%252582%2525A8%2525E3%252583%2525B3%2525E3%252582%2525B8%2525E3%252583%2525B3%252520Typst%252520%2525E3%252582%252592%2525E8%2525A7%2525A6%2525E3%252581%2525A3%2525E3%252581%2525A6%2525E3%252581%2525BF%2525E3%252581%25259F%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Amonaqa%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzE3OTQ0OWFlNjYuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="話題の組版エンジン Typst を触ってみた" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://github.com/rsms/markdown-wasm"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://github.com/rsms/markdown-wasm" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Frsms%2Fmarkdown-wasm" alt="">GitHub - rsms/markdown-wasm: Very fast Markdown parser and HTML generator implemented in WebAssembly, based on md4c </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/github.com/rsms/markdown-wasm" class="js-keyboard-entry-page-openable" title="GitHub - rsms/markdown-wasm: Very fast Markdown parser and HTML generator implemented in WebAssembly, based on md4c (16 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 16 users </a> </span> </li> <li> <a href="/site/github.com/rsms" title="『github.com/rsms』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> github.com/rsms </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2020/10/22</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/WebAssembly" data-gtm-click-label="entry-search-result-item-tag">WebAssembly</a></li> <li><a href="/q/markdown" data-gtm-click-label="entry-search-result-item-tag">markdown</a></li> <li><a href="/q/html" data-gtm-click-label="entry-search-result-item-tag">html</a></li> <li><a href="/q/github" data-gtm-click-label="entry-search-result-item-tag">github</a></li> <li><a href="/q/library" data-gtm-click-label="entry-search-result-item-tag">library</a></li> <li><a href="/q/JavaScript" data-gtm-click-label="entry-search-result-item-tag">JavaScript</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://github.com/rsms/markdown-wasm"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://github.com/rsms/markdown-wasm" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/72ba8bff8106844914d09a4ba6799a653681ec14/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2Fa8906e74d618040f188ec514dc9ae2691c2af5f440026e6a4ccb560490cf814c%2Frsms%2Fmarkdown-wasm" alt="GitHub - rsms/markdown-wasm: Very fast Markdown parser and HTML generator implemented in WebAssembly, based on md4c" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dgera2ld.markmap-vscode" alt="">Markmap - Visual Studio Marketplace </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode" class="js-keyboard-entry-page-openable" title="Markmap - Visual Studio Marketplace (16 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 16 users </a> </span> </li> <li> <a href="/site/marketplace.visualstudio.com/" title="『marketplace.visualstudio.com』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> marketplace.visualstudio.com </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2021/04/04</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">markmap-vscode This extension integrates markmap into VSCode. Features Preview markdown files as markmap Edit markdown files in a text editor and the markmap will update on the fly Works offline Usage Command Palette Open a markdown file. Then open the Command Palette (⇧⌘P) and search Open as markmap, press enter. Context menu Right click on a markdown file, then choose Open as markmap. Button on</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/vscode" data-gtm-click-label="entry-search-result-item-tag">vscode</a></li> <li><a href="/q/mindmap" data-gtm-click-label="entry-search-result-item-tag">mindmap</a></li> <li><a href="/q/markdown" data-gtm-click-label="entry-search-result-item-tag">markdown</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/08fe294440b46eaf472ad548c3eafd63918e2544/height=288;version=1;width=512/https%3A%2F%2Fgera2ld.gallerycdn.vsassets.io%2Fextensions%2Fgera2ld%2Fmarkmap-vscode%2F0.2.7%2F1736311550331%2FMicrosoft.VisualStudio.Services.Icons.Default" alt="Markmap - Visual Studio Marketplace" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://github.com/mendableai/firecrawl"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://github.com/mendableai/firecrawl" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fmendableai%2Ffirecrawl" alt="">GitHub - mendableai/firecrawl: 🔥 Turn entire websites into LLM-ready markdown or structured data. Scrape, crawl and extract with a single API. </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/github.com/mendableai/firecrawl" class="js-keyboard-entry-page-openable" title="GitHub - mendableai/firecrawl: 🔥 Turn entire websites into LLM-ready markdown or structured data. Scrape, crawl and extract with a single API. (16 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 16 users </a> </span> </li> <li> <a href="/site/github.com/mendableai" title="『github.com/mendableai』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> github.com/mendableai </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2024/04/20</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/github" data-gtm-click-label="entry-search-result-item-tag">github</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://github.com/mendableai/firecrawl"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://github.com/mendableai/firecrawl" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4f3eb8c308d7e58dd48ac7d2b799d77ab76af060/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2Ff01694bba57c249717ae40ea920b3a770cbc3c070872738f5332b405316511ce%2Fmendableai%2Ffirecrawl" alt="GitHub - mendableai/firecrawl: 🔥 Turn entire websites into LLM-ready markdown or structured data. Scrape, crawl and extract with a single API." data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://messagepassing.github.io/008-justright/01-morrita/"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://messagepassing.github.io/008-justright/01-morrita/" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmessagepassing.github.io%2F008-justright%2F01-morrita%2F" alt="">ちょうどよさのはなし / morrita - Message Passing </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/messagepassing.github.io/008-justright/01-morrita/" class="js-keyboard-entry-page-openable" title="ちょうどよさのはなし / morrita - Message Passing (15 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 15 users </a> </span> </li> <li> <a href="/site/messagepassing.github.io/" title="『messagepassing.github.io』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> messagepassing.github.io </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2021/02/01</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">その「ちょうどよさ」ゆえに普及したテクノロジ - アイデアや標準があると思う。 そういうのは、科学や工学でなく匠としてのプログラミングを表している気がして成功が嬉しい。 自分にとって「ちょうどいいテクノロジ」の代表は JSON (2002) と Markdown (2004). どちらも技術的にはさほど大したことはないけれど、どちらも広く使われている。 「ちょうどいいテクノロジ」はこれ以前にも色々あった。UNIX(1969) や HTTP/REST (1991) なんかが思い当たる。 ただ同時代性がないせいか成功が華やかすぎるせいか、まいち親近感がない。 ついでにいうと、自分はもはやこれらに「ちょうどよさ」を感じない。 UNIX の代表 Linux は超巨大ソフトウェアだし、HTTP の最新版 HTTP/3 は随分複雑なプロトコルに見える。 JSON と Markdown は、今のところ当</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/Markdown" data-gtm-click-label="entry-search-result-item-tag">Markdown</a></li> <li><a href="/q/JSON" data-gtm-click-label="entry-search-result-item-tag">JSON</a></li> <li><a href="/q/%E6%8A%80%E8%A1%93" data-gtm-click-label="entry-search-result-item-tag">技術</a></li> <li><a href="/q/design" data-gtm-click-label="entry-search-result-item-tag">design</a></li> <li><a href="/q/%E6%AD%B4%E5%8F%B2" data-gtm-click-label="entry-search-result-item-tag">歴史</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://messagepassing.github.io/008-justright/01-morrita/"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://messagepassing.github.io/008-justright/01-morrita/" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/15d92f3b9f8c95c81aa90323cc96d9523a5e3cea/height=288;version=1;width=512/https%3A%2F%2Fmessagepassing.github.io%2Fogimage.jpeg" alt="ちょうどよさのはなし / morrita - Message Passing" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://applech2.com/archives/20220114-one-thing-for-mac-put-task-in-menu-bar.html"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://applech2.com/archives/20220114-one-thing-for-mac-put-task-in-menu-bar.html" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fapplech2.com%2Farchives%2F20220114-one-thing-for-mac-put-task-in-menu-bar.html" alt="">最も重要なタスク1つだけをMacのメニューバーに表示しておくことができるアプリ「One Thing」がリリース。 </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/applech2.com/archives/20220114-one-thing-for-mac-put-task-in-menu-bar.html" class="js-keyboard-entry-page-openable" title="最も重要なタスク1つだけをMacのメニューバーに表示しておくことができるアプリ「One Thing」がリリース。 (15 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 15 users </a> </span> </li> <li> <a href="/site/applech2.com/" title="『applech2.com』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> applech2.com </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2022/01/14</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">One Thingのシステム要件はmacOS 12.1 Monterey以上で、ショートカットアプリにも対応。アプリ自体は無料でMac App Store公開されており、SorhusさんはこアプリをSwiftUIだけで開発したそうなので、興味のある方は試してみてください。 The app is free and is fully made with SwiftUI, even the menu bar item (see screenshot). It was made in a single day, as a challenge. I&#39;m gonna try to do more of those. It forces me to keep the scope small. It&#39;s kinda like an introvert hackathon. pic.twitter.com/</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/mac" data-gtm-click-label="entry-search-result-item-tag">mac</a></li> <li><a href="/q/%E3%82%A2%E3%83%97%E3%83%AA" data-gtm-click-label="entry-search-result-item-tag">アプリ</a></li> <li><a href="/q/app" data-gtm-click-label="entry-search-result-item-tag">app</a></li> <li><a href="/q/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3" data-gtm-click-label="entry-search-result-item-tag">デザイン</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://applech2.com/archives/20220114-one-thing-for-mac-put-task-in-menu-bar.html"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://applech2.com/archives/20220114-one-thing-for-mac-put-task-in-menu-bar.html" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a84ac4dd095f02619259499fbf809ad5646ffcd5/height=288;version=1;width=512/https%3A%2F%2Fapplech2.com%2Fwp-content%2Fuploads%2F2022%2F01%2FOne-Thing-for-Mac-Hero2.jpg" alt="最も重要なタスク1つだけをMacのメニューバーに表示しておくことができるアプリ「One Thing」がリリース。" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://github.com/wooorm/markdown-rs"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://github.com/wooorm/markdown-rs" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fwooorm%2Fmarkdown-rs" alt="">GitHub - wooorm/markdown-rs: CommonMark compliant markdown parser in Rust with ASTs and extensions </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/github.com/wooorm/markdown-rs" class="js-keyboard-entry-page-openable" title="GitHub - wooorm/markdown-rs: CommonMark compliant markdown parser in Rust with ASTs and extensions (15 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 15 users </a> </span> </li> <li> <a href="/site/github.com/wooorm" title="『github.com/wooorm』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> github.com/wooorm </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2023/02/24</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/markdown" data-gtm-click-label="entry-search-result-item-tag">markdown</a></li> <li><a href="/q/Rust" data-gtm-click-label="entry-search-result-item-tag">Rust</a></li> <li><a href="/q/Parser" data-gtm-click-label="entry-search-result-item-tag">Parser</a></li> <li><a href="/q/library" data-gtm-click-label="entry-search-result-item-tag">library</a></li> <li><a href="/q/github" data-gtm-click-label="entry-search-result-item-tag">github</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://github.com/wooorm/markdown-rs"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://github.com/wooorm/markdown-rs" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e31ac445f24862c0d931eddb4241d83d789301f4/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2Ff500b8bc55f298a039a5ad67371f40543e201805abce3d16499a1d7db2e8ebd9%2Fwooorm%2Fmarkdown-rs" alt="GitHub - wooorm/markdown-rs: CommonMark compliant markdown parser in Rust with ASTs and extensions" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry "> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://qiita.com/youtoy/items/e0495701f03c1875e032"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://qiita.com/youtoy/items/e0495701f03c1875e032" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fyoutoy%2Fitems%2Fe0495701f03c1875e032" alt="">Microsoft の「MarkItDown」で Officeファイルを Markdownファイルに変換【Python】 - Qiita </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/qiita.com/youtoy/items/e0495701f03c1875e032" class="js-keyboard-entry-page-openable" title="Microsoft の「MarkItDown」で Officeファイルを Markdownファイルに変換【Python】 - Qiita (15 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 15 users </a> </span> </li> <li> <a href="/site/qiita.com/" title="『qiita.com』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> qiita.com </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2024/12/15</span></li> </ul> </div> <div class="centerarticle-entry-contents "> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">この記事は、「Python Advent Calendar 2024」の 15日目の記事です。 はじめに この記事を書くきっかけになったのは、はてなブックマークのテクノロジーカテゴリで、以下が出てきていたことです。 ●markitdown https://github.com/microsoft/markitdown これは便利そうです。 以前から公開されていたものなのかが気になり Web検索してみたところ、以下の公開されたばかりの記事が出てきました。 ●Microsoft、WordやPowerPoint、ExcelなどOfficeファイルをMarkdownファイルに変換できる「MarkItDown」ライブラリを公開。 | AAPL Ch. https://applech2.com/archives/20241214-microsoft-markitdown.html 情報を見てみる まだ</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/Python" data-gtm-click-label="entry-search-result-item-tag">Python</a></li> <li><a href="/q/%E4%BA%BA%E5%B7%A5%E7%9F%A5%E8%83%BD" data-gtm-click-label="entry-search-result-item-tag">人工知能</a></li> <li><a href="/q/techfeed" data-gtm-click-label="entry-search-result-item-tag">techfeed</a></li> <li><a href="/q/Microsoft" data-gtm-click-label="entry-search-result-item-tag">Microsoft</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://qiita.com/youtoy/items/e0495701f03c1875e032"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry "> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://diary.sorah.jp/2023/11/20/overhaul"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://diary.sorah.jp/2023/11/20/overhaul" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdiary.sorah.jp%2F2023%2F11%2F20%2Foverhaul" alt="">ブログと Web サイトをオーバーホールした </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/diary.sorah.jp/2023/11/20/overhaul" class="js-keyboard-entry-page-openable" title="ブログと Web サイトをオーバーホールした (15 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 15 users </a> </span> </li> <li> <a href="/site/diary.sorah.jp/" title="『diary.sorah.jp』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> diary.sorah.jp </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2023/11/20</span></li> </ul> </div> <div class="centerarticle-entry-contents "> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">一部の人には気付かれていたと思うんですが、diary.sorah.jp と blog.sorah.jp が長い間ダウンしていました。復旧させるのも腰が重く 2 年くらい放置していて (その間にも一瞬手を入れたりはしていたけど持続せず)、11 月に入っていろいろな家事をしていてその一環でようやく復活に至ったので報告します。 先に結果として書くと、sorah.jp 含めて Next.js 13 (SSG) になりました。裏に https://github.com/sorah/kozeki というちょっとしたソフトウェアがいて、Markdown ファイル群を処理させています。 なんで復旧の腰が重かったのか ブログはこれまで sorah/days - Rack アプリをデプロイしていました。サーバーフル! まずこのアプリ自体が ActiveRecord + Sinatra という構成になっていて</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/tech" data-gtm-click-label="entry-search-result-item-tag">tech</a></li> <li><a href="/q/web" data-gtm-click-label="entry-search-result-item-tag">web</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://diary.sorah.jp/2023/11/20/overhaul"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://qiita.com/hayao_k/items/b0381b4d2af42e1874eb"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://qiita.com/hayao_k/items/b0381b4d2af42e1874eb" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fhayao_k%2Fitems%2Fb0381b4d2af42e1874eb" alt="">AWS サポートケースの履歴を自動で Wiki にナレッジ化する - Qiita </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/qiita.com/hayao_k/items/b0381b4d2af42e1874eb" class="js-keyboard-entry-page-openable" title="AWS サポートケースの履歴を自動で Wiki にナレッジ化する - Qiita (15 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 15 users </a> </span> </li> <li> <a href="/site/qiita.com/hayao_k" title="『qiita.com/hayao_k』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> qiita.com/hayao_k </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2022/08/09</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/aws" data-gtm-click-label="entry-search-result-item-tag">aws</a></li> <li><a href="/q/qiita" data-gtm-click-label="entry-search-result-item-tag">qiita</a></li> <li><a href="/q/api" data-gtm-click-label="entry-search-result-item-tag">api</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://qiita.com/hayao_k/items/b0381b4d2af42e1874eb"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://qiita.com/hayao_k/items/b0381b4d2af42e1874eb" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b1e07032da5a91aa20b011e621f423bca386894d/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9QVdTJTIwJUUzJTgyJUI1JUUzJTgzJTlEJUUzJTgzJUJDJUUzJTgzJTg4JUUzJTgyJUIxJUUzJTgzJUJDJUUzJTgyJUI5JUUzJTgxJUFFJUU1JUIxJUE1JUU2JUFEJUI0JUUzJTgyJTkyJUU4JTg3JUFBJUU1JThCJTk1JUUzJTgxJUE3JTIwV2lraSUyMCVFMyU4MSVBQiVFMyU4MyU4QSVFMyU4MyVBQyVFMyU4MyU4MyVFMyU4MiVCOCVFNSU4QyU5NiVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NjRhNWQxY2YxZDA2MDMxMmE5ZGYwODdiYjIxZDEzOWI%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwaGF5YW9fayUyMGluJTIwJUU2JUEwJUFBJUU1JUJDJThGJUU0JUJDJTlBJUU3JUE0JUJFJUUzJTgyJUJCJUUzJTgyJUJFJUUzJTgzJUIzJUUzJTgzJTg2JUUzJTgyJUFGJUUzJTgzJThFJUUzJTgzJUFEJUUzJTgyJUI4JUUzJTgzJUJDJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzImdHh0LWFsaWduPWxlZnQlMkN0b3Amcz03MTJhMDBjNTM0ZWU1NWYzYjhjOWYxNzNhZTY4ZTA2MQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D3dbfa0be94fcb50516bbe14cb22c9be3" alt="AWS サポートケースの履歴を自動で Wiki にナレッジ化する - Qiita" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://github.com/Milkdown/milkdown"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://github.com/Milkdown/milkdown" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2FMilkdown%2Fmilkdown" alt="">GitHub - Milkdown/milkdown: 🍼 Plugin driven WYSIWYG markdown editor framework. </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/github.com/Milkdown/milkdown" class="js-keyboard-entry-page-openable" title="GitHub - Milkdown/milkdown: 🍼 Plugin driven WYSIWYG markdown editor framework. (15 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 15 users </a> </span> </li> <li> <a href="/site/github.com/Milkdown" title="『github.com/Milkdown』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> github.com/Milkdown </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2021/04/12</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/markdown" data-gtm-click-label="entry-search-result-item-tag">markdown</a></li> <li><a href="/q/editor" data-gtm-click-label="entry-search-result-item-tag">editor</a></li> <li><a href="/q/github" data-gtm-click-label="entry-search-result-item-tag">github</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://github.com/Milkdown/milkdown"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://github.com/Milkdown/milkdown" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a77316ab450b454233717d3c5ca11b6385657cbf/height=288;version=1;width=512/https%3A%2F%2Frepository-images.githubusercontent.com%2F345922282%2F584f87eb-2da3-4f23-ab74-0894f14c3bf8" alt="GitHub - Milkdown/milkdown: 🍼 Plugin driven WYSIWYG markdown editor framework." data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://github.com/lumeland/lume"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://github.com/lumeland/lume" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Flumeland%2Flume" alt="">GitHub - lumeland/lume: 🔥 Static site generator for Deno 🦕 </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/github.com/lumeland/lume" class="js-keyboard-entry-page-openable" title="GitHub - lumeland/lume: 🔥 Static site generator for Deno 🦕 (14 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 14 users </a> </span> </li> <li> <a href="/site/github.com/lumeland" title="『github.com/lumeland』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> github.com/lumeland </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2021/06/12</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">Lume is the Galician word for fire but also a (yet another) static site generator for Deno. It’s inspired by other general-purpose static site generators, such as Jekyll and Eleventy, but it’s faster, simpler and easier to use and configure, besides being super flexible. Supports multiple file formats, like Markdown, YAML, JavaScript, TypeScript, JSX and Nunjucks, and it’s easy to extend. You can</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/deno" data-gtm-click-label="entry-search-result-item-tag">deno</a></li> <li><a href="/q/repos" data-gtm-click-label="entry-search-result-item-tag">repos</a></li> <li><a href="/q/markdown" data-gtm-click-label="entry-search-result-item-tag">markdown</a></li> <li><a href="/q/github" data-gtm-click-label="entry-search-result-item-tag">github</a></li> <li><a href="/q/it" data-gtm-click-label="entry-search-result-item-tag">it</a></li> <li><a href="/q/javascript" data-gtm-click-label="entry-search-result-item-tag">javascript</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://github.com/lumeland/lume"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://github.com/lumeland/lume" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2c31b401a16da7fb52640c966731e89ddaf53d4e/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F732be9043a667ec813b6f124fee35c7b57323abf41df77184795ed45278befaa%2Flumeland%2Flume" alt="GitHub - lumeland/lume: 🔥 Static site generator for Deno 🦕" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://usememos.com/"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://usememos.com/" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fusememos.com%2F" alt="">Memos - Easily capture and share your great thoughts. Open Source and Free to Use </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/usememos.com/" class="js-keyboard-entry-page-openable" title="Memos - Easily capture and share your great thoughts. Open Source and Free to Use (14 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 14 users </a> </span> </li> <li> <a href="/site/usememos.com/" title="『usememos.com』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> usememos.com </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2023/02/27</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">Privacy FirstKeep your own data by yourself. All data generated at runtime is saved in the SQLite database file. Plain text with MarkdownAll content will be saved as plain text, not HTML. And lots of useful markdown syntax are supported.</p> <ul class="entrysearch-entry-tags"> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://usememos.com/"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://usememos.com/" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e3918e63cacec4c24adb2ef9be437542d5f1a2de/height=288;version=1;width=512/https%3A%2F%2Fwww.usememos.com%2Flogo-rounded.png" alt="Memos - Easily capture and share your great thoughts. Open Source and Free to Use" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://note.com/nooyosh/n/nc97d8b3c26c1"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://note.com/nooyosh/n/nc97d8b3c26c1" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Fnooyosh%2Fn%2Fnc97d8b3c26c1" alt="">2021年前半ノートアプリ比較22選+α|nooyosh </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/note.com/nooyosh/n/nc97d8b3c26c1" class="js-keyboard-entry-page-openable" title="2021年前半ノートアプリ比較22選+α|nooyosh (14 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 14 users </a> </span> </li> <li> <a href="/site/note.com/nooyosh" title="『note.com/nooyosh』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> note.com/nooyosh </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2021/05/25</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">こんにちは、nooyoshです。前半と言いつつ5月に投稿します。最近ノートアプリ(情報整理アプリ)をいろいろ試したので、少しまとめてみました。 ◆長すぎて読めないんだが?(TL; DR) おすすめは、Obsidian、Logseq、Zettlr、Notion、Scrapbox、(Macユーザなら)Bearです。Bear以外は無料で使用できます。 また、機能を一覧で見たいという方のために、比較表を用意しました( https://nooyosh.net/misc/memo-app-2021-1H.html ) 比較の際、考慮したポイントは以下の通りです。 - データがどこに保存されるか? - モバイルアプリがあるか?端末間で同期されるか? - 画像貼り付けが簡単にできるか? PDFはどうか? zipファイルは? - アプリにドラッグ&ドロップするとどうなる? - テキスト中タグ( #like_</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/wiki" data-gtm-click-label="entry-search-result-item-tag">wiki</a></li> <li><a href="/q/%E3%82%A2%E3%83%97%E3%83%AA" data-gtm-click-label="entry-search-result-item-tag">アプリ</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://note.com/nooyosh/n/nc97d8b3c26c1"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://note.com/nooyosh/n/nc97d8b3c26c1" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b23b6e05cc3a27284c0df29ed269b607f90f0dde/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F53039348%2Fpicture_pc_3d7cbf6153087799158383b59831fa01.png" alt="2021年前半ノートアプリ比較22選+α|nooyosh" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://github.blog/changelog/2022-05-19-render-mathematical-expressions-in-markdown/"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://github.blog/changelog/2022-05-19-render-mathematical-expressions-in-markdown/" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.blog%2Fchangelog%2F2022-05-19-render-mathematical-expressions-in-markdown%2F" alt="">Render mathematical expressions in Markdown </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/github.blog/changelog/2022-05-19-render-mathematical-expressions-in-markdown/" class="js-keyboard-entry-page-openable" title="Render mathematical expressions in Markdown (14 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 14 users </a> </span> </li> <li> <a href="/site/github.blog/" title="『github.blog』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> github.blog </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2022/05/20</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">May 19, 2022 You can now use LaTeX style syntax to render math expressions within Markdown inline (using $ delimiters) or in blocks (using $$ delimiters). Writing expressions as blocks To add math as a multiline block displayed separately from surrounding text, start a new line and delimit the expression with two dollar symbols $$. **The Cauchy-Schwarz Inequality** $$\left( \sum_{k=1}^n a_k b_k \r</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/GitHub" data-gtm-click-label="entry-search-result-item-tag">GitHub</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://github.blog/changelog/2022-05-19-render-mathematical-expressions-in-markdown/"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://github.blog/changelog/2022-05-19-render-mathematical-expressions-in-markdown/" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/234a885cd376cf272e6f59b38bdb2818b8c0caf1/height=288;version=1;width=512/https%3A%2F%2Fuser-images.githubusercontent.com%2F7219923%2F165633956-cfe6be6d-66ec-451a-8afd-be3546f4d0a1.png" alt="Render mathematical expressions in Markdown" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://github.com/willmcgugan/textual-markdown"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://github.com/willmcgugan/textual-markdown" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fwillmcgugan%2Ftextual-markdown" alt="">GitHub - willmcgugan/textual-markdown </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/github.com/willmcgugan/textual-markdown" class="js-keyboard-entry-page-openable" title="GitHub - willmcgugan/textual-markdown (14 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 14 users </a> </span> </li> <li> <a href="/site/github.com/willmcgugan" title="『github.com/willmcgugan』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> github.com/willmcgugan </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2022/12/18</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/markdown" data-gtm-click-label="entry-search-result-item-tag">markdown</a></li> <li><a href="/q/github" data-gtm-click-label="entry-search-result-item-tag">github</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://github.com/willmcgugan/textual-markdown"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://github.com/willmcgugan/textual-markdown" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/19daf17a9f4a14028414a6da9c54075308e162e6/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F4ccc4a57d8c8d8e9bc5f81185238e26453ad30f1eee6fefa74b747c9397acc25%2Fwillmcgugan%2Ftextual-markdown" alt="GitHub - willmcgugan/textual-markdown" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry "> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://kvak.io/about"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://kvak.io/about" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkvak.io%2Fabout" alt="">kvak.io </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/kvak.io/about" class="js-keyboard-entry-page-openable" title="kvak.io (14 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 14 users </a> </span> </li> <li> <a href="/site/kvak.io/" title="『kvak.io』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> kvak.io </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2023/08/09</span></li> </ul> </div> <div class="centerarticle-entry-contents "> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">Visiting kvak.io creates a new sharable note. See Help &amp; About. Made by levmiseri and jm. Kvak.io — About Kvak is a simple note taking app. Enjoy! Features: You can lock the note with a password for read-only access others can only see your note if you share the address with them (or if they guess it) notes are fully collaborative &amp; instantly synchronized across multiple devices editing: menu for</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/memo" data-gtm-click-label="entry-search-result-item-tag">memo</a></li> <li><a href="/q/%E3%83%A1%E3%83%A2" data-gtm-click-label="entry-search-result-item-tag">メモ</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://kvak.io/about"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://qiita.com/aki_number16/items/43e0ffc99a7675ac1b69"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://qiita.com/aki_number16/items/43e0ffc99a7675ac1b69" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Faki_number16%2Fitems%2F43e0ffc99a7675ac1b69" alt="">【すばやさ特化】Visual Studio Codeでスライド作成・発表まで行う - Qiita </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/qiita.com/aki_number16/items/43e0ffc99a7675ac1b69" class="js-keyboard-entry-page-openable" title="【すばやさ特化】Visual Studio Codeでスライド作成・発表まで行う - Qiita (14 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 14 users </a> </span> </li> <li> <a href="/site/qiita.com/aki_number16" title="『qiita.com/aki_number16』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> qiita.com/aki_number16 </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2023/03/13</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">年に1~2回は社内でLTを行ってきていて、今年もプレゼンテーションを行う機会が訪れました。LTの発表は数分で終わりますが、時間がかかるのは準備の方です。LTの準備には、まず発表テーマと内容を決めて、構成を検討します。資料を探したり、読み込んだり、自分の考え意見などを整理します。そして、PowerPointで資料を作成します。 地味の時間がかかるのが、「資料作成」です。何回かLTをやってきて、今後もLTをする機会がありそうなので、今回は、準備が時短するにはどうすればいいのか検討しました。 検討結果の1つが「PowerPoint」ではなく、「Visual Studio Code」でスライドを作成し、そのまま発表してしまうことです。デザインを細かく指定するのは、PowerPointの方に分がありますが、資料作成の手軽さ・早さでは「Visual Studio Code」に分がありそうです。 今回の</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/%22Visual%20Studio%20Code%22" data-gtm-click-label="entry-search-result-item-tag">Visual Studio Code</a></li> <li><a href="/q/Markdown" data-gtm-click-label="entry-search-result-item-tag">Markdown</a></li> <li><a href="/q/slide" data-gtm-click-label="entry-search-result-item-tag">slide</a></li> <li><a href="/q/techfeed" data-gtm-click-label="entry-search-result-item-tag">techfeed</a></li> <li><a href="/q/software" data-gtm-click-label="entry-search-result-item-tag">software</a></li> <li><a href="/q/%E8%B3%87%E6%96%99" data-gtm-click-label="entry-search-result-item-tag">資料</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://qiita.com/aki_number16/items/43e0ffc99a7675ac1b69"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://qiita.com/aki_number16/items/43e0ffc99a7675ac1b69" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2a5f564b0d44d8b281f7b4c4d116097d128c6241/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwJUUzJTgxJTk5JUUzJTgxJUIwJUUzJTgyJTg0JUUzJTgxJTk1JUU3JTg5JUI5JUU1JThDJTk2JUUzJTgwJTkxVmlzdWFsJTIwU3R1ZGlvJTIwQ29kZSVFMyU4MSVBNyVFMyU4MiVCOSVFMyU4MyVBOSVFMyU4MiVBNCVFMyU4MyU4OSVFNCVCRCU5QyVFNiU4OCU5MCVFMyU4MyVCQiVFNyU5OSVCQSVFOCVBMSVBOCVFMyU4MSVCRSVFMyU4MSVBNyVFOCVBMSU4QyVFMyU4MSU4NiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9M2IzMTQyYjY0OTVhZWM2OTA3ZGUyMzYwZGI4ZTdhZTk%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBha2lfbnVtYmVyMTYmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWVjOGVjOTk4Y2IwNDI2MjE5OTk5OGVmZmUxNzE1ZTQ3%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g77yh77yy44Ki44OJ44OQ44Oz44K544OI44OG44Kv44OO44Ot44K45qCq5byP5Lya56S-77yIQVJJ77yJ%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3De31a554c51fa0be2f418959df7664d2b" alt="【すばやさ特化】Visual Studio Codeでスライド作成・発表まで行う - Qiita" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://zenn.dev/ykicchan/articles/c30efd827337c3"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://zenn.dev/ykicchan/articles/c30efd827337c3" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fykicchan%2Farticles%2Fc30efd827337c3" alt="">見せてあげよう、Marp の真髄を </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/zenn.dev/ykicchan/articles/c30efd827337c3" class="js-keyboard-entry-page-openable" title="見せてあげよう、Marp の真髄を (13 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 13 users </a> </span> </li> <li> <a href="/site/zenn.dev/ykicchan" title="『zenn.dev/ykicchan』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> zenn.dev/ykicchan </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2025/01/04</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">みなさんは Marp でスライド作成していますか? Marp は Markdown による軽量な記述方式と、あらかじめ用意されたテーマにより、美しいスライドを簡単に作成することができます。 今回はそんな Marp をフルに活用すべく、私が考える Marp の結論構成を紹介したいと思います! 対象者 この記事の対象読者は以下の通りです。 ✅ Marp のスライドデザインを細かくカスタマイズしたい ✅ Marp で HTML タグをいちいち書くのが億劫 ✅ Marp で作ったスライドを楽に Web で公開したい 逆に、下記のような方は対象外となっています。 ❌ Marp の概要/基本的な使い方が知りたい ❌ Marp の最小限の機能/現状で満足している また、詳しい理由は後述しますが、以下の方は部分的に対象外です。 ⚠️ Marp で作ったスライドは PDF で共有したい ⚠️ Marp は</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/Marp" data-gtm-click-label="entry-search-result-item-tag">Marp</a></li> <li><a href="/q/Markdown" data-gtm-click-label="entry-search-result-item-tag">Markdown</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://zenn.dev/ykicchan/articles/c30efd827337c3"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://zenn.dev/ykicchan/articles/c30efd827337c3" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b0efd2b18ccbc2e7bc90f26cea772541304e6289/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--HSDiCmmx--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E8%2525A6%25258B%2525E3%252581%25259B%2525E3%252581%2525A6%2525E3%252581%252582%2525E3%252581%252592%2525E3%252582%252588%2525E3%252581%252586%2525E3%252580%252581Marp%252520%2525E3%252581%2525AE%2525E7%25259C%25259F%2525E9%2525AB%252584%2525E3%252582%252592%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252581%25258D%2525E3%252581%2525A3%2525E3%252581%2525A1%2525E3%252582%252583%2525E3%252581%25259D%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzFjZDgxZmEzY2QuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="見せてあげよう、Marp の真髄を" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://github.com/Dashibase/lotion"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://github.com/Dashibase/lotion" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2FDashibase%2Flotion" alt="">GitHub - Dashibase/lotion: An open-source Notion UI built with Vue 3 </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/github.com/Dashibase/lotion" class="js-keyboard-entry-page-openable" title="GitHub - Dashibase/lotion: An open-source Notion UI built with Vue 3 (13 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 13 users </a> </span> </li> <li> <a href="/site/github.com/Dashibase" title="『github.com/Dashibase』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> github.com/Dashibase </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2022/07/26</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/Notion" data-gtm-click-label="entry-search-result-item-tag">Notion</a></li> <li><a href="/q/Vue" data-gtm-click-label="entry-search-result-item-tag">Vue</a></li> <li><a href="/q/github" data-gtm-click-label="entry-search-result-item-tag">github</a></li> <li><a href="/q/UI" data-gtm-click-label="entry-search-result-item-tag">UI</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://github.com/Dashibase/lotion"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://github.com/Dashibase/lotion" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/09a945a53a2aa1ec8cbe6860c3da022e463a04a8/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F91372ba3af6f878f593441e1c98f16a59e6d9acd4f1b4c650abf888f4c3feeff%2FDashibase%2Flotion" alt="GitHub - Dashibase/lotion: An open-source Notion UI built with Vue 3" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://mupon.net/evernote-alternative/"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://mupon.net/evernote-alternative/" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmupon.net%2Fevernote-alternative%2F" alt="">改悪したEvernoteの代替に『UpNote』を勧めたい! | 8vivid </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/mupon.net/evernote-alternative/" class="js-keyboard-entry-page-openable" title="改悪したEvernoteの代替に『UpNote』を勧めたい! | 8vivid (13 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 13 users </a> </span> </li> <li> <a href="/site/mupon.net/" title="『mupon.net』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> mupon.net </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2020/11/06</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary"></p> <ul class="entrysearch-entry-tags"> <li><a href="/q/Evernote" data-gtm-click-label="entry-search-result-item-tag">Evernote</a></li> <li><a href="/q/ui" data-gtm-click-label="entry-search-result-item-tag">ui</a></li> <li><a href="/q/%E3%83%A1%E3%83%A2" data-gtm-click-label="entry-search-result-item-tag">メモ</a></li> <li><a href="/q/%E3%83%84%E3%83%BC%E3%83%AB" data-gtm-click-label="entry-search-result-item-tag">ツール</a></li> <li><a href="/q/%E3%82%A2%E3%83%97%E3%83%AA" data-gtm-click-label="entry-search-result-item-tag">アプリ</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://mupon.net/evernote-alternative/"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://mupon.net/evernote-alternative/" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c921e782d43e43b496491006a6c7dc4babb1b56c/height=288;version=1;width=512/https%3A%2F%2Fmupon.net%2Fwp-content%2Fuploads%2F2020%2F11%2Fevernote-alternative-thumbnail-1024x683.jpg" alt="改悪したEvernoteの代替に『UpNote』を勧めたい! | 8vivid" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://github.com/quantizor/markdown-to-jsx"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://github.com/quantizor/markdown-to-jsx" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fquantizor%2Fmarkdown-to-jsx" alt="">GitHub - quantizor/markdown-to-jsx: 🏭 The most lightweight, customizable React markdown component. </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/github.com/quantizor/markdown-to-jsx" class="js-keyboard-entry-page-openable" title="GitHub - quantizor/markdown-to-jsx: 🏭 The most lightweight, customizable React markdown component. (13 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 13 users </a> </span> </li> <li> <a href="/site/github.com/quantizor" title="『github.com/quantizor』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> github.com/quantizor </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2021/03/20</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">markdown-to-jsx The most lightweight, customizable React markdown component. Installation Usage Parsing Options options.forceBlock options.forceInline options.wrapper Other useful recipes options.forceWrapper options.overrides - Override Any HTML Tag&#39;s Representation options.overrides - Rendering Arbitrary React Components options.createElement - Custom React.createElement behavior options.enforce</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/Markdown" data-gtm-click-label="entry-search-result-item-tag">Markdown</a></li> <li><a href="/q/React" data-gtm-click-label="entry-search-result-item-tag">React</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://github.com/quantizor/markdown-to-jsx"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://github.com/quantizor/markdown-to-jsx" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/dd775b21a9304ff6de8ed3ec1cee3d7a55527e1d/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F286007fa1f89091fb22128733a813fe3311abbd99ed8be43d979c6c5fd2450c8%2Fquantizor%2Fmarkdown-to-jsx" alt="GitHub - quantizor/markdown-to-jsx: 🏭 The most lightweight, customizable React markdown component." data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry "> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://www.sphinx-doc.org/en/master/index.html"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://www.sphinx-doc.org/en/master/index.html" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.sphinx-doc.org%2Fen%2Fmaster%2Findex.html" alt="">Overview — Sphinx documentation </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/www.sphinx-doc.org/en/master/index.html" class="js-keyboard-entry-page-openable" title="Overview — Sphinx documentation (13 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 13 users </a> </span> </li> <li> <a href="/site/www.sphinx-doc.org/" title="『www.sphinx-doc.org』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> www.sphinx-doc.org </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2020/08/10</span></li> </ul> </div> <div class="centerarticle-entry-contents "> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">📝 Rich Text Formatting Author in reStructuredText or MyST Markdown to create highly structured technical documents, including tables, highlighted code blocks, mathematical notations, and more. 🔗 Powerful Cross-Referencing Create cross-references within your project, and even across different projects. Include references to sections, figures, tables, citations, glossaries, code objects, and more.</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/Python" data-gtm-click-label="entry-search-result-item-tag">Python</a></li> <li><a href="/q/generator" data-gtm-click-label="entry-search-result-item-tag">generator</a></li> <li><a href="/q/document" data-gtm-click-label="entry-search-result-item-tag">document</a></li> <li><a href="/q/language" data-gtm-click-label="entry-search-result-item-tag">language</a></li> <li><a href="/q/PDF" data-gtm-click-label="entry-search-result-item-tag">PDF</a></li> <li><a href="/q/html" data-gtm-click-label="entry-search-result-item-tag">html</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://www.sphinx-doc.org/en/master/index.html"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry "> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://boost-tool.com/ja/tools/md_table"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://boost-tool.com/ja/tools/md_table" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fboost-tool.com%2Fja%2Ftools%2Fmd_table" alt="">Markdown表変換ツール </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/boost-tool.com/ja/tools/md_table" class="js-keyboard-entry-page-openable" title="Markdown表変換ツール (13 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 13 users </a> </span> </li> <li> <a href="/site/boost-tool.com/" title="『boost-tool.com』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> boost-tool.com </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2021/03/09</span></li> </ul> </div> <div class="centerarticle-entry-contents "> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">様々な表をMarkdown記法へ変換するツールです。 Excel、CSV、JSON、SQL結果などの表形式からMarkdown表記のテーブルを生成します。 使い方 変換可能なフォーマットは以下のとおりです。下記のフォーマットからMarkdownのテーブルへ変換を行えます。 Excel CSV JSON SQLの実行結果 HTML ExcelからMarkdownに変換する場合 ExcelやSpletsheetなどのセルをコピーして貼り付けてみてください。または、TAB区切りのテキストを入力してください。</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/markdown" data-gtm-click-label="entry-search-result-item-tag">markdown</a></li> <li><a href="/q/excel" data-gtm-click-label="entry-search-result-item-tag">excel</a></li> <li><a href="/q/tools" data-gtm-click-label="entry-search-result-item-tag">tools</a></li> <li><a href="/q/html" data-gtm-click-label="entry-search-result-item-tag">html</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://boost-tool.com/ja/tools/md_table"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://k1low.hatenablog.com/entry/2021/11/30/083000"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://k1low.hatenablog.com/entry/2021/11/30/083000" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fk1low.hatenablog.com%2Fentry%2F2021%2F11%2F30%2F083000" alt="">せめてリポジトリの各ディレクトリの概要説明だけでも欲しい思ったので dirmap というツールを作ってみた - Copy/Cut/Paste/Hatena </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/k1low.hatenablog.com/entry/2021/11/30/083000" class="js-keyboard-entry-page-openable" title="せめてリポジトリの各ディレクトリの概要説明だけでも欲しい思ったので dirmap というツールを作ってみた - Copy/Cut/Paste/Hatena (13 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 13 users </a> </span> </li> <li> <a href="/site/k1low.hatenablog.com/" title="『k1low.hatenablog.com』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> k1low.hatenablog.com </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2021/11/30</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">既存の開発に参加するときや、0-&gt;1の開発をしているとき、いつも「せめてリポジトリの各ディレクトリの概要説明だけでも欲しい」と思っていました。 既存のプロジェクトに参加するときは「プロジェクトの理解をする側」、0-&gt;1のプロジェクトで開発をしているときは「説明をする側の立場」で、です。 Ruby on Railsのような基本のディレクトリレイアウト決まっていてもそのプロジェクトの独自性がでてきますし、Goのようにスタンダードなレイアウトがないのであればなおさら初見ではわかりません。 「じゃあREADME.mdにでも書いておけばいい」というのはその通りです。 ただ、概要説明であっても一度書いたら終わりではなく、更新は必要になります。特に0-&gt;1のプロジェクトの初期ではディレクトリレイアウトすら途中で変わるということはままあります。 (ここらへんは「継続的ドキュメンテーション」として私の興味の</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/architecture" data-gtm-click-label="entry-search-result-item-tag">architecture</a></li> <li><a href="/q/article" data-gtm-click-label="entry-search-result-item-tag">article</a></li> <li><a href="/q/%E3%83%84%E3%83%BC%E3%83%AB" data-gtm-click-label="entry-search-result-item-tag">ツール</a></li> <li><a href="/q/development" data-gtm-click-label="entry-search-result-item-tag">development</a></li> <li><a href="/q/%2A%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">*あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://k1low.hatenablog.com/entry/2021/11/30/083000"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://k1low.hatenablog.com/entry/2021/11/30/083000" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/07db6d874c8eff994931c12d45f49f4b22cdb707/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704830469096242994%2F13574176438037319156%2F1638228601" alt="せめてリポジトリの各ディレクトリの概要説明だけでも欲しい思ったので dirmap というツールを作ってみた - Copy/Cut/Paste/Hatena" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://gigazine.net/news/20220330-google-document-markdown/"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://gigazine.net/news/20220330-google-document-markdown/" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgigazine.net%2Fnews%2F20220330-google-document-markdown%2F" alt="">Googleドキュメントに「マークダウンを自動検出して適用する機能」が搭載される </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/gigazine.net/news/20220330-google-document-markdown/" class="js-keyboard-entry-page-openable" title="Googleドキュメントに「マークダウンを自動検出して適用する機能」が搭載される (12 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 12 users </a> </span> </li> <li> <a href="/site/gigazine.net/" title="『gigazine.net』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> gigazine.net </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2022/03/31</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">テキストに書式設定を簡単に追加するために使われるのが「Markdown(マークダウン)」です。Googleが提供する組織向けオンラインアプリケーションセットのGoogle Workspaceの開発チームが、Googleドキュメントに「マークダウンを自動認識してその場で適用する機能」を追加すると発表しました。 Google Workspace Updates: Compose with Markdown in Google Docs on web https://workspaceupdates.googleblog.com/2022/03/compose-with-markdown-in-google-docs-on.html Googleドキュメントで、「ツール」から「設定」を選択し、「Automatically detect Markdown(マークダウンを自動的に検出)」を選択してか</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://gigazine.net/news/20220330-google-document-markdown/"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://gigazine.net/news/20220330-google-document-markdown/" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a001a7fe852c1bcddd72e054303a495f287f8860/height=288;version=1;width=512/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2022%2F03%2F30%2Fgoogle-document-markdown%2F00_m.png" alt="Googleドキュメントに「マークダウンを自動検出して適用する機能」が搭載される" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://github.com/letmutex/htmd"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://github.com/letmutex/htmd" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fletmutex%2Fhtmd" alt="">GitHub - letmutex/htmd: A turndown.js inspired HTML to Markdown converter for Rust </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/github.com/letmutex/htmd" class="js-keyboard-entry-page-openable" title="GitHub - letmutex/htmd: A turndown.js inspired HTML to Markdown converter for Rust (12 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 12 users </a> </span> </li> <li> <a href="/site/github.com/letmutex" title="『github.com/letmutex』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> github.com/letmutex </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2024/06/16</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/HTML" data-gtm-click-label="entry-search-result-item-tag">HTML</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://github.com/letmutex/htmd"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://github.com/letmutex/htmd" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4428f919beaa5a1b68ca69257650e03fdb9124b4/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F8cb396b68a9652ba63b9cffafe7fccca857c5c537405b4f7f4acfceb670bdb9f%2Fletmutex%2Fhtmd" alt="GitHub - letmutex/htmd: A turndown.js inspired HTML to Markdown converter for Rust" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://product.plex.co.jp/entry/camp-2022-yudai0910sw"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://product.plex.co.jp/entry/camp-2022-yudai0910sw" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fproduct.plex.co.jp%2Fentry%2Fcamp-2022-yudai0910sw" alt="">開発合宿でドキュメント整理やER図の自動生成やってみた - PLEX Product Team Blog </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/product.plex.co.jp/entry/camp-2022-yudai0910sw" class="js-keyboard-entry-page-openable" title="開発合宿でドキュメント整理やER図の自動生成やってみた - PLEX Product Team Blog (12 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 12 users </a> </span> </li> <li> <a href="/site/product.plex.co.jp/" title="『product.plex.co.jp』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> product.plex.co.jp </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2022/11/15</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">はじめまして、プレックスインターン生の鈴木です。 先日、PlexJob開発チームではじめての合宿に参加したので、そこでの私が行ったことを紹介していきたいと思います。開発合宿の目的などは前回の種井さんの記事も併せて、ぜひご覧ください。 product.plex.co.jp 鈴木の開発合宿テーマ 1. ドメインモデル図の移行 背景 実際にやったこと 実際にできたもの 2. ER図の作成 背景 実際にやったこと rails-ERDの導入 実際にできたものと問題点 開発合宿の個人的な反省点 開発合宿の感想 鈴木の開発合宿テーマ ドキュメント関連の整理や作成 ドメインモデル図の移行 ER図の作成 1. ドメインモデル図の移行 背景 これまで、PlexJobのドメインモデル図はNotion内のドキュメントにありました。 しかし、新機能を追加してもドメインモデル図の更新が忘れられていることが多くありまし</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/rails" data-gtm-click-label="entry-search-result-item-tag">rails</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> <li><a href="/q/%E9%96%8B%E7%99%BA" data-gtm-click-label="entry-search-result-item-tag">開発</a></li> <li><a href="/q/blog" data-gtm-click-label="entry-search-result-item-tag">blog</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://product.plex.co.jp/entry/camp-2022-yudai0910sw"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://product.plex.co.jp/entry/camp-2022-yudai0910sw" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6406cb1f935ce374bf97c84abcc90217fd04c0f3/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fy%2Fyudai_0910sw%2F20221111%2F20221111142957.png" alt="開発合宿でドキュメント整理やER図の自動生成やってみた - PLEX Product Team Blog" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://note.com/igjit/n/n989268141be9"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://note.com/igjit/n/n989268141be9" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Figjit%2Fn%2Fn989268141be9" alt="">Quartoで技術書を写経すると楽しい|igjit </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/note.com/igjit/n/n989268141be9" class="js-keyboard-entry-page-openable" title="Quartoで技術書を写経すると楽しい|igjit (12 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 12 users </a> </span> </li> <li> <a href="/site/note.com/igjit" title="『note.com/igjit』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> note.com/igjit </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2022/12/02</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">ソースコードはこちら。 コードの写経に今回はじめてQuartoを使ったのですが、これが快適だったので紹介します。 Quartoとは公式ページには、QuartoはPandocを基にした技術文書の出版システムです、とあります。 Markdownでコード混じりの文書を書いたら、コードブロックの中身を自動で実行してくれて、結果をHTMLとかPDFとかプレゼンスライドとかに書き出してくれるやつです。 https://quarto.org/Rユーザーにとっては次世代のR Markdownとのことです。 はじめかたhttps://quarto.org/docs/get-started/ のとおり、Quarto CLIツールをインストールします。 DockerでR、RStudioを動かす場合、最近のイメージならQuartoはインストール済みです。(rocker/tidyverse:4.2.1 で確認) Q</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/markdown" data-gtm-click-label="entry-search-result-item-tag">markdown</a></li> <li><a href="/q/tools" data-gtm-click-label="entry-search-result-item-tag">tools</a></li> <li><a href="/q/%E3%83%84%E3%83%BC%E3%83%AB" data-gtm-click-label="entry-search-result-item-tag">ツール</a></li> <li><a href="/q/%E6%95%99%E8%82%B2" data-gtm-click-label="entry-search-result-item-tag">教育</a></li> <li><a href="/q/%E6%9C%AC" data-gtm-click-label="entry-search-result-item-tag">本</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://note.com/igjit/n/n989268141be9"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://note.com/igjit/n/n989268141be9" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7f47130beb9bf1e120a43f714a8133d842cb51d4/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F91642601%2Frectangle_large_type_2_e4331e8ccce0135660a54648619d9ee5.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280" alt="Quartoで技術書を写経すると楽しい|igjit" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> <li class="bookmark-item js-user-bookmark-item js-keyboard-selectable-item"> <div class="centerarticle-entry is-image-entry-unit"> <div class="js-bookmark-stock-button is-hidden"> <button class="js-bookmark-stock-button-ready readlater-button" data-gtm-click-label="entry-search-result-item-stock-button" title="あとで読む" aria-label="あとで読む" tabindex="0" type="button" data-href="https://eng-blog.iij.ad.jp/archives/11432"><span>あとで読む</span> </button> </div> <div class="centerarticle-entry-header"> <h3 class="centerarticle-entry-title"> <a href="https://eng-blog.iij.ad.jp/archives/11432" class="js-clickable-link js-keyboard-openable" target="_blank" rel="noopener" data-gtm-click-label="entry-search-result-item-title"> <img class="centerarticle-entry-favicon" src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Feng-blog.iij.ad.jp%2Farchives%2F11432" alt="">Markdownでスライドを作る、Marpのすゝめ | IIJ Engineers Blog </a> </h3> <ul class="centerarticle-entry-data"> <li> <span class="centerarticle-users"> <a href="/entry/s/eng-blog.iij.ad.jp/archives/11432" class="js-keyboard-entry-page-openable" title="Markdownでスライドを作る、Marpのすゝめ | IIJ Engineers Blog (12 ブックマーク)" data-gtm-click-label="entry-search-result-item-users"> 12 users </a> </span> </li> <li> <a href="/site/eng-blog.iij.ad.jp/" title="『eng-blog.iij.ad.jp』の新着エントリー" data-gtm-click-label="entry-search-result-item-site-search-url"> eng-blog.iij.ad.jp </a> </li> <li> <a href="/hotentry/it" data-gtm-click-label="entry-search-result-item-category">テクノロジー</a> </li> <li><span class="entry-contents-date">2021/12/23</span></li> </ul> </div> <div class="centerarticle-entry-contents has-image"> <div class="centerarticle-entry-item"> <p class="centerarticle-entry-summary">今日、業務でスライドを作成している方は、職種問わず多いのではないでしょうか。一般に、スライドを作成する際は、Microsoft PowerPointやApple Keynoteなどプレゼンテーション用ソフトを使う事が多いと思います。本記事では、そういったツールを使わずに、シンプルにテキストベースで記載し、スライドを作成していくツール「Marp」を紹介します。本記事を読むことで、従来のプレゼンテーション用ソフトでのスライド作成だけでなく、テキストがベースとなるようなスライドの場合、より簡便かつ高速にスライドを作成することができるようになると思います。 Marpとは、日本の開発者Yuki Hattori氏によって開発されているMarkdownを用いてスライドを作成することができるエコシステムです。Marpは、様々なコンポーネントから構成されており、Visual Studio Codeの拡張機能</p> <ul class="entrysearch-entry-tags"> <li><a href="/q/Marp" data-gtm-click-label="entry-search-result-item-tag">Marp</a></li> <li><a href="/q/clip" data-gtm-click-label="entry-search-result-item-tag">clip</a></li> <li><a href="/q/%E6%8A%80%E8%A1%93" data-gtm-click-label="entry-search-result-item-tag">技術</a></li> <li><a href="/q/%E3%81%82%E3%81%A8%E3%81%A7%E8%AA%AD%E3%82%80" data-gtm-click-label="entry-search-result-item-tag">あとで読む</a></li> </ul> <div class="following-bookmarks-container js-following-bookmarks-container" data-entry-url="https://eng-blog.iij.ad.jp/archives/11432"> <ul class="following-bookmarks js-following-bookmarks"></ul> <script type="text/x-template" id="template-following-bookmark"> <li> <a href="{{ anchor_path }}" class="following-bookmark-link" data-gtm-label="entry-info-followingBookmarks"> <img src="{{ profile_image_url }}" alt="{{ user_name }}" class="following-bookmark-icon"> </a> <span class="following-bookmark-popup"> <span class="following-bookmark-username">{{ user_name }}</span><span class="following-bookmark-timestamp">{{ created }}</span> <span class="following-bookmark-text"> {{ #comment }}<span class="following-bookmark-comment">{{ comment }}</span>{{ /comment }} <ul class="following-bookmark-tags">{{ #tags }}<li>{{ label }}</li>{{ /tags }}</ul> </span> </span> </li> </script> </div> </div> <div class="centerarticle-entry-image-wrapper"> <a href="https://eng-blog.iij.ad.jp/archives/11432" class="centerarticle-entry-image" target="_blank" rel="noopener"> <img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/51fb84eec394e69ad2a4325ac98620ed8afdad8c/height=288;version=1;width=512/https%3A%2F%2Feng-blog.iij.ad.jp%2Fwp-content%2Fuploads%2F2021%2F11%2Fa11b4bb3ba448d1fa402ac3dc62cc91f-5.png" alt="Markdownでスライドを作る、Marpのすゝめ | IIJ Engineers Blog" data-gtm-click-label="entry-search-result-item-image"> </a> </div> </div> </div> </li> </ul> <div class="centerarticle-pager "> <span class="centerarticle-pager-prev js-keyboard-selectable-item"><a href="https://b.hatena.ne.jp/q/Markdown?page=9" class="js-keyboard-openable">前のページ</a></span> <span class="js-keyboard-selectable-item"><a href="https://b.hatena.ne.jp/q/Markdown?page=6" class="js-keyboard-openable">6</a></span> <span class="js-keyboard-selectable-item"><a href="https://b.hatena.ne.jp/q/Markdown?page=7" class="js-keyboard-openable">7</a></span> <span class="js-keyboard-selectable-item"><a href="https://b.hatena.ne.jp/q/Markdown?page=8" class="js-keyboard-openable">8</a></span> <span class="js-keyboard-selectable-item"><a href="https://b.hatena.ne.jp/q/Markdown?page=9" class="js-keyboard-openable">9</a></span> <span>10</span> <span class="js-keyboard-selectable-item"><a href="https://b.hatena.ne.jp/q/Markdown?page=11" class="js-keyboard-openable">11</a></span> <span class="js-keyboard-selectable-item"><a href="https://b.hatena.ne.jp/q/Markdown?page=12" class="js-keyboard-openable">12</a></span> <span class="js-keyboard-selectable-item"><a href="https://b.hatena.ne.jp/q/Markdown?page=13" class="js-keyboard-openable">13</a></span> <span class="js-keyboard-selectable-item"><a href="https://b.hatena.ne.jp/q/Markdown?page=14" class="js-keyboard-openable">14</a></span> <span class="js-keyboard-selectable-item"><a href="https://b.hatena.ne.jp/q/Markdown?page=15" class="js-keyboard-openable">15</a></span> <span class="centerarticle-pager-next js-keyboard-selectable-item"><a href="https://b.hatena.ne.jp/q/Markdown?page=11" class="js-keyboard-openable">次のページ</a></span> </div> </div> <ins id="entrysearch-ad-rectangle-middle-sp" class="entrylist-ad-sp-fluid for-sp"></ins> <div id="entrysearch-ad-rectangle-bottom-sp" class="touch-ad-rectangle"></div> </div> <div class="entry-wrapper"> <section class="entry-group"> <h2 class="entry-group-sectionTitle">新着記事</h2> <ul class="entry-group-list"> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/note.com/ikeda_k1ro" title="法律事務所営業妨害対策研究会|note" data-gtm-label="entry-recentEntriesInEntrySearch-title">法律事務所営業妨害対策研究会|note</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/note.com/ikeda_k1ro" data-gtm-label="entry-recentEntriesInEntrySearch-users">1 user</a></span><span class="entry-group-domain"><a href="/site/note.com/ikeda_k1ro" data-gtm-label="entry-recentEntriesInEntrySearch-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Fikeda_k1ro" alt="">note.com/ikeda_k1ro</a></span></p> </div> </div> </li> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/plea5station.com/05031389094.html" title="05031389094【全保連/家賃催促】の自動音声電話です。" data-gtm-label="entry-recentEntriesInEntrySearch-title">05031389094【全保連/家賃催促】の自動音声電話です。</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/plea5station.com/05031389094.html" data-gtm-label="entry-recentEntriesInEntrySearch-users">1 user</a></span><span class="entry-group-domain"><a href="/site/plea5station.com/" data-gtm-label="entry-recentEntriesInEntrySearch-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fplea5station.com%2F05031389094.html" alt="">plea5station.com</a></span></p> </div> </div> </li> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/hobby.watch.impress.co.jp/docs/news/1672513.html" title="東京マルイ、陸自第1空挺団「89式5.56mm小銃〈折曲銃床型〉」などガスブロ3点再販!" data-gtm-label="entry-recentEntriesInEntrySearch-title">東京マルイ、陸自第1空挺団「89式5.56mm小銃〈折曲銃床型〉」などガスブロ3点再販!</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/hobby.watch.impress.co.jp/docs/news/1672513.html" data-gtm-label="entry-recentEntriesInEntrySearch-users">1 user</a></span><span class="entry-group-domain"><a href="/site/hobby.watch.impress.co.jp/" data-gtm-label="entry-recentEntriesInEntrySearch-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhobby.watch.impress.co.jp%2Fdocs%2Fnews%2F1672513.html" alt="">hobby.watch.impress.co.jp</a></span></p> </div> </div> </li> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/satoyama0611.hatenablog.com/entry/2025/03/26/105211" title="凸凹展 - 山田サトのブログ" data-gtm-label="entry-recentEntriesInEntrySearch-title">凸凹展 - 山田サトのブログ</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/satoyama0611.hatenablog.com/entry/2025/03/26/105211" data-gtm-label="entry-recentEntriesInEntrySearch-users">1 user</a></span><span class="entry-group-domain"><a href="/site/satoyama0611.hatenablog.com/" data-gtm-label="entry-recentEntriesInEntrySearch-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsatoyama0611.hatenablog.com%2Fentry%2F2025%2F03%2F26%2F105211" alt="">satoyama0611.hatenablog.com</a></span></p> </div> </div> </li> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/note.com/matsuhiro/n/n5bf2299b4b9a" title="トランプの政策は本当に無茶苦茶なのか?|松井博" data-gtm-label="entry-recentEntriesInEntrySearch-title">トランプの政策は本当に無茶苦茶なのか?|松井博</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/note.com/matsuhiro/n/n5bf2299b4b9a" data-gtm-label="entry-recentEntriesInEntrySearch-users">1 user</a></span><span class="entry-group-domain"><a href="/site/note.com/matsuhiro" data-gtm-label="entry-recentEntriesInEntrySearch-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Fmatsuhiro%2Fn%2Fn5bf2299b4b9a" alt="">note.com/matsuhiro</a></span></p> </div> </div> </li> <li> <div class="entry-group-list-inner"> <div class="entry-group-text"> <h3 class="entry-group-title"><a href="/entry/s/hkmn.jp/%E6%B2%B3%E5%A5%97%E9%96%8B%E7%99%BA%E3%81%AB%E5%86%85%E5%A4%96%E5%A4%A7%E6%89%8B%E4%BC%81%E6%A5%AD%E3%81%8C%E7%B6%9A%E3%80%85%E9%80%B2%E5%87%BA/" title="河套開発に内外大手企業が続々進出|香港ポスト" data-gtm-label="entry-recentEntriesInEntrySearch-title">河套開発に内外大手企業が続々進出|香港ポスト</a></h3> <p class="entry-group-meta"><span class="entry-group-users"><a href="/entry/s/hkmn.jp/%E6%B2%B3%E5%A5%97%E9%96%8B%E7%99%BA%E3%81%AB%E5%86%85%E5%A4%96%E5%A4%A7%E6%89%8B%E4%BC%81%E6%A5%AD%E3%81%8C%E7%B6%9A%E3%80%85%E9%80%B2%E5%87%BA/" data-gtm-label="entry-recentEntriesInEntrySearch-users">1 user</a></span><span class="entry-group-domain"><a href="/site/hkmn.jp/" data-gtm-label="entry-recentEntriesInEntrySearch-domain"><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhkmn.jp%2F%25E6%25B2%25B3%25E5%25A5%2597%25E9%2596%258B%25E7%2599%25BA%25E3%2581%25AB%25E5%2586%2585%25E5%25A4%2596%25E5%25A4%25A7%25E6%2589%258B%25E4%25BC%2581%25E6%25A5%25AD%25E3%2581%258C%25E7%25B6%259A%25E3%2580%2585%25E9%2580%25B2%25E5%2587%25BA%2F" alt="">hkmn.jp</a></span></p> </div> </div> </li> </ul> </section> </div> </div> <div id="keyboard-shortcut-help" class="shortcut-help is-hidden"> <h3 class="shortcut-help-title">キーボードショートカット一覧</h3> <p><span class="shortcut-help-key">j</span>次のブックマーク</p> <p><span class="shortcut-help-key">k</span>前のブックマーク</p> <p><span class="shortcut-help-key">l</span>あとで読む</p> <p><span class="shortcut-help-key">e</span>コメント一覧を開く</p> <p><span class="shortcut-help-key">o</span>ページを開く</p> <button tyle="button" class="shortcut-help-close js-close-button">✕</button> </div> <script type="text/javascript"> // ---------------- dfp section ---------------- var valve = valve || []; if (isMobile()) { valve.push(function(v) { v.defineDFPSlot({ unit: '/4374287/bookmark_overlay_sp', sizes: [[320,80],[320,70],[320,50]], slotId: 'touch-footer-ad' }); v.defineDFPSlot({ unit: '/4374287/bookmark_entrysearch_rectangle_bottom_sp', sizes: [[300,250]], slotId: 'entrysearch-ad-rectangle-bottom-sp' }); v.sealDFPSlots(); }); } else { valve.push(function(v) { v.defineDFPSlot({ unit: '/4374287/bookmark_entrysearch_sidebar_top_pc', sizes: [[300,250]], slotId: 'entrysearch-ad-sidebar-top' }); v.defineDFPSlot({ unit: '/4374287/bookmark_entrysearch_sidebar_bottom_pc', sizes: [[300,250]], slotId: 'entrysearch-ad-sidebar-bottom' }); v.sealDFPSlots(); }); } // ---------------- ydn section ---------------- if (isMobile()) { valve.push(function(v) { v.defineFluidSlot({ insId: 'entrysearch-ad-rectangle-middle-sp', yadsAdDs: '62199_242886' }); }); } </script> <script> var valve = window.valve || []; valve.push(function(v) { var pageKeyValues = {}; if (document.cookie.split(';').some(function(item) { return item.indexOf('202011_guest_status=register_incomplete') >= 0})) { pageKeyValues.bookmark_status = 'register_incomplete'; } v.config({ pageKeyValues: pageKeyValues, textSelector: ".entry-search-articles", content: { result: "ng" }, service: 'bookmark' }); }); </script> <script src="https://cdn.pool.st-hatena.com/valve/valve.js" async></script> <div class="footer"> <div class="footer-inner"> <div class="footer-inner-group footer-bookmark"> <h2 class="footer-title"><a href="/" data-gtm-label="footer-btop">はてなブックマーク</a></h2> <div class="footer-list-wrapper"> <ul class="footer-list footer-list--pc"> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/all" class="hotentry js-keyboard-openable" data-gtm-label="footerCategories-hotentry">総合</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/general" class="general js-keyboard-openable" data-gtm-label="footerCategories-general">一般</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/social" class="cat-social js-keyboard-openable" data-gtm-label="footerCategories-social">世の中</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/economics" class="cat-economics js-keyboard-openable" data-gtm-label="footerCategories-economics">政治と経済</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/life" class="cat-life js-keyboard-openable" data-gtm-label="footerCategories-life">暮らし</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/knowledge" class="cat-knowledge js-keyboard-openable" data-gtm-label="footerCategories-knowledge">学び</a></li> </ul> <ul class="footer-list footer-list--pc"> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/it" class="cat-it js-keyboard-openable" data-gtm-label="footerCategories-it">テクノロジー</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/entertainment" class="cat-entertainment js-keyboard-openable" data-gtm-label="footerCategories-entertainment">エンタメ</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/game" class="cat-game js-keyboard-openable" data-gtm-label="footerCategories-game">アニメとゲーム</a></li> <li class="footer-list-item js-keyboard-selectable-item"><a href="/hotentry/fun" class="cat-fun js-keyboard-openable" data-gtm-label="footerCategories-fun">おもしろ</a></li> </ul> <ul class="footer-list"> <li class="footer-list-item"><a href="/guide/tools">アプリ・拡張機能</a></li> <li class="footer-list-item"><a href="https://bookmark.hatenastaff.com/">開発ブログ</a></li> <li class="footer-list-item"><a href="/help/">ヘルプ</a></li> <li class="footer-list-item"><a href="https://hatena.zendesk.com/hc/ja/categories/900000153166">お問い合わせ</a></li> <li class="footer-list-item footer-list-item--sp"><a href="/guide/guideline">ガイドライン</a></li> <li class="footer-list-item footer-list-item--sp"><a href="https://policies.hatena.ne.jp/rule">利用規約</a></li> <li class="footer-list-item footer-list-item--sp"><a href="https://policies.hatena.ne.jp/privacypolicy-ja">プライバシーポリシー</a></li> <li class="footer-list-item footer-list-item--sp"><a href="https://policies.hatena.ne.jp/cookie-policy">利用者情報の外部送信について</a></li> </ul> <ul class="footer-list footer-list--pc"> <li class="footer-list-item footer-list-item--pc"><a href="/guide/guideline">ガイドライン</a></li> <li class="footer-list-item footer-list-item--pc"><a href="https://policies.hatena.ne.jp/rule">利用規約</a></li> <li class="footer-list-item footer-list-item--pc"><a href="https://policies.hatena.ne.jp/privacypolicy-ja">プライバシーポリシー</a></li> <li class="footer-list-item footer-list-item--pc"><a href="https://policies.hatena.ne.jp/cookie-policy">利用者情報の外部送信について</a></li> </ul> </div> </div> <div class="footer-inner-group footer-bookmark-sns"> <h2 class="footer-title">公式Twitter</h2> <div class="footer-bookmark-list"> <ul class="footer-list"> <li class="footer-list-item"><a href="https://twitter.com/HatenaBookmark" target="_blank" rel="noopener" data-gtm-click-label="footer-officialTwitter-name">公式アカウント</a></li> <li class="footer-list-item"><a href="https://twitter.com/hatebu" target="_blank" rel="noopener" data-gtm-click-label="footer-hotentryTwitter-name">ホットエントリー</a></li> </ul> </div> </div> <div class="footer-inner-group footer-hatena"> <h2 class="footer-title">はてなのサービス</h2> <ul class="footer-list"> <li class="footer-list-item"><a href="https://hatenablog.com/" data-gtm-label="footerServices-blog">はてなブログ</a></li> <li class="footer-list-item"><a href="https://hatenablog.com/guide/pro?plus_via=hatenabookmark_footer&utm_source=hatenabookmark&utm_medium=referral&utm_campaign=hatenabookmark_to_hatenablog_pro&utm_content=hatenabookmark_footer" data-gtm-label="footerServices-blog-pro">はてなブログPro</a></li> <li class="footer-list-item"><a href="https://q.hatena.ne.jp/" data-gtm-label="footerServices-question">人力検索はてな</a></li> <li class="footer-list-item"><a href="http://d.hatena.ne.jp/" data-gtm-label="footerServices-keyword">はてなブログ タグ</a></li> <li class="footer-list-item"><a href="http://hatenanews.com/" data-gtm-label="footerServices-hatenanews">はてなニュース</a></li> <li class="footer-list-item"><a href="https://soredoko.jp/" data-gtm-label="footerServices-soredoko">ソレドコ</a></li> </ul> </div> </div> <div class="footer-bottom"> <div class="footer-app"> <ul> <li class="footer-list-item"><a href="https://apps.apple.com/jp/app/hatenabukkumaku/id354976659?mt=8" target="_blank" rel="noopener" data-gtm-click-label="footer-app-ios"><img src="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/common/dl-button/appstore@2x.png" alt="App Storeからダウンロード"></a></li> <li class="footer-list-item"><a href="https://play.google.com/store/apps/details?id=com.hatena.android.bookmark&amp;referrer=utm_source%3Dbookmark_sp%26utm_campaign%3Dbookmark_sp_user&hl=ja" target="_blank" rel="noopener" data-gtm-click-label="footer-app-android"><img src="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/images/v4/public/common/dl-button/googleplay@2x.png" alt="Google Playで手に入れよう"></a></li> </ul> </div> <div class="copyright">Copyright &copy; 2005-2025 <a href="http://www.hatena.ne.jp/">Hatena</a>. All Rights Reserved.</div> </div> </div> <div id="touch-footer-ad"></div> <div id="touch-footer-ad-placeholder"></div> <div class="modal-overlay"></div> <script type="text/javascript" src="https://b.st-hatena.com/21bb37de101e3d895eac61554a1ca07012b63961/js/v4/bookmark.star.js" async></script> <div class="js-head-notify is-hidden">設定を変更しました<span class="js-head-notify-close-button">x</span></div> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10