Reactで動的に出現する要素をDOM量抑えながら実装する。たとえばドロップダウン。 画面内に一個だけしか出現しないユニークな要素であれば、stateとcssでなんとかなると思う。 handleDropdownToggle = () => { this.setState({ dropdownVisible: !this.state…

最低限のコストで最近よく聞くいい感じのjsを書きたい時の構成をずらーっと書いてみる 準備するもの node/npm (最近はrbenvクローンのnodenvがいい感じ、操作は同じ) webpack babel .babelrc .babelrcを設置しとくとbabelのデフォルト設定がこいつの中身で書…

nodenvとかrbenvとかなんかしら食わせたいやつがある時 コマンドを打つ度にsshしてinitして、ってやってるとダルいのでheredocでまとめて実行する ssh HOSTNAME -t "$(cat <<'CMD' export PATH="$HOME/.nodenv/bin:$PATH" eval "$(nodenv init -)" node -v n…

Adopted Characters 下駄記号 - Wikipedia

gulpはstream志向でデザインされていて、streamしか受け入れない・streamじゃないとon the railじゃない、というようなイメージが強いと思う。 ところがどっこい、gulpのタスクが受け入れるのはstreamだけじゃないし、必ずしもgulp-*とかvinylとかを使わなけ…

webpackとは いろんなファイルをtranspileしてES5のJavaScriptに変換してくれるやつ AMDかCommonJSの形式でファイルをロード(CommonJSならrequire)すると、transpileしたファイルをロードしてくれる クライアント側のjsコードでもrequireを使用することがで…

備忘録 babel*@5 （勘弁して jest-cli@0.8.2 TL;DR preprocessor.jsのbabel.transformにretainLinesオプションを渡して、キャッシュをクリアする くわしいめも jestの設定はこんな感じ { "name": "test", "rootDir": "./src", "cacheDirectory": "<rootDir>/../tmp", </rootdir>…

electronをcommonjsモジュールとして追加してあげる必要がある。 最初、何を思ったのかexternalとかIgnorePluginとかで無視しようとして時間を浪費したのでメモ。 NG export default { plugins: [ new webpack.IgnorePlugin(/^(?:electron)$/), ] } NG expor…

ネット同人音楽即売会APOLLOが開催の運びとなりました。 早速楽曲を買ったんですが、購入した曲をダウンロードする時に一個一個ばらけてて非常にめんどくさい。 なので、これをまとめてダウンロードできるようにするボタンを購入後ページに表示するchrome拡…

gulpfileの中でasync/await使ってgazeでwatchしてたんだけど、watcherの中でconstを使うとSyntaxErrorが出る問題に遭遇した。 const copy = (source, dest) => new Promise((resolve, reject) => { ncp(source, dest, err => err ? reject(err) : resolve())…

.eslintrcでルールを指定していなかった場合、0.9へアップデートした途端に動かなくなる。 前のまま使い続ける場合、以下のような感じでルールをeslintrcへ追記する必要がある。 { "plugins": [ "import" ], "settings": { "import/parser": "babel-eslint" …

しばらく我慢して使ってたんだけど、ちょっと厳しいのではてなに戻ることにした。

株式会社はてなに入社しました 株式会社はてなに入社しました - hitode909の日記

広告とかうざったいし、ドメインあるし、メディア管理楽だし。 星が欲しいわけでも無いので。 blog.geta6.net

node.jsでpamを使った認証機構を作る時のサンプルです、Mac・Linuxで動きます。 ditesh/node-unixlibを使います。 unixlib.pamauth 'chkpasswd', ... ここのchkpasswdには/etc/pam.d以下にあるサービス名を入れます。 Ubuntuではpasswd、MacOSXではchkpasswd…

hatena、blogger、tumblr、どこで記事を書けばいいのか悩んでいる。

MakePDF.workflow.tar.gz フォルダを受け取る 内包する画像を全て破壊的にjpgへ変換する 名前順でソートする 名前順ページでPDFを作成する 「${フォルダ名}.pdf 」にリネームする Growlで通知する webでちょろっと探したけど5番をやってる人が意外といらっし…

新鯖でPostfix:Submission + Dovecot:IMAPSなメール鯖を構築していた時のこと。 Dec 16 15:57:16 ubuntu postfix/smtp[17779]: CE9284A005F: to=<**@**>, relay=none, delay=0.19, delays=0.02/0.01/0.16/0, dsn=4.3.5, status=deferred (Host or domain nam…

ためにいろいろと調査した結果ログ。 UIWebViewでつくるUI よくまとまってた。 長押しでの選択を無効にする CSSでハンドルする。 -webkit-touch-callout: none; -webkit-user-select: none; overflow: scroll;な要素でスムーズスクロール・バウンスを有効に…

とにかくweb上の文書が少ないし古い。 web上で入手できる文章は限られてるのでそれは参照してもらうとして。 たぶん効いたのはコレ。 $ chmod u+s /usr/lib/squid3/pam_auth $ apt-get install libpam-unix2 $ cat /etc/pam.d/squid auth required /lib/secu…

nginxが静的ファイルとゲートウェイを担当、node.jsが動的ファイルを担当、というスタイルでウェブサーバを運用している。 新しくアプリケーション作ろうと思った時、逐一nginxにupstreamを作ってnode.jsへPROXYするのは面倒だし煩雑である。設定が膨大にな…

geta6/consolable npm/consolable ネイティブのconsole.{log,info,warn,error}にフックしてカラーリングとレベリングをします。

プリンタエラーログから救う cat /var/log/samba/log.smbdしたらありもしないプリンタを定期的にロードしようとして大量のログがrotateされていた。 プリンタ共有は使用していないので完全に停止させる。 load printers = no disable spoolss = yes printing…

自宅サーバで運用中のドメインを内部解決するためだけと割り切って設定したBIND9 Ubuntu 12.04だとBIND9のCPU使用率が爆発し易いらしい、実際外部向けの設定も入れたら使用率が180%とかになっていた、現在の設定ではほぼ0% 内部向けの正引きと逆引きのみ ド…

vm_statを使う、osxにはfreeやら/procといった便利な概念が存在しないので。 osx(10.8)でvm_statを実行するとこのような出力が得られる。 $ vm_stat Mach Virtual Memory Statistics: (page size of 4096 bytes) Pages free: 232518. Pages active: 802343. …

opencvで顔を検出して切り抜き、Glitchフィルタをかけた後にimagemagickで合成して出力する。 きっかけ: twitter@9m できたの: geta6/flitch 元の写真 Google Image Searchでfaceで検索した様子。 検出状態 ellipseしてみた。 処理後 概ね望んだ通りの結果が…