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


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

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

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

速習Vue.js 速習シリーズ

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

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

最近Node.jsにハマっててお仕事で使い始めたのだけれど、普段デスクトップのツール開発目的で使ってるもんで、サーバアプリなんざ作ったことねえんだよな。いかんいかん、このままでは時代の波から取り残されちまうぞ。しかしまぁ一体全体、どこから始めればいいのやらさっぱりだぜ。こういうときはまず参考書漁りからスタートだな。

JavaScriptエンジニアのためのNode.js入門

おいらはAmazon様の奴隷なので、もちろんKindle Fire(やっすいタブレット)も持っているしKindle Unlimited(月額1000円ぐらいでいろいろ読み放題サービス)にも加入しておるのだが、こういうときは割と個人出版っぽい参考書がサクッと読めるし分かりやすいので最近お気に入り。とりあえず今回は、上記の本に書いてある内容をベースに練習でメモアプリを作ってみた。

結果、半日ぐらいかけてEvernoteを極限まで糞にしたようなしょぼいメモアプリが出来上がった。プレーンテキストの書き込み、読み込み、削除ができるだけだ。エラーハンドルとか全力で放棄しまくってるのでちょっとした事でバグると思うが細かいことは気にするな！ソースコードはGitHubに上げといた。何気に、GitHubにちゃんとした(？)プロジェクトうｐするの初めてな気がする。

ちなみに参考書は1時間もあれば読破できるぐらいのボリュームなので、通勤電車とかでサクッと読めちゃうゾ。さっきの参考書に書いてあるまんまなのだが、バックエンドはNode.js、テンプレートエンジンは「EJS」、フレームワークは「Express」ってな感じで色々と組み合わせて作ってみた。いろいろ試行錯誤もあったので、あれこれ残しておこう。
続きを読む Node.jsでメモアプリを作って遊ぶ(そのいち)

connpassで意識高くなりたい

自称意識低い系プログラマーなおいらなのだけれど、そろそろ危機感を覚えてきたわけですね。今までなんとなく働いてなんとなく飯が食えてきたわけだけれども、気がつけばおっさんになってるし、気がつけば背負う物も増えちゃってる。エンジニアとしてこの先生きのこるためには、もうちょい頑張らなアカンのじゃない？そこで俺は考えた。

（　・∀・）.oO(そうだ、意識高くなろう)

意識を高めるにはどうすればいいだろうか。そりゃまあお前、常日頃から意識高いエンジニアに触れて、朱に交わればなんとやらだろう。駄菓子菓子、俺にエンジニアの人脈なんてないぞ。さっそく詰んだぜ。

いや待てよ。俺は毎年、高い金を払ってCEDECに参加して意識高い話を聞いてるのだが、あれと同じように、なんかエンジニアがノウハウを共有できる何かってないもんかね？例えば勉強会とか。

そう思いながらググり回ってたら、なんとまあ、あるじゃないですか。そういったサービスの数々が。もっと早く知っておけば、ワシも今頃はリア充まっしぐらだったじゃろうに…というのは流石に無いと思うが、何個かサービスがある中で、connpassというやつがお手頃そうだったので、早速登録してみる事にした。「エンジニアをつなぐ IT勉強会支援プラットフォーム」と銘打ってあり、まさに俺が求めているものと合致する。

アカウント登録には、TwitterのアカウントだとかGitHubのアカウントだとかが必要らしいので、そいつらと紐づけておいた。GitHubなんて今んとこHelloWorldしかリポジトリ無いし、完全にGist目的で使ってるのでアレだったけれど、今どきのサービスだとGitHubは大正義なんだなぁ。そのうちリポジトリになんか上げてやる気アピールしとこ。
続きを読む connpassで意識高くなりたい

Electronでデスクトップアプリを作ってみる

いつもお仕事のデスクトップアプリはC#のWinFormで開発してるのだが(WPF？UWP？知らない子ですね…）、なんか最近マンネリ化してきてるので、たまには新しい環境で開発したいなーって思った。いろいろ調べてみると、どうやら我らがGitHub大先生が「WEBの技術をそのまんまデスクトップアプリに流用できる」というイカしたフレームワークを出してるらしい。それがElectronというやつだ。しかも、俺がお仕事で使ってる「Visual Studio Code」も何気にElectron使って作られてるらしい。ぱないの！

しかしこのElectron、面白そうではあるのだが、実務レベルで使えるものかは未知数だ。まあ、兎にも角にもやってみない事にはなんとも言えんだろう。とりあえず試してみようじゃまいか。
続きを読む Electronでデスクトップアプリを作ってみる

Google Adsenseの審査を通してみた

よく、ネットサーフィンしてるとよく見かける「アフィリエイト広告」ってあるじゃない？あれで儲けてるって人の話を身近で聞かないので、あれは本業でやってる人が本気で頑張ってようやっと稼げてるような感じなんだろう。もちろん、インターネットの片隅にひっそりと生息しているこんなクソザコナメクジブログに置いてみたところで、1円たりとも収益は上げられないに違いない。

そんなアフィリエイトなのだが、最近いろんなところで割と見かけるGoogleの追跡型広告(Google AdSense)について気になって調べてみたところ、そいつをブログに貼り付けるための審査基準がかなり厳しいらしい。そこで俺は思った。

（　´∀｀）.oO(審査パスしてみたい)

なんかこう、小遣い稼ぎとかは二の次で、Googleさんに認められてみたいという承認欲求やね。まあ、Googleさんもいかがわしいサイトに広告置くとイメージだだ下がりなので、それなりにしっかりしてるサイトを選別しなければならないのだろう。

この記事とかサイドバーとかの下部にスポンサーリンク的なやつを出せてるので結果は察してもらえるとは思うが、申請を始めてから1ヶ月ぐらいしてなんとか通すことができた。とりあえず、先月（2018年9月）時点で俺がいろいろ試してみたことを書き連ねておこう。細かい設定手順とかそこらへんはプロのアフィブロガーたちが書いている記事の方が参考になると思うので、ここでは省いとくゾイ。
続きを読む Google Adsenseの審査を通してみた

【C#】Wordでオートシェイプを描画してみた

「Word向けのオートシェイプを、なんかこう、プログラムから生成できんかね？」という相談があったので、VC#をフロントエンドにしてうまい事できないか調べてみた。しかしWEBの海を泳げども泳げども、俺のやろうとしてる事がニッチすぎるせいか、まー情報は少なかったね。これは素直にWord用のVBAでやれって事なんだろうかとも思うのだが、VBAはやれなくはないんだけれど触りたくはない。書きづらいわ読みにくいわで個人的に苦手なのよね。

まーそんなこんなで少ない情報を頼りに頑張ってみた結果、なんとなくやれそうな雰囲気は掴めた。実務で使うかどうかはさておき、とりあえず試したコードは遺しておこう。ちなみに、今回コードを組むにあたってQiitaの記事を大いに参考にさせて頂いた。圧倒的感謝っ・・・！
続きを読む 【C#】Wordでオートシェイプを描画してみた

PukiwikiからDokuwikiに文法を変換奴(※ただしテキトー)

ここ数年ぐらいお仕事のログをwikiに書いて備忘録として使っているのだけれども、長年使ってたpukiwikiからdokuwikiに移行することにした。DBレスで運用が楽なのはどっちも一緒だけど、しばらくdokuwikiを使ってみると使い勝手が結構良かったのだ。なんというかこう、数年に一度は立ち止まって周りを見渡すと、より良いツールが巷に広まってるもんだね。

そいで移行するにあたって面倒なのが、wikiシステムによって記法が違うということ。まあ、こいつは方言みたいなもんだからしゃーないのだけれど、とりまpukiからdokuに変換する便利な車輪ないかなーと思って探してみたら、どーやらPerlで作られたスクリプトは転がってる模様。うーん、しかしこれだけのためにPerl入れるのいやだしなぁ。しかも、業務用とはいえ俺が個人的に使ってるやつだし、そんなに膨大なページ数があるわけでもないので、ガチ変換じゃなくてテキトーでええんだわ。

てなわけで、HTML+Javascript(jQuery)で動く文法変換くんを白目剥きながら書いてみましたよ。
続きを読む PukiwikiからDokuwikiに文法を変換奴(※ただしテキトー)

Node.jsでシリアル通信(Windows環境)

シリアル通信(UART)でPCと組み込み機器のデータ入出力をやる機会がたまーにある。Vectorとかでシリアル通信のGUIツールを落としてきて確認するのが手っ取り早いのはあるんだけれども、もっとシンプルでいい。なんならCUIでいい。

言語だとか環境はなんでもよかったのだが、そろそろnode.js大好きおじさんになりたいと思ってるので、そいつ向けのプラグイン的なやつでやってみることにした。すると、「serialport」とかいう読んで字の如くなやつがあるそうだ。

しかし俺がやろうとしてる事がニッチすぎるせいか、日本語かつWindows環境の情報が少ないやね。まー、世の中のギークボーイ達はみんなLinux使ってるからしゃーない（勝手な偏見）。そんなときはとりあえず「Google翻訳を使いながら公式のドキュメントをさらえ」ってばっちゃが言ってた。
続きを読む Node.jsでシリアル通信(Windows環境)

VSCodeでSassを導入した話


「スタイルシートいうたらお前、テキストエディタでゴリゴリ書き殴るのが大正義なんじゃい！」と思ってた時期が僕にもありました。というか、SassとかLessとかの存在すら知らなかっただけなんだけれどね。会社でWEBやってるパイセンに教えてもらって、ようやく俺も文明開化しやした。先人の知恵しゅごい。

SassだとかLessだとかは「スタイルシートをより簡潔に書けるよー」的なしくみの事なのだ。どっちが良いのかは好みによるとは思うのだが、「パイセンが使ってたから」という安直な理由でSassを使ってみる事にした。使い始めてから2～3ヶ月ぐらい経つのだが、個人的には全体的な記述量が減ってくれて、メンテしやすくなるのが一番ありがたい。まあ、ブラウザから直接Sass読めるわけじゃないので、コンパイルしてcssに吐き出さなあかんというのはちょっと面倒ではあるものの、それを上回るメリットは充分あると感じた。

まあ、Sassの書き方だとかそこらへんは他所様のサイトを見た方が参考になると思うので、ここでは割愛する。ここでは俺が日頃から使ってるエディタであるVisual Studio Codeでのコンパイル環境を導入した(というか試行錯誤した)手順について遺しておこう。
続きを読む VSCodeでSassを導入した話