Javascript Javascript preventDefaultとstopPropagation
preventDefault()とstopPropagation()のメモ Eventの処理で使う 双方イベントリスナー内で使うことが多い。というかほとんど。イベントインターフェースのメソッドだからリスナーで処理するだろう。 stopPro...
サンプルつき
Javascript 
React Reactのサンプルとして連打回数測定器をつくった
Reactサンプル1 Reactの色々な機能などを使ってみようかと思い、サンプルを作ってみることにした。 基本的にできたものは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でページ全体の...
Webサービス Webブラウザ上でmdをhtmlに変換する簡易エディタを作った
以前、記事をMarkdownで書いてhtmlに変換してからアップするという流れを作った。しかし、bash上でコマンドによりhtmlに変換しているので、bashが操作できる環境でないと、変換作業ができない。 そして最近では、iPadで記事を書...