101
Photoshopの新機能「空の置き換え」がヤバい。
とんでもないものを搭載してきた･･･。
・写真の「空」を置き換えられる
・青空や夕焼け、虹など選択するだけの簡単操作
・合成はレイヤー+レイヤーマスクとして生成
・空の認識はAdobe Senseiの機械学習技術によるもの
#AdobeMAX #AdobeMAX2020
102
ピクセルパーフェクトの件。
これは許容範囲内でしょうか？
デザイナーとフロントエンドエンジニアの方に、アンケート回答いただけると嬉しいです。
続く）
103
GitHubの新サービスCodespacesを試したのですが、これはすごい。
・ブラウザでコード編集ができる
・ターミナルが動く
・localhostのウェブサーバーも動く
・Gitのプッシュもできる
・iPadで難なく利用できた
フロントエンド開発環境の未来を感じました。
動画にまとめたのでご覧くださいませ。
104
ついにVue 3.0が正式リリースされました！
2年以上にわたる開発とのこと。めでたい🎉
・パフォーマンス向上
・バンドルサイズの縮小
・TypeScript統合の向上
・フレームワークの将来のための強固な基盤
github.com/vuejs/vue-next…
#vuejs #JavaScript
105
107
noteのIPアドレスの不具合の件。
外野から分析してみました。
■原因(予想)
・Nuxt.jsのSSR処理が引き金
・API返却値に含まれたIPをSSRでうっかりHTMLに出力
GoogleキャッシュやWaybackMachineに昔のコードが残っており、現時点でも追跡可能なので早急に対策を。
note.jp/n/n3e6451c9b147
108
羽田空港タイムラプス。
空の道がクッキリ。
映像手法「Long Exposure Video」に挑戦しました。
カメラ: SONY α7RⅢ
レンズ: SIGMA 135mm f1.8 Arr
111
Adobeの新アイコン。
旧アイコンと見比べてみました。
・角丸アイコンに統一へ
・太文字化
・動画系は紫に統一
・旧マクロメディア勢の扱いがやばい
(DreamweaverとAnimateの伝統的な色が変えられた)
112
113
114
Qiitaが炎上中。
ユーザーの閲覧履歴の解析結果をプロフィールページに公開情報として掲載。
個人情報のシビアな時代に、挑戦的なことをしましたね。プライバシーポリシーに「あらかじめご本人の同意を得ないで、個人情報を第三者に提供しません」の条項があるのに。。
qiita.com/clockmaker
115
記事を書きました！
調査と検証を繰り返して選定した2020年に最適なfont-familyの書き方を紹介します。
かなり力を入れて書いたので、HTMLコーダーの方はぜひ参照くださいませ。
ics.media/entry/200317/
116
フロントエンド界隈の超ビッグニュース。
経営に苦しむnpmをGitHubが買収。
すなわちマイクロソフトがnpmを買収したことに。
npmはJavaScriptのパッケージ管理サービスで、ウェブの開発者なら全員が使っている。将来的にはGitHubとnpmを統合へ。
publickey1.jp/blog/20/github…
117
開業直後のJR高輪ゲートウェイ駅。
動画で撮ったら、映画のような未来的な雰囲気に。空間が広くてかっこいい！
#高輪ゲートウェイ #高輪ゲートウェイ駅
118
フロントエンドエンジニアのスキルは、モーダルの実装を見ると判断しやすい。
・HTML構造とCSS設計: z-index地獄の対策
・JSでのデータの受け渡しが合理的か
・アニメーションの気配りができるか
・アクセシビリティ: フォーカス制御など
・拡張性: 複数のモーダル表示が可能か twitter.com/clockmaker/sta…
119
この春から運用がはじまる、
羽田空港の新飛行経路。
試験飛行をタイムラプスで撮影しました。
驚くほど都心を貫いて飛んでいますね！
東京タワーの西側（新宿〜品川）の空。
#羽田新ルート
120
今日も羽田空港タイムラプスをお届けします。
左右の滑走路とも、直角に曲がって着陸するのが規則正しくてかっこいい。
カメラ: SONY α7RⅢ
レンズ: SIGMA 135mm f1.8 Art
#タイムラプス #エアポート投稿おじさん
121
羽田空港への着陸の様子を、タイムラプスで撮影しました。
どの飛行機も同じ空路をカーブして、入ってくるので、かっこいい！
カメラ: SONY α7RⅢ
レンズ: SIGMA 50mm f1.4 Art
122
別バージョンで、長時間露光＆多重露光で撮影した写真も紹介します。
着陸時には同じ空の路を通っていることがわかります。
※下記ツイートは2016年のもの
twitter.com/clockmaker/sta…
123
羽田空港の過密ダイヤをタイムラプスで撮影。
こんなに離着陸が規則正しいとは驚き。
パイロットすごい！
カメラ: SONY α7RⅢ
レンズ: SIGMA 135mm f1.8 Art
#タイムラプス #timelapse
124
TwitterでAPNGが投稿できるようになりました。
APNGはGifアニよりも高画質なアニメーション画像形式です。
GIFアニメからAPNGの時代に！ 次世代画像形式APNGを使いこなそう - ICS MEDIA ics.media/entry/2441/
125
登壇資料を公開しました！
CSS での font-family の選定にお役立てくださいませ。
「令和元年ベストの font-family はこれだ」
speakerdeck.com/clockmaker/bet…
#dist30
ウェブ制作会社ICS代表。筑波大学非常勤講師。HTML/CSSのフロントエンド技術が専門、TypeScript/WebGLによる3D表現やクリエイティブコーディングが得意。著書『JavaScriptコードレシピ集』など解説書12冊を執筆。ウェブ業界の最新情報と、現場で役立つ技を発信します。趣味でタイムラプス撮影。