React Reactで親から子のコンポーネントにアクセスする
Reactで親コンポーネントから、子コンポーネントにアクセスする。独立性が下がるが、そうしないと実現できないこともあるので仕方がない。そもそも独立してないような気もするので問題ないか。小規模だし。状況親コンポーネントPでページ全体のthis...
ikapper
React electron Electronでelectron-storeを使ってデータの永続化を行う
electronで設定などデータを永続化するために、electron-storeを使う。electron-storeはデータの読み書きなどをしてくれるモジュール。sindresorhus/electron-store: Simple dat...
Wordpress wordpressのソース表示をPrism.jsとプラグインで改善する
wordpressでPrism.jsとプラグインでソースコードなどを少し綺麗に表示する。codepenに書いたmdtohtml変換器、というかmarked.jsはCommonMarkをサポートしているので、コードブロックの先頭に、言語名を追...
Webサービス Webブラウザ上でmdをhtmlに変換する簡易エディタを作った
以前、記事をMarkdownで書いてhtmlに変換してからアップするという流れを作った。しかし、bash上でコマンドによりhtmlに変換しているので、bashが操作できる環境でないと、変換作業ができない。そして最近では、iPadで記事を書く...
React ReactでsetInterval使用で定期描画する
reactでsetIntervalを使って定期的な描画を行う。調べたところ、コンポーネントをクラスで定義するか関数で定義するかで方法が異なるようだ。クラス定義の場合メソッドとして、componentDidMount()とcomponentW...
CSS CSS 内部要素のスクロールだけ可能にする
スクロールを禁止するが内部の大きい要素のなかをスクロール可能にする。body { overflow: hidden;}div.long-content { height: -webkit-fill-available; overflow: ...
electron electron環境にwebpackとelectron-connectを足す
electron, react, babel, webpack, gulpの環境にした。今までのものからwebpackを追加した。その理由は、jsxファイルを分割して、他ファイルからrequireするときに、正しくできないため。requir...
electron electron-reloadとgulp.watchでjsxをホットリロードする
electron-loadとgulpでjsxの変更を即時反映する。hot reloadとかlive reloadで検索すると、2つのモジュールをよく目にした。electron-connect - npmelectron-reload - n...
electron Electron, React, Babel, Gulpの環境構築
electron, react, babel and gulpの環境をつくる。create-react-appとかelectron-react-boilerplateとかは、使わない。普通に調べると、前者のコマンドが付いて回る。恐ろしい。後...
electron electron-mochaのインストールと設定
electronでテストを行う。nodejs初心者なので、テストのセッティングも大変。テストを書いておかないと不安なので、調べて見た。その結果。electron-mochaというライブラリを使えば良さそうということがわかった。インストールす...