ikapper

golang

golang 標準入力から空白区切りの数列を読み込む

golangで標準入力から空白区切りの数列を読み込み、スライスに格納する。 fmt.Scanln()は使わない。これやfmt.Scanf()は空白を見つけた時点で読み込みをやめてしまう。 Scanlnは固定長なら変数を並べることで、格納でき...
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 ...