Mathup - MathMLを簡単に書ける記法&レンダー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Web上で数式を表示する際に使われる記法は幾つかあります。最も有名なのはMathMLではないでしょうか。他にASCIIMathMLもあります。高度な表現が可能な分、その記法がかなり難しいという難点があります。 そこで作られたのがMathupです。既存の記法に比べてずいぶん分かりやすく、MathML互換の表現が可能となっています。 Mathupの使い方 左側がMathupの記法。右側にその結果が表示されています。 ドットを使った表現も可能です。 MathJaxで表示した場合も確認できます。 こんな複雑な数式も。 Mathupはクライアントサイドでレンダリングが可能なので、より表示が高速になります。記法は他と比べてシンプルなので、習得は容易そうです。Webブラウザ向けに限定されますが、
docker-compose の ${VAR:-default} 記法と .env で開発＆本番環境を設計する - なにもわからない
docker-compose.yml で、シェルでよくある ${VAR:-default} 記法が使えるのがあまり知られていないようだったので書きます。 www.debuntu.org サンプルプロジェクトはこちらです github.com PHP が動く Dockerfile と # Dockerfile FROM docker.io/php:7.2.29-cli それを使う docker-compose.yml を用意します。今回はサービスは1つです。 # docker-compose.yml version: "3.7" services: php: build: context: . working_dir: /app volumes: - .:/app 動かすプログラム src/main.php は環境変数 $MESSAGE を出力するだけです。 <?php echo $_ENV
JavaScriptを書く時に、命名規則について「あれどうだったっけ」となった時に参考になれば幸いです。 ※ 業務であれば、チームなどによってルールが決まっていることもありますので、この限りではありません。 Javascriptの命名規則 記法 記法名 例
さかりょうです。 今朝の体温は35.8℃、血圧は120／78でした。 はてな記法 「はてな記法」とは 「はてな記法モード」を選んだ理由 Markdown記法 「Markdown記法」とは 「Markdown記法モード」を選ばなかった理由 移行する理由 問題は「WorkFlowy」から「はてな記法」 「WorkFlowy」から「Markdown記法」 まとめ はてな記法 「はてな記法」とは 「はてなブログ」で使える独自の記法です。 詳しくは、下記サイトをご覧ください。 簡単に言うと、HTMLタグの代わりに記号を使って「見出し」や「箇条書き」などのスタイルを表現することができます。 （記号以外の記法もあります） 「はてな記法モード」を選んだ理由 もしかしたら「見たままモード」で書いている方が多いのかもしれません。 「見たままモード」はツールボタンで「見出し」「太字」などを選択すると、HTMLタ
2023-02-09の僕のツイート： 矢印「→」が異なる意味でオーバーロードされているのは相当に深刻な問題だなー。 これで混乱したり挫折する人がいるから、弊害とても大きい。 十数年前からカリー／ハワード対応のセミナーとかやっているわけです。 複数の分野に関係する事柄を説明するのはなかなか難しい、計算過程を理解する／してもらうのも大変。だがしかし、僕やあなたが悪いとは限らない： 説明がうまくいかないときは用語法が悪いのかも知れない。 計算がうまくいかないときは記法が悪いのかも知れない。 デカルト閉圏周辺の記法、特に矢印の使い方を整理して、概念がもっとスッキリするように／計算がもっと楽になるようにしましょう。$`\newcommand{\cat}[1]{ \mathcal{#1} } \newcommand{\In}{\text{ in }} \newcommand{\mrm}[1]{\mat
Backlog 記法からマークダウン記法へ変換するブックマークレットを試してみた | DevelopersIO
コンバンハ、千葉（幸）です。 Backlog 記法で書かれた Wiki をマークダウン記法に変換したい時があります。以下で便利なブックマークレットが紹介されていたため試してみます。 ブックマークレットを登録する 上記の記事で紹介されている以下ページから 1 行丸ごとコピーします。 ブラウザからブックマークの作成を試み、URL 部にコピーした内容を入力して保存します。 通常のブックマークと同じように、指定した箇所に作成されていればOKです。 ブックマークレットの処理の内容 URL デコード + 整形した内容が以下です。 javascript: ((e, t) => { "use strict"; if (!e) throw new TypeError("テキストエリアが見つかりませんでした。"); e.value = (e => { const t = [], n = [], r = [],
はてなブログでは、記事の見出しから目次を自動的に作成する「目次記法」を利用できます。レビューや論評、技術ブログなど章立てされた長い記事を書いたとき、記事中の見出しにリンクされた目次を、記事の冒頭に簡単に挿入することができます。 目次記法の使い方 目次を入力補助ツールバーから挿入する 記事に見出しを追加するには 見たままモードで見出しを追加する はてな記法モードで見出しを追加する Markdownモードで見出しを追加する ※この記事の目次も目次記法で作成しています。 目次記法の使い方 ※目次記法はどの編集モードでも利用できます。目次を挿入したい行に、次のように[:contents]と記述します。前後には文字や空白を入れず、1行で指定してください。 [:contents]記事を「プレビュー」または「公開」すると、ここに見出しの一覧が作成されます。例えば次のように入力すると、記事の冒頭に目次が表
やめるなら記法について書いといてほしい。枠とか線とか見やすいから参考にしたい
アライアンス事業部 エンジニアグループ モダンデータスタック(MDS)チームのしんやです。 dbtはクラウド型データウェアハウス（DWH）におけるデータ変換に特化したツールです。非常に使い勝手が良く便利なツールである一方、様々な機能が提供されているのでいざ使ってみよう！となると『何をどうやって作り上げていけば良いんだろう？』『この場合のルールや制限はどういうものがあるの？どういう取り決めをもって扱えば良いんだろう？』という風に思うこともあるかと思います。(実際私自身そう感じました) そんなユーザーの疑問や悩みを解決する、いわゆるdbtユーザー向けのガードレール的な存在となりうるコンテンツがdbt社から展開されています。それが『dbtベストプラクティスガイド(Best practice guides)』です。構造、スタイル、セットアップなど、dbt Labsの現在の視点を通した「ベストプラク
【TypeScript】 Object[key]() （ブラケット記法）で関数呼び出ししたら Element implicitly has an 'any' type でハマった話 - Qiita
静的クラスに実装したメソッドをブラケット表記法で呼び出します。 const Klazz = { doHoge() { console.log('done hoge'); }, doFuga() { console.log('done fuga'); }, doPiyo() { console.log('done piyo'); } }; const key: string = 'doFuga'; Klazz.doFuga[key](); // Element implicitly has an 'any' type because type '() => void' has no index signature.
![【TypeScript】 Object[key]() （ブラケット記法）で関数呼び出ししたら Element implicitly has an 'any' type でハマった話 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/07b261b6ac4f12a32360cbc1545c37dfbb48fdb5/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwVHlwZVNjcmlwdCVFMyU4MCU5MSUyME9iamVjdCU1QmtleSU1RCUyOCUyOSUyMCVFRiVCQyU4OCVFMyU4MyU5NiVFMyU4MyVBOSVFMyU4MiVCMSVFMyU4MyU4MyVFMyU4MyU4OCVFOCVBOCU5OCVFNiVCMyU5NSVFRiVCQyU4OSVFMyU4MSVBNyVFOSU5NiVBMiVFNiU5NSVCMCVFNSU5MSVCQyVFMyU4MSVCMyVFNSU4NyVCQSVFMyU4MSU5NyVFMyU4MSU5NyVFMyU4MSU5RiVFMyU4MiU4OSUyMEVsZW1lbnQlMjBpbXBsaWNpdGx5JTIwaGFzJTIwYW4lMjAlMjdhbnklMjclMjAlRTIlODAlQTYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTliMjU2MDg0MjFkNmJiYmQ0YjAxYThlNzdjYjVhYjkx%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBOb3NzYSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZWNkODAzMjdjYzlkYzYyYjdmY2JhNjQwYWMwNzk5YWI%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Db2f5b295c52de8097a354bd6685d4988)
はじめに Reactを学習していましたが、JavaScriptの記法についてフワッとしている部分がよくあったので、簡単ですが今回は関数について少し調べました。 関数の種類
Mermaid記法はテキストのみで、ガントチャートや円グラフなどのチャートや、クラス図やシーケンス図と言ったUMLで用いられるシステム可視化表現を行えます。 このMermaidは様々なMarkdownエディタでも利用できます。今回はGUIとWeb、それぞれに分けてMarkdownエディタを紹介します。 Markdownで簡単にドキュメントを作れるツール「NotePM」 →今すぐ無料で使ってみる（1分で完了・クレカ登録不要） NotePMでは他のMarkdownエディタと同じくコードブロックに対して mermaid を付けることでMarmeid記法が使えるようになります。右側のライブプレビューでは、編集した内容が即座に反映されます。 Mermaidの他、PlantUMLや数式（TeX記法）にも対応していますので、開発者などの情報共有にも利用できます。システムに関する情報を記しておくことで、社
正月圧迫進路指導【漢漢平記法】 - 〇〇電子帳
正月圧迫進路指導【漢漢平記法】 平仮名を極限まで制限すれば誤字脱字を減らせるのではないか。 「漢字二文字と平仮名一文字を繰り返す」 このルールを漢漢平記法と名付けてみました。 漢漢平記法の韻と調をテストする文章を書く。 漢字と平仮名も制限だらけで書くとどうなるか、実験だ。 漢漢平小説「正月圧迫進路指導」 正月の昼間に携帯が振動し、羅院の通知を確認す。 端末に「御茶の勧誘」と吹出し。 数刻ご、送迎の四輪が漂着し、三人の大人が終結す。 無職と自営と教師で珈琲の店舗へ出発す。 茶屋の看板は「米田の珈琲」と、店内の各机は案外と三密な様子。 極冷の珈琲を注文ご、高速で珈琲が到来す。 三人で珈琲を吸引し、近況を報告し満喫す。 無職も近況や通信の様子を伝達す。 自営と教師の様子が説教な態度に急変す。 「無職よ、生活の陰陽が不吉や」 「労働は偉大や」 無職は、労働は偉大を、濁流と錯覚し、沈黙す。 経済と経
いつもはてなをご利用いただき、ありがとうございます。 このたび、システムのアップデートの一環として、人力検索はてなにおけるはてな記法の変換の仕様を一部変更いたしました。この変更によりisbn/asin記法など一部の記法、ならびに一部オプションがご利用いただけなくなります。ご不便をおかけいたしますが、ご了承ください。 もしお気づきの点がありましたら、はてなのサポートサイトよりお問い合わせください。
リリースノートを見てたらNote記法がサポートされてた！！ 今まで・・・引用記法を流用してNoteっぽいこと記載してたけど、そんなことしなくてよくなる！！ 今までの自分 NOTE: 〇〇すると便利です。 WARN: 〇〇には注意が必要です。 IMPORTANT: 〇〇しないでください。 これからの自分
WEBサイト制作をしていると避けて通れないのが修正やコンテンツの追加作業です。 また一人で一つのWEBサイトを作るときもあれば、チームで作業するときもあります。 自分にはわかりやすくても他の人にはわかりづらいようなコーディング方法ではチームメンバーのパフォーマンスを引き出せません。 今回はコーディングルールの一つとしてBEM（ベム）とFLOCSS（フロックス）について考えてみたいと思います。 BEM記法について 「BEM」は Block（ブロック）Element（要素）Modifier（装飾） の頭文字をつなげたもので、CSSの命名の規則をBlock（ブロック）、Element（要素）、Modifier（装飾）を合わせて命名します。 【block】__【element】–【modifier】 のようにBlockとElementをアンダースコアを二つで繋ぎElementとModifierをハ
はてなブログ で画像を貼る方法について自分メモも兼ねてちょっとまとめておこうと思います。尚、こちらの記事では はてなブログ のエディタを「Markdownモード」で使う場合を前提にしています。 ■ 「はてな記法（fotolife記法）」とは？ はてなブログ を使っている方は意識しなくても「はてなフォトライフ」を利用しているでしょう。はてなブログのエディタ画面右にある「 写真を投稿」から画像をアップロードすれば必然的にこのサービスを利用することになります。やろうと思えば外部のアップローダーを使ってはてなブログに写真を掲載することも出来ますが、わざわざそうするメリットも特にありませんしね。 「はてなフォトライフ」がどのようなサービスなのか、画像をアップロードする際に注意すべき点はあるのかといった事については以下の記事で解説していますので併せてお読み頂ければ幸いです。 この「はてなフォトライフ」
ScrapboxでMermaid記法を可視化するUserScriptを作った話 | 豆蔵デベロッパーサイト
まずはUserScriptでどんなオブジェクトを扱えるかを調べてみようと思います。 ブラウザで任意のScrapboxのページを開き、デベロッパーツールのコンソール上で『window』と入力すると、そのページ上で定義されているグローバル変数の一覧が表示されます。 ここで表示されているグローバル変数は基本的にUserScriptで扱うことができます。 ここで抑えておきたいポイントは、jQueryが使えることと、scrapboxグローバル変数にScrapboxのページ情報が格納されているところです。 scrapboxグローバル変数の構造は大まかに下図のようになっています。 ページ内のコードブロックはscrapbox.Page.linesを辿ることで取得できそうですね。 コードで書くと下記のような感じでしょうか。 const result = []; let text = ""; for (con
SYNODOSの、日経たわわ広告アンケート記事の感想にいくつか補足。 はてな記法は少しだけ使えるようになった。改行が足りなかったんだな。 一ネット調査であることによる標本の偏りを指摘したトラバを見かけた気がしたけど、なくなってる？ 確かに、インターネットでのアンケートに回答する人は、普段ネットを使わない人より広告に肯定的だろうと直感的には思う。田中氏の調査では10代以下の子供や60代以上の老齢者も対象じゃないから、日経新聞を購読してる層全体を見れば、実際はもう少し批判的になるのかもしれないね。 二https://anond.hatelabo.jp/20220427084110 で、自分が気になったのは、9）性別役割分業志向と10）男性優先社会の認識だけどね。 本来ならこれは同じ方向をむく、というか合わせて「フェミニズム志向」と呼ぶべきものだろう。 でも実際は、10）男性優先社会の認識は明確
Hugoのマークダウン記法
基本のマークダウン マークダウンの書き方については、Hugo - Markdown Guideを参照してください。 Markdown Guide(https://www.markdownguide.org/) マークダウンで書いた要素にCSSクラスを付与 詳細は、Goldmark - Hugoのattributeを参照してください。 概要は下記のとおりです。 /config.tomlに下記を記述。 [markup.goldmark.parser.attribute] block = true 原稿のマークダウンで書いたブロック要素の次行に{.classA .classB}等のクラス名を記述。 * Fruit * Apple * Orange * Banana {.fruits} * Dairy * Milk * Cheese {.dairies} {.list} マークダウンでなくHTML
計算量オーダーについて 時間計算量とは 時間計算量とは「物理的にかかる時間」を表します。 プログラムの実行時間・ファイルの転送時間という解釈で大丈夫です。 空間計算量とは 空間計算量とは「アルゴリズムを実行するのに必要なメモリ・スタック量」を表します。 Big O 記法とは [オーダー記法] 時間計算量でも、空間計算量でも、なにかしらのアルゴリズム性能を表すとき「Big O (ビッグ・オー) 記法」というもので「計算量の割合」を表現します。 ここでは「時間計算量」における Big O 記法の説明をします。 後述しますが Big θ (ビッグ・シータ) 記法というものもあって、 IT 業界では Big O 記法は「 Big θ 記法の意味で使われることが多い」点に気をつけて下さい。 上限以上の値を設定しても構わない A さんの年齢は x 才で、130 才以上生きる人間は存在しない 計算量の話
Three.jsの記法まとめ
はじめに この記事は、Three.jsを用いた3Dオブジェクトを作成する方法やシェーダーの記法の整理を目的としています。 解説を目的とした記事ではないので、ご覧される際はあくまでメモ程度と捉えて頂けますと幸いです。 尚、全てのコードはnpmでthreejsモジュールをインストールしている前提で記載しています。 Three.jsを用いた3Dオブジェクトの生成 テンプレート(コメントあり) //モジュールの読み込み(パスは環境によって調整) import * as THREE from "three"; import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js"; import GUI from "lil-gui"; /* //canvasを定義 */ const canvas = document.
1. 生成AIにスライドを作らせるのは難しい生成AIを用いてスライドを作りたい場合、問題があります。 生成AIはテキストを扱うことに長けていますが、パワーポイントなどのスライドファイルの操作はあまり得意ではないのです。 ではどうすれば生成AIを用いてスライドを作成できるか。 そこで最近注目されているのが、Markdownを用いたスライドの記法である、Marpです。生成AIは自然言語処理に優れており、Markdown形式でのテキスト生成も可能です。このため、生成AIを使ってスライドを効率的に生成することができます。 例えばMarpの公式サイトには次のような事例が掲載されています。 https://marp.app/#get-started上の２枚のスライドは、下のようなテキストから出来上がっています。 上のようなテキスト出力は、生成AIの得意技です。 ですから例えば、生成AIに「Marpでマ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptの命名規則早見表（と記法） - Qiita
はてな記法からMarkdown記法へ移行 - さかつれづれ
矢印の混乱に対処する： デカルト閉圏のための記法 - 檜山正幸のキマイラ飼育記 (はてなBlog)
記事中の見出しから目次を自動的に作成する（目次記法） - はてなブログ ヘルプ
やめるなら記法について書いといてほしい。枠とか線とか見やすいから参考..
dbtにおける『SQLの記法』に関するベストプラクティス #dbt | DevelopersIO
Oracle、「Java 23」を発表 ～「JavaDoc」コメントがMarkdown記法でも記述可能に／11のJDK拡張提案（JEP）が含まれる
【JavaScript・初学者】Reactでよく使われる頻出記法 / 関数について - Qiita
Mermaid記法の使えるMarkdownエディタ、Webサービスまとめ
人力検索はてな・はてなプロフィールの記法変換の仕様を一部変更いたしました - はてなの告知
QiitaでNote記法がサポートされてた - Qiita
修正に強いコーディング手法【BEM記法とFLOCSS】 | マツイウェブワークス ｜新潟県十日町市のWEB制作事務所
はてなブログ への画像の貼り方いろいろ ～ fotolife記法編 ～ - （新）タイトルいつ決めるのさ
SYNODOSの、日経たわわ広告アンケート記事の感想にいくつか補足。 はてな記法..
【アルゴリズム性能評価】Big O(オーダー)記法をやさしく解説
【効率UP】WordPressにMarkdown（マークダウン）記法を導入－簡単な導入方法を教えます！
生成AIにスライドを作らせる「Marp記法」で、資料作成の自動化を試みるべし｜安達裕哉