golang golang 標準入力から空白区切りの数列を読み込む
golangで標準入力から空白区切りの数列を読み込み、スライスに格納する。 fmt.Scanln()は使わない。これやfmt.Scanf()は空白を見つけた時点で読み込みをやめてしまう。 Scanlnは固定長なら変数を並べることで、格納でき...
golang VirtualBox VirtualBox上のcentos7のストレージ容量を拡張する
Virtual Boxで動かすcentos7のストレージを拡張する。 参考 こちらの記事（VirtualBox 上の CentOS 6.9 のハードディスク容量を増やす | knooto）がとても参考になった。 ボリュームグループや論理ボリ...
React Reactで親から子のコンポーネントにアクセスする
Reactで親コンポーネントから、子コンポーネントにアクセスする。 独立性が下がるが、そうしないと実現できないこともあるので仕方がない。 そもそも独立してないような気もするので問題ないか。小規模だし。 状況 親コンポーネントPでページ全体の...
electron Electronでelectron-storeを使ってデータの永続化を行う
electronで設定などデータを永続化するために、electron-storeを使う。 electron-storeはデータの読み書きなどをしてくれるモジュール。sindresorhus/electron-store: Simple da...
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()とcompone...
CSS CSS 内部要素のスクロールだけ可能にする
スクロールを禁止するが内部の大きい要素のなかをスクロール可能にする。 body { overflow: hidden; } div.long-content { height: -webkit-fill-available; overflo...
electron electron環境にwebpackとelectron-connectを足す
electron, react, babel, webpack, gulpの環境にした。 今までのものからwebpackを追加した。 その理由は、jsxファイルを分割して、他ファイルからrequireするときに、正しくできないため。 req...
electron electron-reloadとgulp.watchでjsxをホットリロードする
electron-loadとgulpでjsxの変更を即時反映する。 hot reloadとかlive reloadで検索すると、2つのモジュールをよく目にした。 electron-connect - npm electron-reload ...