Chrome拡張の開発でwebpackを使わずにES6のimportを有効にしたい - DRYな備忘録
追記 2018/10/29 chromeモジュールが使えなくなる、という指摘は半分正しくて半分間違ってる（いくらでもやりようがある）のでもうちょっとちゃんとした記事を書きました。 medium.com 以下原文ママ。 背景 JSのプロジェクトで、特に僕はChrome拡張を作ることが多いんですが、ES6 syntaxを使いたい だいたいのES6 syntaxは、Chrome（現在 65.0.x）で使える ただし、問題は import です Background Script でimportを使う medium.com つまりHTML5準拠のブラウザでは<script type="module" src="..."></script>とすれば、これをエントリポイントとして以下importは解決されるんだけど、ということは逆にmanifest.jsonのbackground.scriptsでBa
Webプログラマから見た「CWL」の功績と罪過 - DRYな備忘録
このエントリは、CWL Advent Calendar 2017 - Qiitaの25日目です。 背景 誰がエモ芸人や CWL is 何？ データ解析が再現するということ、あるいは Common Workflow Language... - こんな時間ですがパスタを茹でます 異なる処理系の間で同一のワークフローの実行を可能にするために、ワークフローの内容を記述し、実行系の間で交換するための標準形式の策定を目的として Common Workflow Language (CWL) プロジェクトが発足した。 すげーざっくり言うと、バイオインフォのゲノム解析の手順書を統一規格で書こうぜ、という感じのブツです。 実際どうやって使うねん CWL User Guide 1: Introduction と 2: First Example をやってみた CWL User Guide 3: Essentia
【Go言語】準標準のWebSocketパッケージを使ったミニマムなチャットのサンプル - DRYな備忘録
をつくって、こういう知見がたまったよ、みたいなの書こうと思ったんですが、Goの準標準パッケージである golang.org/x/net/websocket が便利すぎて「あ...できたわ」以上の感想が無いっていう現象になりました。 成果物はこちらです。ご査収ください。HTML入れても160行ぐらいしかないです。 github.com というかGoのチュートリアルでチャットってよく使われるからGoエンジニア飽きもせず何度もチャットつくるマンみたいになってる気がする。 DRYな備忘録として みんなのGo言語【現場で使える実践テクニック】 作者: 松木雅幸,mattn,藤原俊一郎,中島大一,牧大輔,鈴木健太,稲葉貴洋出版社/メーカー: 技術評論社発売日: 2016/09/09メディア: 大型本この商品を含むブログ (4件) を見る
【追記あり】【解決】Mac上のVagrantでFreeBSDが動かない - DRYな備忘録
2017/11/28 追記 このVagrantfileですべてが動くことを確認できたので【解決】としました。 github.com 2017/11/16 追記 `sudo pkg update` segfaults in Vagrant · Issue #1612 · freebsd/pkg · GitHub 222510 – security/sudo: Immediate segfault when hostname is not defined どうやらFreeBSDにおけるsudoの実装が内包しているバグだった模様で、公式が「数日内にバグフィックス出すよ」と言っている。とりあえず全裸待機。 以下原文 目的 Mac上のVagrantでFreeBSDをVirtualBoxで動かしたい provisioningもしたい 環境 % vagrant --version Vagrant 2.0
Terraformってなんぞや - DRYな備忘録
目的 Terraformのなんたるかを知る Terraformの初歩的な使い方を知る Terraformを使ってみる 調査 Terraform by HashiCorp 公式ドキュメント。Write, Plan, and Create Infrastructure as Code とのこと インフラ構成をコンフィグファイルにして再現性をもたせたものなんだろうな？ AWS, GCP, Azure, OpenStack, VMware などに対して同様のconfigで動くのか？ Introduction - Terraform by HashiCorp インフラ構成のcapsitrano/ansibleみたいな印象がある Execution Plans、ただのDry Runにすぎないんだけど、まあ便利そう Use Cases - Terraform by HashiCorp Terraform
git fetchできない【git】 - DRYな備忘録
問題 git fetchしようとすると以下のように叱られる [12:15:56] ✔ git fetch origin error: unable to resolve reference refs/remotes/origin/wip/i: Not a directory From github.com:otiai10/kanColleWidget ! [new branch] wip/i -> origin/wip/i (unable to update local ref) error: unable to resolve reference refs/remotes/origin/wip/loader: Not a directory ! [new branch] wip/loader -> origin/wip/loader (unable to update local ref
【Go言語】意地でもsliceをswitch-caseで比較したい - DRYな備忘録
invalid case []byte literal in switch (can only compare slice foo to nil) switch response[:4] { case []byte{0,0,0,0}, []byte{1,0,0,0}, []byte{2,0,0,0}: fmt.Println("do something") } // これ動かないやつ 可変長であるsliceはnilとの比較だけが許されているようだ。固定長ならどうか？ やったこと 固定長arrayをつくる sliceとしてcopyにかける 固定長arrayと比較する var header [4]byte copy(header[:], response[:4]) switch header { case [4]byte{0,0,0,0}, [4]byte{1,0,0,0,}, [4]byte
Goのコードから複数の異なるDockerホストに対してコンテナの起動を実装する - DRYな備忘録
2017/06/19 追記 エラーハンドリングにバグがあったので修正しました channelに何か流したとき、channelから取り出されないと流し込んだ側をブロックするのを忘れていました - errored <- err + go func() { + errored <- err + }() 前回までで以下のことをやったので GoのコードからDockerコンテナの起動を実装する - DRYな備忘録 GoのコードからDockerイメージのpullを実装する（bufio.Scannerかわいい） - DRYな備忘録 GoのコードからDockerコンテナへのディスクボリュームのマウントを実装する - DRYな備忘録 今回は、Goのソースコードが動いているマシンじゃないマシンに対してDockerコンテナの起動を指示する実装をしてみたいなと思いました。 準備 複数のDockerホストを再現するた
CSS書きたくなさすぎ問題2017 - DRYな備忘録
css書きたくない。できればjsも書きたくない。js必要なの嫌。軽くやりたい。という個人の日記です。 参考 Best CSS Frameworks of 2017 | Three29 10 Free Lightweight CSS Frameworks for a Fast Start 2017年にチェックしておきたい、CSSの軽量フレームワークのまとめ | コリス ググれ。 lightweight css framework - Google 検索 Gridだけやりたいやつは除外した。 Bootstrap Materialize mui （追記）UIkit （追記）Semantic UI Pure Bulma Skelton Spectre.css Kube Vuetify Fictoan avalanche Beuter Vanilla Milligram InvisCSS Look
不要になったDockerコンテナの一括削除 - DRYな備忘録
docker ps - Docker Documentation % docker ps -a -q -f "status=exited" | xargs docker rm -a --all runningではないコンテナも含めすべて表示 -q --quiet container idのみ表示 -f --filter 色々でフィルタリングできる を、xargsでdocker rmの引数に投げた DRYな備忘録として プログラマのためのDocker教科書 インフラの基礎知識&コードによる環境構築の自動化 作者: 阿佐志保,山田祥寛出版社/メーカー: 翔泳社発売日: 2015/11/20メディア: 大型本この商品を含むブログ (3件) を見る
vimのcolorschemeで勝手にドキドキするvimrc - DRYな備忘録
わけあってリモートサーバでvimでがんがんコードの編集する仕事をしており、あと単調なので、なんかドキドキしたいと思い、1時間ごとにcolorschemeを勝手に変えるvimrcの断片を書いたのでメモ 追記 2017/05/15 id:foooomioさんありがとうございます！助かりました！ function! s:ColorSchemeLottery() let schemes = ["koehler", "zellner", "peachpuff", "slate", "murphy", "delek"] let l = len(schemes) let i = strftime("%H") % l return schemes[i] endfunction execute 'colorscheme ' . s:ColorSchemeLottery() これでリストだけ更新すればよくなっ
react-routerでページを共通Layoutに乗せたりログイン画面は乗せなかったりするルーティングの設定 - DRYな備忘録
import React from 'react'; import ReactDOM from 'react-dom' import {Router, Routes, browserHistory} from 'react-router'; import {MyFancyLayout} from '../../layouts'; import { LoginPage, // これと HomePage, SettingPage, NotFoundPage, // これは、レイアウト適用外 } from '../../pages'; ReactDOM.render( <Router history={browserHistory}> <Route path="/login" component={LoginPage} /> <Route path="/" component={MyFancyL
Draft.jsを使ってContentEditableなdivに絵文字をレンダリングしつつ編集可能にする - DRYな備忘録
ぜったいなんかやり方あるだろと思いつつなかなか見つからなくてググり続けたりして6時間ぐらいハマったのでメモ。 import React from 'react'; import {Editor, EditorState, CompositeDecorator} from 'draft-js'; const getEmojiURL = (key) => { // TODO: ここで、:shit:とかくるので、対応したURLを返せばよい switch(key) { case ':smile:': return 'https://twemoji.maxcdn.com/svg/1f603.svg'; case ':shit:': return 'https://twemoji.maxcdn.com/svg/1f4a9.svg'; default: return null; } }; const E
git logでコミットハッシュだけほしい - DRYな備忘録
追記 @otiai10 git log --pretty=%H— はぇ～☆ (@haxe) 2016年6月14日 以下、読まなくていいです % git log --pretty=oneline 5df2e90cfca356707f58de15b0c45ed7ba2446bb いろいろあたらしいかんじに調整 f7caec1f173889c76fc9bc83eed350d930a1ec41 chomexはつねにmockしない 2db4ecf41caefb102982ba88e01ba7b608d17aab Mockは分ける ... となってコミットメッセージも得られるので、awkつかえば % git log --pretty=oneline | awk '{print $1}' 5df2e90cfca356707f58de15b0c45ed7ba2446bb f7caec1f173889c76
【Go言語】Appleプッシュ通知を使う【APN】 - DRYな備忘録
ゴール 先日【iOS】Push通知の実装（サーバ編その1）【できた】 - DRYな備忘録においてRubyで実装した 今回はこれをGo言語でやる 記録 こういうのがある anachronistic/apns · GitHub 上記ブログで使用したRuby製のhoustonとの違いは クライアントを初期化するときにpemファイルを2つ渡しているところか houstonと読み比べをして houstonで使用したpemファイルは以下のようなフォーマットになっている Bag Attributes friendlyName: Apple Development IOS Push Services: = my.app.bundle.id localKeyID: hex hex hex hex subject=/UID=com.otiai10.app.ApnSample/CN=Apple Developm
アメッシュをターミナルに表示して、ついでに雨降ってたらSlackでおしえてくれるところまで、Goでやったことのまとめ - DRYな備忘録
このエントリはGo その2 Advent Calendar 2015 - Qiitaの8日目です。 7日目のS_Shiomtoriさんの記事もコマンドラインツールの話でした。 % go get github.com/otiai10/amesh/amesh % amesh -g 思ったことや詰まったこと書きます Goでコマンドラインツールをつくりはじめるとき なんでわざわざGoでコマンドラインツールつくるか コンパイルが非常に早いので、ほぼスクリプト言語のようにソースファイルをWrite&Runして開発することができるから クロスコンパイルが容易なので、Goのコンパイル環境を要求せず、実行可能ファイルを納品できるから 並行処理を書きやすく、わりとデカめのことをさくっとやってのけたりするから Goでコマンドラインツールつくるときいつもハマること flagパッケージわりと使いにくい flag.A
OCamlでHello World - DRYな備忘録
＼ｵｯｷｬﾑﾙ／ % brew search ocaml ocaml ocamlsdl % brew install ocaml ==> Downloading https://homebrew.bintray.com/bottles/objective-caml-4.02.1_2.yosemite.bottle.1.tar.gz ######################################################################## 100.0% ==> Pouring objective-caml-4.02.1_2.yosemite.bottle.1.tar.gz 🍺 /usr/local/Cellar/objective-caml/4.02.1_2: 776 files, 75M % which ocaml /usr/local/bin/oc
Goのパッケージ管理ツールgodepの紹介と、僕がハマった罠 - DRYな備忘録
Goのプロジェクトの依存パッケージをどうするかという問題があります。 package myapp import ( "gopkg.in/hoge/fuga" "myserver.com/foo/bar" "buz" ) func main() { // ... } などのアプリケーションをサーバにデプロイするとき、fugaパッケージやbar、buzパッケージをどこから調達するかです。 たとえばNodeJSならpackage.jsonとnpm installが、RubyならGemfileとbundle installがこのような依存パッケージを調達してくれます。 godep Goにおける依存パッケージの解決方法のひとつに、godepというものがあります。 tools/godep · GitHub Goのパッケージマネージャの中ではいちばんメジャーなもののようです。（mattnさんのgomやr
MacでMongoDBのインストールとデーモン化と、基本的な使い方 - DRYな備忘録
インストール まあbrew install mongodbですわ。 % brew search mongodb mongodb ok % brew install mongodb ==> Downloading https://downloads.sf.net/project/machomebrew/Bottles/mongodb-2.6.5.yosemite.bottle.2.tar.gz ######################################################################## 100.0% ==> Pouring mongodb-2.6.5.yosemite.bottle.2.tar.gz ==> Caveats To have launchd start mongodb at login: ln -sfv /usr/local/
AngularJSでBootstrapのModalを出す方法メモ - DRYな備忘録
問題 AngularJSと、Bootstrapのui.bootstrap使ってて BootstrapのModal機能とか使いたくなるけれど Angular的なControllerや$scopeの扱いが混乱したのでメモ 参考 公式: Angular directives for Bootstrap サンプル 親View。対応するControllerのメソッドをふつうに呼んでるだけ↓ <!-- モーダル開く親側のView --> <ul> <li data-ng-repeat="task in tasks"> <span>{{task.name}}</span><a href="#" data-ng-click="openDeleteConfirm(task)">さくじょ</a> </li> </ul> 親Controller。もちろんopenDeleteConfirmをexportしてる。そ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
