Electron(+Vue.js)で外部アプリの進捗を表示する

最近はElectronでデスクトップアプリ作ってるのだが、どうしても他の言語で作られたアプリを呼び出さにゃいかん感じになった。大抵の言語で外部プロセスを呼び出す仕組みはあるものだけれど、Node.jsの場合は「child_process」とかいうモジュールを読み込んでくればそれっぽい事が実現できるらしい。

まあ外部アプリを呼び出すだけなら良いのだけど、その外部アプリが結構重い処理をやってるので、バックグラウンドで動いてるかどうかをElectron側で表示したい。ということは、外部アプリが標準出力に出している内容を何らかの手段でフックして、そいつをリアルタイム表示すればよさそう。というわけで、絶賛お勉強中のVue.jsと組み合わせて試してみた。
続きを読む Electron(+Vue.js)で外部アプリの進捗を表示する

Vue.jsでしょぼいメニューを作った

さいきんVue.js大好きおじさんになりつつあるのだけれども、メニューっぽいものを実装するところで詰まった。jQueryだとメニュー関係のプラグインが豊富にあるのでテキトーやっててもよかったのだが、Vue.jsだとよくわかんない感じ。

小一時間WEBの海を泳いでかっこいいメニューのサンプルを見つけても、「どれどれ」とソースコード眺めてみたらハイレベルすぎて俺みたいなクソザコナメクジには到底理解できないことが分かった。うーん、こりゃ困ったぜ。

といったところで、とりあえず車輪探しは諦めて、自分でサクッと作ってみる事にした。そして手を動かした結果、「すまん・・・俺の実力ではこれが限界だ・・・!」と胸を張って謝れる程度のしょぼいメニューが出来上がったので、ここに残しておこうと思う。
続きを読む Vue.jsでしょぼいメニューを作った

Vue.jsで要素をドラッグして動かす


Vue.jsを使って、練習がてら要素をドラッグして動かすやつを作った。べつに要素はdivで作った箱でもなんでもよかったのだけれど、ちょうど最近SVGを使って遊んでるので、なんとなくLine要素で作った×でも動かしてみることに。
続きを読む Vue.jsで要素をドラッグして動かす

Vue.jsでDOM要素を増やす(&JSFiddleおためし)


▲パワポで描いたJSFiddleのロゴ(パチもん)

最近Vue.jsを始めたのだけれど、動的に要素を追加するにはどうすればいいんだろうかという所で小一時間悩んだ。jQueryだと何も考えずにappend()なり使ってペペペペッてやってたんだけどね。ちょっと調べてみると、Vue.jsではappendTo()とかいうのがあるかと思ったらバージョン2からは削除されててネイティブAPI使えだとかいう話になってるみたい。

しかしせっかくVue.js使ってるんだし、もうちょいなんかこう・・・スマートに実装できないもんかね?ググり回ってもトレンドなお作法がよく分からんので「JSFiddle」ってやつで試行錯誤しながらやってみた。

JSFiddleってのは、WEB上でサクッと組んだコード(HTML/CSS/JS)がサクッと動かせるサービスで、ブログへのコード貼り付けも簡単にできる。しかも、jQueryだとかVue.jsだとかの有名所のライブラリなんかは、「script src=・・・」とかわざわざ書かなくても、予め「このライブラリのこのバージョン使うかんね!!」って設定しとけば、勝手にロードしてくれる。うほっ、超べんりー。
続きを読む Vue.jsでDOM要素を増やす(&JSFiddleおためし)

Node.jsでメモアプリを作って遊ぶ(そのさん)


前回の時点でひとまずメモアプリっぽい何かは作れたんだけれども、jQueryでゴリゴリ書いてた部分をナウいライブラリ「Vue.js」に置き換えて遊んでみようと思う。

もともと俺がjQuery使い始めた理由ってのも、6~7年前ぐらいにモダンブラウザとレガシーブラウザが入り乱れた状況を打開するためだった気がする。まあ、IE6~8あたりのバグ対応でCSSハックせざるを得なかったけどな。今まで惰性で使い続けてきたのだけれども、今ではモダンブラウザで動けばOKな風潮だからなー。

そいで今どきのトレンドを軽く調べてみると、Googleさんが作ったAngularとか、Facebookさんが作ったReactとか色々あるのだけれど、jQueryを置き換えるのであればVue.jsが手っ取り早いという噂だ。まあ、WEB上の自信ニキ達がそう言っているだけであって俺は知らんのだが、全部触ると学習コストがパない感じになりそうなので、とりまVue.js触ってみまちゅか。

さっそくKindle Unlimited漁っていい感じの参考書をGETしたので、こいつを頼りに手を動かしてみる事にした。斜め読みした上での実装なので不安ではあるが、まず手を動かして糞みたいなコードでも作り上げる所がスタートラインだと思うんや。とりま動けば大正義(暴論)
続きを読む Node.jsでメモアプリを作って遊ぶ(そのさん)