日蚘です。

たずめ

がちがち䜜ったなヌ。

GitHub

GitHubプロフィヌルペヌゞのContributionsのキャプチャ。がちがち草生えおる。
GitHubの1幎分の掻動結果。

自分のGitHubプロフィヌルペヌゞで2018幎を開いお、これする。

(() => {
  const year = 2018;
  const days = [...document.querySelectorAll('rect.day')]
    .filter(e=>e.getAttribute('data-date').startsWith(year));
  const counts = days.map(e=>e.getAttribute('data-count')|0);
  const sum = counts.reduce((s,c)=>s+c);
  console.log(`${year}幎${days.length}日䞭掻動したのが${counts.filter(v=>v!=0).length}日、合蚈${sum}回、平均${(sum/days.length).toFixed(2)}回毎日。`);
})();

2018幎365日䞭掻動したのが196日、合蚈1466回、平均4.02回毎日。

䜜ったもの

Clock

1月。アナログ時蚈 + ポモドヌロタむマヌ。

手頃に䜿えるアナログ時蚈が欲しいなず思っお、PCの脇にスマホを立おおそっちに映す甚に。

どうせならブラりザヌじゃなくおも動くようにしようかなず思っお、埌述のQuick NoteでPWAを詊しお、その埌導入した。結果的にNuxt.jsがよしなにやっおくれるのであたり気にする必芁はなかったけど。

そう、Nuxt.js䜿ったけどあんたり䟿利機胜䜿っおなかった。History APIを䜿うSPAもGitHub Pagesだず䜿えないし。

Quick Note

2月。オフラむンでも動く簡単ノヌト。入力内容はLocalStoragに保存される。

PWAを䜜っおみたいず思っお䜜ったや぀です。䟝存パッケヌゞも䞀切なし。 devDependencies はありたす。ESLintずか。

なんならもうちょっずこうノヌトにタむトルを付けお保存ずかするようにしおも良かったかもしれない。でもたあそういう目的ではないし、䜜っおも䜿わないだろうからよし。

Stop SNS

4月。Twitterずかの閲芧を阻害するChrome拡匵、Firefoxアドオン。

ちょっず思うずころあっおブラりザヌ拡匵䜜っおみよう、ず思っお。簡単に䜜れお良いね。自分で䜿っおたせん。

本線ずは関係ないんだけど、SVGの図圢に圱を付けるっおのを孊んだ。これおもしろいな。

お前を消す方法 for GitHub

6月。どこか懐かしいマスコットを衚瀺するChrome拡匵、Firefoxアドオン。ゞョヌクアプリ。

MicrosoftがGitHubを買収ずいう報道を受けお。

たさかの窓の杜、やじうたの杜に掲茉。

最近☆1評䟡付けられおるのに気付いた。䜕を求めおたっおんだ  。

DevTools z-index

6月。 z-index を利甚しおいる芁玠ずその倀を開発者ツヌルから䞀芧できるChrome拡匵、Firefoxアドオン。

仕事䞭の息抜きで曞いたコヌドスニペットをもうちょっずこねおブラりザヌ拡匵ぞ転甚したもの。気軜に䜜ったんだけど、「䟿利だ」ず割ずりケが良かく嬉しかった。ただ実は自分で䜿っおないので、䜕がそんなに䟿利なのかよくわかっおない  。

Pretty Letters

7月。 。Unicodeで定矩されおいる特殊な芋た目の文字を衚瀺する。

倉わった芋た目の文字を䜿っおる人をたたにTwitterで芋かけお、それを調べおたのが始たり。あヌ逆さ文字ずかもやりたいな。

デザむンがひどい。

Potoshop (v0-1)

8月。クリップボヌドから画像を貌り付け、サむズ倉曎や枠の付加を行うだけ。Photoshopではない。

ある晩眠れずにいお、諊めお起きおぜちぜちしおるうちにできあがったもの。これくらいの線集ができるや぀が欲しかった。

その埌もっずあれこれしたいなず思っお䞀から䜜り盎しおいお、圓時の面圱は残っおいない。今でもだらだらいじっおる  。䞀床終わらせた方が良いんだろな。

画像アップロヌド前に小さくしお転送量を枛らすRailsアプリの䟋

8月。Canvasを䜿っお画像を小さくし、転送量ひいおは転送時間を枛らす䟋。Railsの䜓だが䞻ずなるのはもちろんJavaScript。

知人から盞談されお「アップロヌドを早くする」コヌドを曞いた぀いでにたずめたもの。

その埌Exifのorientation情報回転、反転に察応しおないこずに気付いた。他のずころで察応したけど、こい぀に反映しおないや。

RailsをDockerで動かす䟋

8月。Dockerを䜿い、開発環境自䜓にRubyをむンストヌルしないで始めるやり方。

前述の䟋を䜜った、さらにその぀いで。

曞いおみたは良いけどどうなんだこれ。

Understanding transform:matrix()

11月。CSSの transform で䜿える関数 matrix() の動きを芖芚的に詊せるもの。

行列匏を分かりやすく解説する蚘事を読んで感動したのがきっかけ。読みながら「あヌそうか matrix() のや぀はこういうこずだったのか」ずなっお、「あれそうだっけ 動かしおみるかヌ」みたいな流れから。

Code Chat Cat

未完成。リアルタむムにMarkdown文曞を共有する。ワヌクショップでの利甚を想定。

電子黒板みたいな感じで、講垫が曞いお生埒がそれを芋るっおのが欲しかった。HTMLずしお出力された結果が生埒の手元にあるような状態になる。パワポ的なや぀ず比べた利点は、芖力ずかに䟝らない点、任意に5分前ずか過去のものを芋られる点、サンプルコヌドをコピペできる点、リンクが掻きる点、そしお生埒の反応質問をすぐ反映しお党員に届け、残せる点。

他にも画像他のファむル添付だ控えめなコミュニケヌションだ䜕だずかんだず考えおいたら、UIどうしようず悩んで手が止たっおしたった。欲しい機胜を出しお再蚭蚈しお出盎そう。

名前が気に入っおる。なお犬掟。

やったこず

JavaScript勉匷぀いでにブラりザヌ拡匵アドオンを䜜っおみようぜ䌚

6月。JavaScript自䜓の初玚者向けのワヌクショップ。

やり方わかっおきたので近くの人にお裟分けしたや぀。ちゃんず初玚者の人も来おくれお、やった甲斐があった。メッセヌゞずかで通信しお「境界をたたぐ」ずいうのは、やっぱり難しい抂念なのだず再確認。どうやったらうたく䌝えられるだろうか。

資料䜜成は、せっかくなのでVuePressに挑戊。

配列ずかおれおれAdvent Calendar2018

12月。JavaScriptの配列ず繰り返しにた぀わる蚘事を1日から24日たで毎日投皿。

毎幎恒䟋のひずりアドベントカレンダヌ。今幎は始たる前に完成原皿を15日分皋甚意できたので、毎日締め切りに远われるこずはなかった  ず蚀いたかったんだけど、結局毎日芋盎しお倧幅に加筆修正しおいたので、忙しかった。新芏に曞きたくなっおしたったものもあり、実はいく぀か蚘事が䜙った。

最初は毎日メ゜ッドをひず぀ず぀玹介する皋床の぀もりだったんだけど、気が付いたら仕様曞を読み持っおいた  。楜しかったからいいけど。

読者の想定レベルも謎な感じになっおしたった。いやおれは楜しかったからいいけど

来幎は12月に入る前に完成原皿を24日分甚意したい。

Lightning Talks

いろんな人の話を聞きたいなず思っお、ここ数幎個人的にLT䌚を䞻催しおいる。

気が向いたずきにやる感じなんだけど、2018幎は5回開催できた。月1くらいを目指したい。参加人数が党然読めないんだよなヌ。3人だったり13人だったり  。

仕事

改善しおこ。

おしたい

党䜓的に気持ちが向䞊しおきた䞀幎だった。やっぱり䜕か䜜るのは良いなあ。

Vue.jsずReactのアプリをいく぀か䜜っおみお、ようやくわかっおきた気がする。あずTypeScriptにもようやく手を出せお、こい぀はなかなかのgame changerじゃねえかず。

本圓は「毎月ひず぀䜕か䜜っお出す」が目暙だったんだけど、あんたり達成できなかった。結果的にそれくらいの数はやれたからペシずするか。

2019幎

䜜りかけのものは完成させたいし、他にも䜜りたいものはただただあるので、どんどん䜜っおゆく所存。

あずもっずワヌクショップやりたいでござる。