HTML

Colab で学ぶ LaTeX

はじめに はてなでも、Qiita でもマークダウンできれいな数式が書けます。 $$ E=mc^{2} $$ とか。 この数式を書く記法を LaTex と言って、本来は数学書を書くための組版処理システムなのですが、数式を書く部分が LaTeX のサブセットの MathJax として ブロ…

Colabで遊ぶ scatter で random に点を打つ

Colab で遊ぶシリーズ scatter で random に点を打つ。 カラーも random できれば Colab で開いて実行してみてください https://colab.research.google.com/github/kalz2q/mycolabnotebooks/blob/master/z_scattercolor.ipynb *{stroke-linecap:butt;stroke-…

Ubuntu on WSL から Windows の ブラウザーを開く

私の場合 alias chrome="/mnt/c/Program\ Files\ (x86)/Google/Chrome/Application/chrome.exe" で開けるようになりました。 ~/.bashrc に入れておけば、適当に書いた html ファイルを chrome temp.html として見ることができるようになります。

はてなでSVG画像を入れる

はてなはMarkdownでもHtmlは書いて表示することができる。 SVGはHtmlの規格なのでただ書くだけで結果が表示される。 このソースは <svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" viewBox="-10,0,200,200"> <defs></defs> <circle cx="77.474" cy="111.072" r="80" stroke="green" stroke-width="8" fill="yellow"></circle> </svg>

マークダウンでドルマーク `$` を表示する方法

マークダウンでドルマーク $ は LaTeX (MathJax) で数式を表現するので使われてしまうので、バッククォートで囲んで逃げるか、HTML で表現するしかありません。 HTMLでの表現を調べたので備忘です。 &#36; => $5 ドル が確実か。 &dollar; => &dollar;10 ド…

テスト Colab GitHub 連携

はじめに GitHubとColabの連携はわかりました。 だいたいわかったと思う。 とりあえず使えています。 で、これをはてなとかQiitaの記事にする場合、Colabのファイルメニューにマークダウンに変換がないみたいなので、一旦パソコンで jupyter nbconvert --to …

無料楽譜サイト(音付き)を作りました

使い方 ウェブアプリです。ブラウザーで https://kalz2q.github.io/gakufu005/index.html を開くと曲リストが表示されます。ランダムなので、毎回順序が違います。 適当な曲をクリックすると楽譜画面になります。 右上に音を出すためのコントロールボタンが…

ElmでTodoアプリを作る

ElmでTodoリストを作りました。 ソースとデモはこちら。 https://ellie-app.com/6D8hKZwjy5ja1 (Qiitaに載せたのと同じものです) 簡単に解説します。 Addで追加されて、Deleteで削除します。 ということは一応CRUDが実現できているのかな。 データベースにFi…

elm-uiから入るelm入門

ホームページelm-lang.orgにElmのチュートリアル(guide)があってそれはそれはすばらしいので、そこ以外で勉強するのはもったいないので、余計な入門は書かない方がいいのですが、思いついたのでしょうがない。 あとたぶんどんどん仕様が変わっているので他の…

Elmおもしろいね

elm-projects Elmという言語を知りました。 バージョンが0.19でまだまだ環境が整っていないのですが、やたらおもしろい。 発展するといいな。 elm-lang.orgというところにチュートリアルやドキュメントがあります。 おもにそれからのコピペが多いのですが、g…

中東の国々を覚えよう

キルギスってどこあるの、とか、ドーハの悲劇ってどこの国だっけとかわからなくて普通ではないでしょう。 がんばって中東の国々の位置関係を覚えて下さい。 https://kalz2q.github.io/jsdemo/middleeast.html 今回はたったの23問なので、あっと言う間に覚え…

ギリシャ文字と数学記号を覚えよう

ギリシャ文字と数学記号を覚えるクイズサイトを作りました。 https://kalz2q.github.io/jsdemo/utfquiz.html 問題: ∂ 答え: 偏微分、デル、ラウンドディー みたいな問題が、82題出題されます。 5分で全部解けたら(覚えられたら)優秀だと思います。 ファ…

フォント遊び

はろはろはろ。 こんな字で失礼します。 はてなのマークダウンでwebフォントをどうやって使うのが簡単か。 とりあえず。 <div style="font-family: 'tk92font', serif; font-size: 150%;">はろはろはろ。 <br> とかしています。 行替えがめんどうですね。 とか。 まあいいか。 えっと、きっかけはgoogleがNoto Serif CJKの全言語</div>…

名前のついた色を探す

HTMLで色を指定する際に名前で指定する方法とコードで指定する方法があります。 名前はたとえばグリーンとかイエローとかでコードは#008000とかです。 無限にある色の中で名前のついているのは140個あって、greyとgrayとかaquaとcyanとか同じコードに別名が…