※スマホ対応はしてません。

カテゴリー: 日記

2018年を振り返る。

カテゴリー: 日記

日記です。

まとめ

ぼちぼち作ったなー。

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å¹´

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

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

HTTPS対応しました。

カテゴリー: 日記

CertbotでLet’s Encryptを使ってHTTPS対応しました。今後はhttpsのURLであれこれしていこうと思ってます。

httpの場合は誘導リンク出るよ!

めっちゃ簡単だった。びっくりした。そのうち記事にします。

WordPress関連でも実はサーバ変更して再構築したんだけど色々まだ足りてないのがあって(画像編集とか)、諸々ぼちぼちやっていこうかと思ってます。なんか気が付いたらめっちゃアクセス数減ってたし。年始に何があったんだろ。

ひとまずお知らせまで。

理想的な一日の流れを考えてみたんだけど、24時間って、やっぱり少ないなあ……。

カテゴリー: 日記

最近就寝時刻が後ろへずれがちなので修正したいと思い立ち、せっかくだしじゃあ何時に寝たらちょうど良いの?というところから考えてみた結果、一日の理想の流れはこんな感じになりました。

時刻行動備考
06:00起床、朝食早起きする理由は不明
07:00ネットメールチェックとか
08:00
09:00仕事今日もぞい
10:00
11:00
12:00昼食
13:00ネット
14:00仕事
15:00そろそろおやつ
16:00
17:00
18:00
19:00夕食
20:00趣味え、短い……
21:00
22:00就寝八時間睡眠
23:00
00:00
  • 妄想なんで、この日程で活動してませんから!
  • 睡眠八時間、労働八時間。するとその他八時間。
  • 朝昼のネットは技術の話題をおっかけたりというのを想定している。まとめサイトとかじゃないよ! すると仕事に入れても良いかもしれない。(というか仕事の途中でもそういうの見てるな。)
  • 理想の睡眠時間は7.5時間と聞いた。短くなっても長くなる事はないだろうと思うので、8時間の予定でちょうど良いのでは。
  • 通勤時間なんかは含まれていない。

ネットの時間はもっと削っても良いかもしれない。仕事に入れてもいいし、あるいはこれが趣味といっても良いかも。

早起きは三文の徳か?

なんとなく早起きは格好良いかなーくらいの気持ちで起床時間を設定した。でも別に早起きする利点があまり思いつかない……。

実践した経験から言うと、特に冬場は陽が昇って気温が上がってから行動し始めた方が効率が良い気がする。低血圧気味なもんで。

早起きのコツ……

教えてほしい。

まず早く寝る事が大事だと思うんだけど、幼い頃から寝付きが悪かったので、もはやどうにもならないのかな。どうしたら良いのかはよくわからない。暖かい飲み物とかはあまり効果がなさそう。

瞑想は良かった。でも利かないときは利かない。

冬場に起きる方は、電気毛布にタイマーを仕掛けて、起きる頃にはほっかほかーてなのにすると目覚めがさっぱりする。体が暖かければ布団から出る勇気もそんなに必要ないしね。

タイマーはこれを使っている。(アフィだよ。)(ヨドバシカメラの方が安いよ。)

十五分単位で指定して、オンにしたりオフにしたりできる。一度設定したら毎日そのまま使い続けられるのが良い。ちょっとでかいけど便利っぽい。

夏はどうしたら良いかな。

仕事しないのが最強っぽい

それを言ってはいけない。

タネマキで寿司会、あとホウボウ。(寿司Advent Calendar – 10日目)

カテゴリー: 日記

せっかくなのでまたやりました。

タネマキで場所をお借りして、ちょいと出張寿司みたいなのをやってきました。

(さらに…)

寿司Advent Calendar – 2日目

カテゴリー: 日記

空いていたのでまたやりました。

(さらに…)