2015/10/06

Akiyamarkdownをelectronで作ってみた

Others

以前Akiyamarkdownで紹介したSublime TextのpluginであるAkiyamarkdownをElectronのアプリにしてみた ダウンロードはこちらからどうぞ 改めてAkiyamarkdownとは 弊社saib studio代表秋山の手癖によって誕生したメモ書きの記法である。 これといった利点は特に無い。 なにができるの？ 秋山曰く 別になにもできないよ！ 秋山がメモ書きしやすくなるだけだよ！ 今後この記法をベースに、リアルタイムにツリー図が作成されるツールを開発予定だよ！ とのこと リアルタイムにツリー図が作成されるツールを開発予定だと・・・？ どうせ作るの俺なのに 結局なんなの？ なんなんだろう・・・ インデントは全角スペースだし→やら・やら■のオンパレードです ただ意外と議事録取りやすい markdownより優しい ちなみにakiyamarkdownからmarkdownに変換する機能も付けました 実装にあたって githubはこちら 実装に使ったものはざっくり２つ Electron Ace Electron 言わずと知れたnodeとhtml5でいい感じにデスクトップアプリが作れるgithub製のツール Babelとかで書くのが流行ってる気配だけど気にせずcoffeeで実装した ハマったポイントはコピペ周り ローカルでelectron .で起動した際にはコピーもペーストも効くのにbuildしたら効かないという ググってみたら自分で実装しろとのこと Clipboard = require 'clipboard' copy = () -> id = ID editor = ace.edit("editor#{id}") texts = editor.getSelectedText() Clipboard.writeText texts cut = () -> id = ID editor = ace.edit("editor#{id}") texts = editor.getSelectedText() target = editor.selection.getRange() editor.session.remove target

2015/09/20

簡単にテンプレートを作成するmytemplate.jsを作って公開してみた

Others

新しいプロジェクトを作成する度にフロントエンドの環境とかコピペしまくっている自分に気付いた。 yeomanとかでgeneratorとか作ってみようかと思ったけどそれもめんどい。 そもそもyeoman大嫌い そこで簡単にテンプレートを登録・利用出来るコマンドラインツール作ってみた Feature ざっくり以下の様なことが出来る 今いるディレクトリの中身を特定の名前を付けてテンプレートに登録 登録したテンプレートを好きな名前で利用 登録したテンプレートの一覧表示 不要になったテンプレートを削除 Install npm install -g mytemplate Usage まずはテンプレート化したいディレクトリに移動 仮にmy-web-starter-kitとか作ってたやつをwskとかで登録するとしよう cd my-web-starter-kit mytemplate add wsk これでmy-web-starter-kitの中身をwskとして登録完了 mytemplate list > wsk みたいになってたらいい感じ 利用するときは mytemplate new wsk projectA 実装してみて まだパフォーマンス悪いから改善しなくちゃ あとcommanderがとても便利だった。 おすすめです。 とりあえず個人用で作成したので諸々保証しかねますが好きに使ってみてください。 issueやプルリクも大歓迎です。 githubはこちら

2015/09/18

hubot-slackでのメンション

Others

アダプタがv2からv3に変わってメンション周りが変更されて面倒だったのでメモ ユーザー名からメンション これはとても簡単 ユーザー名がhogeとかなら<@hoge>でいい でもusernameがhoge.fooとかだとちゃんとメンション効かない そういう時はidでメンション送らせるのがいいと思う idからメンション <@>はidを渡しても使えるっぽい slackbotのidはUSLACKBOTらしいのでそれを例にすると<@USLACKBOT>みたいな感じ でもidは普段見えないから取得しなきゃいけない ユーザーの情報はrobot.brain.data.usersに入ってるので Users = robot.brain.data.users for key of Users if 'hoge.foo' == Users[key].name return Users[key].id とかすればユーザー名からidを取得できる そいつを使って Users = robot.brain.data.users getUserId = (name) -> for key of Users if name == Users[key].name return Users[key].id こんなの用意して<@#{getUserId(hoge.foo)}>とかするといい Utilにしとこう どうせメンションとかよく使うので僕は./scripts内にこんな感じファイルをutil.coffeeとか名前付けて用意してる ensureImageExtension = (url) -> ext = url.split('.').pop() if /(png|jpe?g|gif)/i.test(ext) url else "#{url}#.png" Robot = (robot) -> Util = {} Users = robot.brain.data.users delete Users.USLACKBOT

2015/09/07

Akiyamarkdown

Others

世の中には議事録というものが存在するらしい(僕は苦手) 多くの人はmarkdownを使って書いているらしい かくいうこのブログもmarkdownだ しかしそれにロマンがあるか！？いやない！！！ てわけで弊社(saib studio)代表 秋山くんのためにAkiyamarkdownを用意してみた。 Akiyamarkdownとは 僕の愛用エディタSublime Textのpluginである。Package Controlには載っていない。 あの秋山直樹の手癖をそのまま使いやすく、見やすくすることを目的としている。 めんどくさくなったので githubはこちら

2015/08/25

自己紹介

Others

saib studioでエンジニアをやっています。 主にフロントエンド。 好きな言語はpython, golang, node, ruby 聖飢魔IIが好きです。 Five Finger Death Punchも好きです。