今週のまとめ(9/21)
お休みだったので2日遅れの更新
技術
zenn.dev
技術記事の有料販売が出来るプラットフォーム
2020年版: なぜ仮想 DOM / 宣言的 UI という概念が、あのときの俺達の魂を震えさせたのか
有料記事の技術ライターで食っていけるか
Vue.js
Vue.js 3.0 がリリース、One Piece という名前らしいが著作権が心配
歴代アニメの名前らしく、2.7 は N から始まる名前になるらしい(Naruto かな?
The major and minor releases are alphabetically named since 0.9, and named after anime franchises since 0.11 ("Cowboy Bebop").
— Leonardo Piccioni (@leopiccionia) 2020年9月18日
1.0 was "Evangelion", and 2.0 was "Ghost in the Shell".
2.6 is named "Macross", 2.7 is not yet released but will start with "N".
MySQL
公式提供の良い感じのサンプルデータ
「あーSQL練習したいなー、どこかにサンプルデータ転がってないかなー」って人はmysqlの公式がオススメだでよ
— dowanna @PrAha Inc. CEO兼エンジニア (@dowanna6) 2020年9月15日
30万件ぐらいデータ入ってるからパフォーマンスチューニングの練習とかもできそう。ひたすらjoinしまくった時の遅さとか観察すると面白いかもhttps://t.co/fmh63ssBrx
JavaScript
Moment.js
We now generally consider Moment to be a legacy project in maintenance mode. It is not dead, but it is indeed done.
https://momentjs.com/docs/#/-project-status/
Moment.js はツリーシェイクに対応していないため、バンドルサイズが大きくなりがち
Chrome Dev Tools も置き換えを推奨するようになっている
If JavaScript libraries are proving costly, replace them with smaller alternatives.
— Addy Osmani (@addyosmani) 2020年9月12日
Lighthouse in @ChromeDevTools now recommends smaller libraries that improve bundle size. pic.twitter.com/VFe8TFV9Y5
代替案は Day.js など(2kB で Moment.js と比べると大変軽い
BigInt
Safari 14が正式リリース。
— Takeshi Kano 鹿野 壮 (@tonkotsuboy_com) 2020年9月18日
ES2020のBigIntが動作するようになりました💐
これでようやく、BigIntが全モダンブラウザで使えるようになりました☺️#Safari #JavaScript #ES2020 pic.twitter.com/DMuwyrdxTf
GitHub
Codespaces
GitHubの新サービスCodespacesを試したのですが、これはすごい。
— 池田 泰延 / Yasunobu Ikeda (@clockmaker) 2020年9月20日
・ブラウザでコード編集ができる
・ターミナルが動く
・localhostのウェブサーバーも動く
・Gitのプッシュもできる
・iPadで難なく利用できた
フロントエンド開発環境の未来を感じました。
動画にまとめたのでご覧くださいませ。 pic.twitter.com/VTlD78Jr3s
エンタープライズ版 GitHub Actions
ホスティング型のGitHub EnterpriseにもActionsくるらしい。しかも結構近い!どういう仕組みなのか、維持に体力使わずになんとかなるのかとかとか気になりますね。 https://t.co/3kUDnhm0jB
— Kohta Ito (@koh110) 2020年9月21日
HTML/CSS
IE 以外は対応してるので、そろそろ使っても良さそう
よくある質問をHTMLとCSSのみで実装。質問文をクリックすると回答文がアニメーションしながら表示されます。
— 小林|Webクリエイター (@pulpxstyle) 2020年9月14日
①プラス(+)を回転
②detailsにopenが付与されたら回答文表示
jQueryが不用になりました。需要の多い機能なのでさらに提案しやすくなりますね。 pic.twitter.com/2PDUadNytW
https://developer.mozilla.org/ja/docs/Web/HTML/Element/details
フリー素材
日本ではあまりメジャーじゃないけど、海外では爆流行りしてるフリー素材サイト、 https://t.co/mggOJkRHx4 。
— イナバ カツヒロ (@inaba_desu) 2020年9月17日
ブラウザ上で色も変えれるし、必要な要素だけ取り出せるのが最高なんです...。 pic.twitter.com/pUsJM4wTnc
その他
空間オーディオ(Spatial Audio)
AirPods Pro を持っていない、、、
AirPods Proをお持ちの皆さん
— Go Ando / THE GUILD (@goando) 2020年9月17日
Spatial Audioは楽しいぞ
(手順)
① iOS14にアップデート
② Bluetoothの設定でAirPods Proのバージョンが3A283になっている事を確認。なってなかったら両方同時に充電状態にして放っておく
③ 空間オーディオを試す
④ TV+でDolby Atmosの映画をレンタル pic.twitter.com/vMR7G0ppip
心理的安全性
マネージャー「話が長い。言い訳はいいから、結論から言って」
— 柳川 小春 | 楽しみながら成果を出しちゃうチームづくり実践中 (@Koharu_Yanagawa) 2020年9月18日
心理的安全性が高まる言語に翻訳してくれる人「君を助ける行動をすぐにでも取りたいから、サポートの方針を立てやすくするために、何が起きているのかをまずは教えてくれるかい?」
犬
「このパレードは僕のために開かれてるんだ‼︎」って思ってるワンコ、いつ見ても幸せな気分になれる pic.twitter.com/wtq94bZGFy
— vagabond (@1996vagabond) 2020年9月20日
猫
「一生のお願い、聞いてもらえますか?」
— クウとカイ (@kunyan_kainyan) 2020年9月22日
ちゅーる食べ放題が願いなら無理ですよ… pic.twitter.com/ASiZOYccAK
キツネとタヌキ
今年2月にカリフォルニアで撮影された貴重な映像。コヨーテが小さく誘うようにジャンプすると、アナグマがのそのそと現れ、排水溝の奥へと消えていきます。
— エピネシス (@epinesis) 2020年9月21日
コヨーテとアナグマが共同で狩りを行うことは以前から知られていましたが、彼らの絆が感じられる素晴らしい映像です。pic.twitter.com/dPnLFHelIn
ネトフリ
1) Netflixで「監視資本主義: デジタル社会がもたらす光と影」というドキュメンタリ映画が海外テックツイッタラーで話題になってたから週末に見たのだけど、想像の上をいく面白さ/興味深さだった。Fcebook, Google, Pinterestとか名だたる企業の人が出てきて、特にSNSの弊害について警鐘を鳴らす作品。
— 石ころ (@ishicorodayo) 2020年9月15日
スイーツ
私チョコ大好きなんですが、お世話になってる取引先の方から「ガトーショコラどうぞ」ってもらったやつがびっっっっっっっっくりするほどうまかった……
— 社領エミ (@emicha4649) 2020年9月14日
もはや「超巨大生チョコ」だった 濃厚すぎてあらゆる疲れが吹っ飛んだ、みんな食べて pic.twitter.com/vtN85a05H1