51
開業直後のJR高輪ゲートウェイ駅。
動画で撮ったら、映画のような未来的な雰囲気に。空間が広くてかっこいい！
#高輪ゲートウェイ #高輪ゲートウェイ駅
52
アドビが新アプリ「Adobe Aero」を正式リリース。
スマホでARを編集できる。簡単操作でARの精度が高い。これ楽しすぎる！
#AdobeMax #AdobeMaxJP #AdobeMax2019
53
GoogleのライブラリBudouX。
改行位置の最適化のヒントが得られるツール。
HTMLで日本語の動的文字列に適用したら、良い感じの場所で改行されました。JavaScriptバンドルだと12KBで省容量です。
54
『シン・エヴァンゲリオン劇場版』はAdobe Premiere Proで編集されたとのこと。興味深い内容です。
・Premiere Proは庵野監督からのリクエスト
・庵野さんは1ピクセル単位で指示する
・映画用にプライベートビルドをAdobeが提供
blog.adobe.com/jp/publish/202…
56
【ウェブデザインの新しいアイデア】
Google Mapsを埋め込んでいるウェブサイトは多いと思いますが、今年5月にGoogle Maps APIがWebGLに対応したので、ついに3D表示ができるようになりました。
3Dはインパクトがあるので、新しい表現方法としてオススメです。
57
Photoshop Betaの「ジェネレーティブ塗りつぶし」が驚異的でヤバい。
さっそく試してみました。テキスト入力で合成画像をレイヤーとして生成でき、なんでもござれな画像編集ができます。
58
Chromeのレコーダーパネルの進化がすごい。
ユーザー操作の記録や再現ができて、ステップ実行（Chrome 105の新機能）も可能。
不具合報告での再現手順はこれを使うのがいいのでは。
59
ついにモバイルアプリのAdobe Lightroom CCで、SDカードからの直接の読み込みが可能に！
RAW写真の取り込みが圧倒的に手軽になりました。
①Lightroomを起動しSDカードリーダーをスマホに接続
②自動的にダイアログが表示される
③読み込むだけ
#Lightroom
60
話題のPhotoshop Cameraをアドビブースで試してきました。リアルタイムで切り抜き合成がされます。
空を別の景色に変更するとか簡単に実現。
#MAX野郎 #AdobeMax #AdobeMaxJP #AdobeMax2019
61
Adobe XDプロトタイプ機能でプレステのUIを再現。
これはすごい！
#XDUFes2019
62
本日、Google Chrome 112がリリース👏
CSSのネストができるようになりました。
63
これは驚き。モリサワのBIZ UDゴシックとBIZ UD明朝フォントがGitHubで公開されています。
ライセンスはSIL Open Font License 1.1。
github.com/googlefonts/mo…
github.com/googlefonts/mo…
66
別バージョンで、長時間露光＆多重露光で撮影した写真も紹介します。
着陸時には同じ空の路を通っていることがわかります。
※下記ツイートは2016年のもの
twitter.com/clockmaker/sta…
68
69
noteのIPアドレスの不具合の件。
外野から分析してみました。
■原因(予想)
・Nuxt.jsのSSR処理が引き金
・API返却値に含まれたIPをSSRでうっかりHTMLに出力
GoogleキャッシュやWaybackMachineに昔のコードが残っており、現時点でも追跡可能なので早急に対策を。
note.jp/n/n3e6451c9b147
70
羽田空港への着陸の様子を、タイムラプスで撮影しました。
どの飛行機も同じ空路をカーブして、入ってくるので、かっこいい！
カメラ: SONY α7RⅢ
レンズ: SIGMA 50mm f1.4 Art
71
27年のInternet Explorerの歴史に幕。
ウェブ制作者を苦しめていたIE6の挙動を、懐かしく思い出します。
・PNGが透過せず
・float寄せでマージン2倍
・DOCTYPE宣言でpaddingの挙動が変わった
参考記事：
若い世代が知らない2000年代のHTMLコーディングの地獄 - ICS MEDIA ics.media/entry/17960/
73
最新版Adobe Photoshopで「スーパー解像度」を利用できるので、試してみたら驚きました･･･！
バイキュービックののっぺり感や、不自然な明瞭度増しとかではなくて、高画素カメラで撮影したような自然な仕上がりで、本当に解像度が増しています･･･！
74
JavaScriptの配列操作。
調べるのがいつも面倒なので、利用頻度の高いものをまとめました。
「もとの配列を変化させない」ことがポイント。
75
これは良資料。エンジニアにとって文章の書き方の参考になります。
文章のBefore / Afterの事例がたくさん載っていて、勉強になります。
テクニカルライティングの基本 - Speaker Deck speakerdeck.com/naohiro_nakata…
ウェブ制作会社ICS代表。筑波大学非常勤講師。HTML/CSSのフロントエンド技術が専門、TypeScript/WebGLによる3D表現やクリエイティブコーディングが得意。著書『JavaScriptコードレシピ集』など解説書12冊を執筆。ウェブ業界の最新情報と、現場で役立つ技を発信します。趣味でタイムラプス撮影。