1
Microsoft謹製のAI支援のコード補完が良い。
VS Codeで、入力すると良さそうなコードをAIで推測して候補にしてくれる。
コード補完の★マークがAI支援によるもの。今までの補完より手に馴染む。
次の記事に詳細を追記しました→
VS Codeの拡張機能まとめ - ICS MEDIA
ics.media/entry/18544/
2
WebGLの流体シミュレーションが素敵
WebGL Fluid Simulation ( @PavelDoGreat )
paveldogreat.github.io/WebGL-Fluid-Si…
#JavaScript
3
HTMLの仕様に関する大きな発表。
今までW3CとWHATWGが別々にHTMLの仕様書を出していたが、今後は単一バージョンを共同開発する方針に。
w3.org/blog/2019/05/w…
4
W3Cの仕様書「HTML5」は既に終了していて、後継の「HTML5.3」も中断しWHATWGの仕様書「Living Standard」へ一本化することに。
仕様書のことを知らず「うちはHTML5で作ってますよ」と営業文句を謳うウェブ制作会社は、古臭い平成の会社とレッテルが貼られる時代がやってきそう。
5
Adobeによる超重大発表。
AIRはAdobeからSamsung子会社のHARMANに引き継ぐことが、公式ブログで発表されました。
※Adobe AIRはFlash技術をモバイルやデスクトップアプリとして動作させるための技術
theblog.adobe.com/the-future-of-…
6
記事の要約
・2019年6月現在、アドビはAIRの機能開発をHARMANに移行している
・アドビは2020年末までAdobe AIR v32に対してセキュリティサポートを提供
・HARMAN(サムスン電子の子会社)が2019年6月にAIR v33のリリースをする
・HARMANはAdobe AIRパートナーとしての長年の歴史を持つ会社
7
これはむちゃくちゃインパクトの大きい発表で、Flash根幹テクノロジーの最後の砦だったAIRがアドビから離れることを示しています。
Flash Player : 2020年にサポート終了
Adobe AIR : アドビは2020年末までサポート(HARMANが引継ぐ)
Flex : 2011年にApacheへ移行済み
Animate : 制作ソフトは健在
8
アドビが新しいアプリ「Fresco(フレスコ)」を発表
・人工知能Adobe Senseiを使用し油や水彩画を再現
・フレスコ画は何世紀にもわたって使用されてきた塗装技術の名前
・フォトショと連携可能
・コードネームProject Geminiとして昨年秋に発表したアプリの正式名
・登録受付中
adobe.com/jp/products/fr…
9
CSSアニメーションのコツ。
transformとleftだと滑らかさに違いが出る。
上側: transformX
下側: left
leftはピクセル単位でしか動けないので、カクカクしてしまう。transformは小数点での表示に対応しているので、カクカクしない。
10
フロントエンドエンジニアに質問。
あなたが最近使っているJavaScriptライブラリ/フレームワークはどれ？
※Twitterのアンケート機能で回答ください
11
Google Chrome 76がリリース。
目玉機能はCSSでOSのダークモード判定ができるようになったこと。
Windows 10やmac OS Mojaveのダークモードが、ウェブコンテンツにも適用されます。
SafariやFirefoxでは既に利用可能。各種ブラウザの足並みが揃いました。
#CSS
12
すごいの撮れました！
東京の夜空を彩る百花繚乱の花火。
いたばし花火大会を山手線最南の大崎より撮影。神宮花火とのコラボレーション。
#板橋花火大会
13
HTMLコーダー界隈で、いにしえのレイアウト手法「float」がdisられていたようですが･･･
ICS MEDIAではCSSレイアウト手法の使い分け方を紹介しています。これが現場での考え方に近いはず。
・回り込み: float
・一行: flex
・複数行: grid (制作現場によってはflexで代用)
ics.media/entry/15921/
14
Adobe XDプロトタイプ機能でプレステのUIを再現。
これはすごい！
#XDUFes2019
15
次期Safari 13の新機能。
WebインスペクタでCPU使用率やバッテリー消費影響を計測できる。
ウェブサイト内のJavaScriptの処理が重いのか、CSSレイアウト再計算/描画が重たいのか追跡可能。
Safari Technology Previewで先行して利用できます。
webkit.org/blog/8993/cpu-…
16
17
iOS 13とiPad OSの新機能が便利。
デジカメのRAW写真を直接、Lightroom CCに取り込む方法を紹介します。
1. SDカードをiOS機器に接続
2. ファイルアプリでSDカードを選択
3. 写真を選択
4. 共有 → Lightroomを選択
5. LightroomにRAWが取り込まれる
※写真アプリを経由しないことがポイント
18
macOS CatalinaのChrome 77のフォント問題。
勘違いしている人が多いので説明。
Chromeのデフォルトだった「ヒラギノ角ゴシック ProN」がCatalinaで未バンドルになる
↓
該当するフォントがなくなったため、Sans Serifが明朝体で表示される
↓
フォント指定の甘いサイトは全部明朝体に！
19
アドビが新アプリ「Adobe Aero」を正式リリース。
スマホでARを編集できる。簡単操作でARの精度が高い。これ楽しすぎる！
#AdobeMax #AdobeMaxJP #AdobeMax2019
20
アドビがiPad版Photoshopアプリを正式リリース。
さっそくインストールしたのですが、ウェブデザインの仕事データとか、4200万画素のフォトレタッチも快適に編集できる。パソコン以上に滑らかに動く。
これは期待以上の完成度！
#AdobeMAX #Photoshop _
21
iPad版Photoshopの最初のリリースは「Apple Pencilやタッチでの作業に最適化した合成ツールとタッチツールを揃えました」とのこと。
Psの完全再現ではなく、ミニマムなスタートから。
編集したデータはクラウドへ保存される。
拡張子(?)はPSDC。従来のPSD書き出しも可能。
#photoshop #AdobeMAX
22
完全版Psと比べると機能は圧倒的に不足。
今後の進化に期待ですね！
•調整レイヤーは読み込めるだけ
•スマートフィルタは読み込めるだけ
•フォントの選択肢がない
•カーニングできない
•チャンネルがない
•パスがない
•アートボードがない
•解像度を途中変更できない
•色空間はRGB 8bitだけ
23
話題のPhotoshop Cameraをアドビブースで試してきました。リアルタイムで切り抜き合成がされます。
空を別の景色に変更するとか簡単に実現。
#MAX野郎 #AdobeMax #AdobeMaxJP #AdobeMax2019
24
本気でヤバいやつがきた。
太陽の影を自在に操れる技術。
太陽の高さに応じて影の方向や長さが変わるが、それをシミュレーションできる画像解析技術。
#AdobeMAX #MAX野郎 #LightRightSneaks
25
フォトレタッチャー全滅か！
レタッチした顔面写真を見破る技術。
人物の顔はフォトレタッチをすると頬を小さくみせたり、瞳を大きくできます。
このツールを使うと、レタッチした部分がヒートマップとして図示されます。
#AdobeMAX #MAX野郎 #ProjectAboutFace
ウェブ制作会社ICS代表。筑波大学非常勤講師。HTML/CSSのフロントエンド技術が専門、TypeScript/WebGLによる3D表現やクリエイティブコーディングが得意。著書『JavaScriptコードレシピ集』など解説書12冊を執筆。ウェブ業界の最新情報と、現場で役立つ技を発信します。趣味でタイムラプス撮影。