Markdown

プログラミングの予約語などを囲むあれ 書き方 プログラミングの予約語などを囲むあれ よく技術系のブログでInterfaceのように小さい四角で囲んでいる表示をよく見るが、はてな記法で表示させる方法をようやく見つけたので備忘録として残しておく。 書き方 <code>文字列</code> Markdown記法で「code記法」と呼ばれているものだそうです！[参考] hg.hatenablog.jp

Markdownを読み込んで、色々好きなように編集して、再度Markdownに出力したいことがありました。 その際、remarkというJavaScriptのMarkdownパーサーを使いました。 ただ、使い方が分かりにくく、次にプログラムの修正が必要になった時には確実に使い方を忘れていそうなので、ここに今回の使い方を備忘録として残しておこうと思います。 構成 とにかく関連ライブラリが色々登場してくるので全体像がつかみ辛く混乱しました。どこから説明していいのか迷うのですが、とりあえず端から説明していこうと思います。 何をするのか？ 「テキスト（マークアップ言語）からAST木（構造木）を作成し、そ…

はじめに その必要はないわ、nikkieです。 Markdownに関するtipsをアウトプットです。 タイトルの通り、改行ってすっごく簡単に入れられるんですよ！ 目次 はじめに 目次 ニュース！connpassの「参加者への情報」でMarkdownをサポート Markdownに改行を入れるには 「半角スペース2つで改行」を知った経緯 IMO：半角スペースで改行するのがオススメ 終わりに P.S. CommonMarkの仕様では ニュース！connpassの「参加者への情報」でMarkdownをサポート IT勉強会プラットフォームのconnpass。 勉強会に参加する際やスタッフとして開催する際…

動画を作成したいが、手がこんだものは自分のスキルでは手におえないのでどうすればいいかと悩んでいる。 そこで、 まず、見せたい動画を用意 説明文はスライドショーを用意 できあがった動画に説明文(スライドショー)を合成 補足はサブタイトルだけか、サブタイトルを利用して音声を生成(TTS) この4ステップ程度で済ませたいが、ここで使うスライドショーの作成方法は何がいいか迷っていたが、Marp1がMarkdown記法で簡単に原稿を作成し、スライドショーまで生成できる、簡単で良さげ。 これは中々の優れもの。 仕事でも十分使えそう。 動画にスライドショーを合成する方法も考えないとならないけど、方法はゆっく…

iA WriterでのMarkdown使用が便利と言う書き込みを多数見かけた。 色々なショートカットが細かく設定されていて安心してMarkdownが 使えそうである。しかし、残念ながらRTFでのエキスポートをサポート していないので、他のアプリを探していたところ、灯台下暗し。 SublimeText 3 又はSublime Text 4が使える筈。 以前はLaTeXやZettelkastenでのコンパイルが出来るアプリとして使っていた。 少々markdownは齧ってみたものの、最近はすっかりご無沙汰だった。 久し振りにコンパイルを実行してみたが、OmniMarkPrevewerでの ブラウザー…

最近、noteをいじり始めました。 FANZA関連にしようと思っていますｗ noteは既存のブログと違います。 ルビ記法というのがあって漢字にふりがなをつけることができます。 ふりがなを付けたい箇所を選択して、 ctrl+shift+|（縦棒）（同時）と入力すると、 |漢字《かんじ》 とルビ記法になります。（《》部分に自分でふりがなを入れる） このはてなブログでMarkdown記法を使っているのですが、Markdownにはルビ記法がないみたいです。 Markdownでルビをふりたい場合は、HTMLでやるしかないようです。 <ruby>漢字<rp>（</rp><rt>かんじ</rt><rp>）<…

今回は、RubyGem「redcarpet」を紹介します。 機能紹介 インストール 基本的な使い方 機能紹介 Markdown記法で書かれた文字列をHTMLに変換してくれます。例を挙げると、Markdownで見出しを意味する#を、h1タグに置き換えてくれます。機能はシンプルですが、シンプルゆえに他の機能と組み合わせやすく使い勝手がよいです。こういうの好き。 インストール Gemをインストールするときのお馴染み、以下のコマンドでインストールできます。 gem install 'redcarpet' 注意点： Ruby3.2で実行すると以下のエラーがでます。 ruby 3.2: Markdown …

注意事項 この記事は、Notion AIに対して 問題と解決策の概要 例示用のコード を渡して生成した実験的な記事になります。 作ったサービス 入力した情報を元に、ブログのアウトラインと要点を生成してプレビューしてくれるサービスです。 wordy.zuki.dev かなり雑に作っているので、使い勝手がいいとは思いませんが、元々の目的は達成できたので問題ありません。 モチベーション Open AIのAPIと連携させて、ほぼ100%でJSONを吐かせる Firestore触ってみたい Firebase AuthenticationとCloud FunctionsでAPIを楽に作れるのかを確認したい…

弊社は倒産するのかい？！ すーーーーーーーーーない！！！ ハッ！（笑顔） 世界的に人工知能（AI）の話題が盛り上がっています。ChatGPTは爆発的に注目を集めていて、とくに次世代のGPT-4の登場が話題になり、ますます熱いAI分野です。 そこで「AI校正のShodoや御社（株式会社ゼンプロダクツ）は大丈夫なの？」 と心配していただきますので、お話したいと思います。 この記事は僕が会社について書いたメッセージですので、未来の予言であったりChatGPTに関する学術的な評価ではないことをご留意ください。 AIが役所で活用される未来 まず僕はこのGPTの流れがまだ始まりの1％にすぎないと思っていま…

数ページくらいの規模で手順書を作る時には、基本的にはMarkdownで書いていたのだけど、やっぱりMarkdownのまま相手に読んでもらうのは、慣れてないとちょっと難しいだろうなと思って、最低でもHTML、可能ならPDFの方が見栄えばいいかなと考えて、MarkdownからPDFにする方法を探していた。 HTMLで出力していれば、その後も修正が可能だし、正直PDFの方が良いかどうかは議論の余地はありそう。最終的に印刷するっていう用途があるなら、初めからPDFにしておくくらいかな。 PDF出力する場合に何か簡単な方法が無いか調べてたら、VS Codeの拡張機能Markdown PDFが良さそうと思…

はてなブログにUnknown7.1% ChromeOS0.9% Linux1.8% macOS17.0% Windows73.2%というデータで円グラフを貼りたいのだけれどMarkdownでどのように書いたらいいのか解らないのでPerplexity AIに聞いてみました。回答は以下のとおりでした。 まったく理解できません。Webで検索したらGoogleドライブで簡単にできるとあったので試してみました。データは上記のOSシェア率ではなくブラウザのシェア率で試しました。 Googleドライブで円グラフ作成 1.Googleドライブを開いて新規スプレッドシートを作成します 2.表にデータを入力してグ…

最近流行りのChatGPT、OpenAIのAPIが利用できるということなので、実際に使ってみました。 また、いつものように、無料でサーバの処理のようなことが実現できるGoogle Apps Script（以下、GAS）からAPIを叩いて利用してみました。 OpenAIのAPI Keyの取得 GASからChatGPTにリクエストを投げる 最後に OpenAIのAPI Keyの取得 まずはOpenAIのAPIを叩くために、API Keyを取得しましょう。 platform.openai.com 発行されたSecret Keyをコピーしてメモしておきましょう。 GASからChatGPTにリクエストを…

ChatGPTの過去ログが時々下の図のようになってアクセスできなくなるので、会話がうまくいった時はローカルにも保存したいと思い、 今日の午前中、ChatGPTと一緒に、Web上でのチャットをMarkDown形式でダウンロードできるBookmarkletを作成しました。開発には約2時間ほどかかりました。 このプロジェクトは、会話が長くなったため二部構成に分けて進めました。最初の短い土台を除いて、コードをほとんど書かずに、ChatGPTに生成してもらいました。途中で何度も変更を加えていく中で、最初に変更した部分が元に戻ってしまいましたが、ChatGPTに指摘するとすぐに修正されました。 JavaS…

今週末は金曜日と月曜日をお休みにして、都合5連休でしたが、行楽そっちのけで、お勉強をしました*1。 以降はメモで、まとめではない。 アフィブログではないので、比較もランキングもありません。笑 目次＋CSS Wordpressテーマについてのお勉強 問題はサーバーの選定 アダルトASPの存在と、2NTブログの開設 アダルトブログを開設するとしたらFC2/2NTブログは相応しいか？ アダルトに相応しいサーバーは？ Wordpressってサブディレクトリでも別途インストールがが必要？ 堂々巡り まとめ 目次＋CSS と、その前に目次を取り付けました。はてな記法＋CSS。 ただ、このテーマ(公式のEp…

ここ最近はNotion AIや、Open AIのAPIを利用して自分があまり得意ではない作業の一部を効率化していっています。 今回の記事では、 直近記事を生成するために使っているコマンド方式でのプロンプトを紹介します。 ただし、これはα版のため動作が不安定なので、あくまで参考程度にお使いください。 実例 今回紹介するプロンプトをベースにして公開している記事は以下のようになります。 khasegawa.hatenablog.com khasegawa.hatenablog.com プロンプト Twitterで見かけた情報を元に自分なりに書き換えてブログの記事を生成することに特化したプロンプトを作…

プロダクト開発者のための「セキュリティ診断」、セキュリティ技術を体系的に学べる開発者のための学習サービス「KENRO（ケンロー）」を提供する株式会社Flatt Security。同社では、技術ブログ「Flatt Security Blog」とオウンドメディア「#FlattSecurityMagazine」を運営しています。同社執行役員・CCO（チーフクリエイティブオフィサー） 豊田恵二郎さん、広報 寺山ひかりさんに、情報発信の方針や運営方法についてお話をうかがいました。株式会社Flatt Security 執行役員 CCO 豊田 恵二郎氏 大学在学中よりデザイナーとして活動し、複数のプロダクト…

gihyo.jp WEB+DBのmasayoshiさんSRE記事が完結したけど、SDでキャディ社のSRE記事が始まった。 「平林万能IT技術研究所」 グリコ森永事件の中の1つの話題であった、21面相/玉三郎の無線交信から、電波伝達の話。面白い。 「結城浩の再発見の発想法」 今回はIDの話。唯一性・有効範囲・変更可能性。次回で終了かー。 「一度は学んでおきたいCPUのしくみ」 uchanさんらによる記事。ISA、論理演算、レジスタ、アセンブラ、MA、パイプライン、キャッシュ、並列処理、SIMD。わかる内容多めだけど、クラウド時代でこれからこのあたりに興味持つ人はさらに減っていくのかな…。 「新人…

登録日: 2023-03-19 更新日: 2023-03-23 こちらの「Linux あれこれ」は「Linux」メインの投稿ですが、「Windows11」で「Linux」を使う機能に興味があり、投稿しました。 - 前回 、「Windows11」(22H2) で「PowerShell」について学んだので、「WSL2」で「Linux」(Ubuntu) をインストールしてみました。 「Windows11」は「Windows10」よりも「WSL2」のインストールが楽になりました。 - 「WSL2」のデフォルトは「Ubuntu」です。最新の安定版の「Ubuntu 22.04.2 LTS」がインストールさ…

shirates-samples-job1 github.com Android/iOSのテストを実行するためのスクリプトの例です。(Mac用のみ) スクリプトファイル runtest-all.sh runtest-android.sh runtest-ios.sh 事前準備 https://github.com/ldi-github/shirates-core/blob/main/doc/markdown/quick-start.md 実行対象のテストの指定 build.gradle.ktsにtasks.testを以下のように実装します。 tasks.test { useJUnitPlatf…