Javascript Javascript preventDefaultとstopPropagation
preventDefault()とstopPropagation()のメモEventの処理で使う双方イベントリスナー内で使うことが多い。というかほとんど。イベントインターフェースのメソッドだからリスナーで処理するだろう。stopPropag...
サンプルつき
Javascript 
React Reactのサンプルとして連打回数測定器をつくった
Reactサンプル1Reactの色々な機能などを使ってみようかと思い、サンプルを作ってみることにした。基本的にできたものはCodePenに置いておこう。今回は基本的事項の確認として、stateやpropsでのコンポーネント間の変数の受け渡し...
CSS 3通りのmarquee
幅が足りない時は文字をスクロールさせる。（マーキー）電光掲示板のようなスクロール。局所的には使える。試した方法3つmarqueeタグ（廃止）を利用CSSのanimationを利用Javascriptで実装特に凝った動きをしないのであれば、真...
CSS CSSのdisplay: flex;で動的な幅変化に対応する
CSSのメモ。display: flex;で動的な横並べを行う。実現したい動作要素Aの隣にある程度の幅が空いていれば、隣に要素Bを表示したい。要素Aは固定幅を持ち、要素Bは最小幅を持ち、幅の空きに応じて横に広がる。幅に余裕のないときは、要素...
React Reactで親から子のコンポーネントにアクセスする
Reactで親コンポーネントから、子コンポーネントにアクセスする。独立性が下がるが、そうしないと実現できないこともあるので仕方がない。そもそも独立してないような気もするので問題ないか。小規模だし。状況親コンポーネントPでページ全体のthis...
Webサービス Webブラウザ上でmdをhtmlに変換する簡易エディタを作った
以前、記事をMarkdownで書いてhtmlに変換してからアップするという流れを作った。しかし、bash上でコマンドによりhtmlに変換しているので、bashが操作できる環境でないと、変換作業ができない。そして最近では、iPadで記事を書く...