2022年におけるフロントエンド開発のベースライン
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは４Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは！LINEフロントエンド開発室のダバロス アランです。この記事のタイトルを見て「釣りタイトルですね〜」と考えている方がいると思いますが今回に限ってはそれを大目に見てください。それはなぜかと言いますと、2021年から2022年にかけて私たちフロントエンドエンジニアが全体的に考え方を改める必要が出るほど大きな変化がありました。 その変
きよぴー（清P） on Twitter: "オンラインでは、東京新聞・望月衣塑子記者の非行の一部にしか触れていない。全文を読むともっとひどい。ご遺族から遺書を含む資料を「取材目的」で借りたのに返していないのが新聞記者として致命的。ドラマの脚本に流用された疑いもある。取材資料… https://t.co/PO0c1tKrn5"
オンラインでは、東京新聞・望月衣塑子記者の非行の一部にしか触れていない。全文を読むともっとひどい。ご遺族から遺書を含む資料を「取材目的」で借りたのに返していないのが新聞記者として致命的。ドラマの脚本に流用された疑いもある。取材資料… https://t.co/PO0c1tKrn5
α7RIII のボタンカスタマイズ 参考資料の紹介 - $*nyme
走り回るこどもたちをノーストレスで撮り続けるためのボタンカスタマイズ（自分の場合） 購入当初、α7RIII はカスタムできるボタンが多いうえに割り当てられる機能が多すぎて、どう使いこなしたものか悩んでいたのだけど…*1 メーカー側のボタンの設計意図を知ろうと思って、SONYの公式ページを調べていたら、α7RIIIと同様のボタン配置のα9のボタンカスタマイズ例 とその解説記事が見つかった。 多彩なAFモードの違いに関する説明や、具体的なボタンの使い分けが載っており、とても参考になった。 自分的にはとても良かったので、α7RIII (α7IIIやα9も同様…のはず) のボタンのカスタマイズに悩んでいる人向けに、ざっくり紹介してみる。 AFのフォーカスエリア設定の解説 より細かな設定の話 ボタンカスタマイズ例集 自分の場合 ふだんのベースとなる設定 ボタンカスタマイズ ※ 以下の資料をベースにボ
超凄いIPv6解説書(488ページ)を無料配布します！:Geekなぺーじ
「プロフェッショナルIPv6 第2版」を無料配布します。2018年7月にプロフェッショナルIPv6初版を発売＆無償配布開始しました(すごいIPv6本を無料配布)。初版発売開始から3年、さらにパワーアップした「プロフェッショナルIPv6 第2版」がついに完成しました！ 本書を企画して、少しずつ文章を書き溜めはじめた2011年から10年近くかけて完成した488ページにおよぶ「プロフェッショナルIPv6 第2版」をお楽しみください。 プロフェッショナルIPv6第2版の構成 プロフェッショナルIPv6第2版は5部構成になっています。 第1部は「インターネットとIPv6の概要」というタイトルで、IPv6の視点からインターネット自体の仕組みを復習し、そのうえで、詳細の説明に入る前に把握しておくべきIPv6の概要として、次のような事項を解説しています。 従来のIPv4アドレスとは大きく異なるIPv6アド
Web・アプリ開発のエンジニアが知っておきたい、デザインツール「Figma」の基本 - JMDC TECH BLOG
JMDCでアプリのデザインを5月から担当しているはんざわです。 Webやアプリのフロント開発者のみなさんはデザインツール Figmaをご存知でしょうか？ JMDCではこれまでAdobe XDをメインで使用していました、今年からFigmaに乗り換えました。 乗り換えに伴い、デザイナー以外のメンバーにもFigmaを操作できるようになるべく、勉強会を開催しました。 勉強会はオンラインで開催。Figmaで資料を作成、参加者に資料を開きながらGoogle Meetを繋げて詳細を説明していきました。 勉強会で使用した資料はFigmaのCommunityにアップしているのでぜひ見てみてくださいね。 www.figma.com エンジニアがFigmaを触れるようになることのメリット 基本知識と基本操作 実装するために使う デザインシステムについて そのほか便利な機能 さいごに エンジニアがFigmaを触れ
総務省｜報道資料｜「クラウドサービス提供における情報セキュリティ対策ガイドライン（第3版）」（案）に対する意見募集の結果及び「クラウドサービス提供における情報セキュリティ対策ガイドライン（第3版）」の公表
「クラウドサービス提供における情報セキュリティ対策ガイドライン（第3版）」（案）に対する意見募集の結果及び「クラウドサービス提供における情報セキュリティ対策ガイドライン（第3版）」の公表 総務省では、「クラウドサービス提供における情報セキュリティ対策ガイドライン（第3版）」（案）について、令和3年7月17日(土)から同年8月15日(日)までの間、広く意見を募集しました。 意見募集の結果、12件の意見の提出がありましたので、提出された意見及び当該意見に対する総務省の考え方をとりまとめ、「クラウドサービス提供における情報セキュリティ対策ガイドライン（第3版）」と併せて公表します。 総務省では、安全・安心なクラウドサービスの利活用推進のため、平成26年4月に「クラウドサービス提供における情報セキュリティ対策ガイドライン」を公表し、その後IoTサービスを提供するクラウドサービスにおけるリスクへの対
なぜ、ハイパーリンクは青色なのか?
Mozillaブログより。 エリーゼ・ブランチャード インターネットは私たちの生活のあらゆる場面に浸透していますが、デジタルの世界では当たり前のように使われているものがあります。それは、多くのリンク、特にハイパーリンクが青色であることに気づいたことがありますか? 同僚が何気なく「なぜ、リンクが青いのか」と聞かれた時、私は戸惑いました。2001年からウェブサイトを制作しているユーザ・エクスペリエンス・デザイナーの和tがしは、常にリンクを青くしてきました。私は青の特定の色調を提唱してきました。しかし、「なぜリンクが青なのか」と疑問に思ったことはありません。それはただの事実でした。草は緑で、ハイパーリンクは青です。文化的に、私たちはリンクを青色に関連付けているため、2016年にGoogleがリンクを黒に変更したときには、かなりの混乱が生じました。 しかし今、私は「なぜ、リンクが青なのか」と言う疑
フロントエンドから取り組むデザインシステムの改善 #UI
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、フロントエンドエンジニアの近藤です。Yahoo! JAPANのスマートフォンのウェブトップページのフロントエンド開発業務と、社内で利用されているデザインシステムの開発に携わっています。 近年、デジタルプロダクトを持つ多くの企業で、デザインシステムが活用されています。デザインシステムには、ビジュアルとしてのデザインの規定だけでなく、実際のプロダクトに利用できるUIライブラリやコンポーネントライブラリなどが含まれます。そのため、デザインシステムの構築にはデザインとエンジニアリングの両方の力が不可欠です。 本記事では、私が開発に携わっているデザインシステム「Riff」の紹介とともに、フロントエンド部分におけるデザインシステム
ゼロから始める、データ分析と可視化 - Kyash Product Blog
はじめまして。Kyashでデータエンジニアリングを担当しているKyashデータマンです。この記事では、Kyash社内のデータ分析の基礎に関するドキュメントを紹介します。 Kyashでは、データエンジニアリング・ガバナンス・セキュリティなど様々な角度から、公正なデータの取扱いと活用を推進しています。従来は、一部の訓練された技術者がデータ分析を一手に担っていましたが、社内でもデータ活用のニーズも多く、その担当者に分析や集計の業務が集中するという課題がありました。 この課題に対して、データへの適切なアクセス管理を行い、そして適切なBIツールを導入することで、データを取り扱う人が自分でデータ分析・そして活用できるようになることを目指しています。アクセス管理には、個人情報やそれに準ずる機密データに対して、ポリシータグによるアクセス権のコントロール、そしてアクセス権のリネージなどのソリューションの導入
デザインに活かせるフレームワーク20｜金 成奎
久しぶりのnote投稿です。今回は自分の勉強がてら、UX・情報設計・アジャイル開発など、デザインに関わる様々な局面で知っておくと役立つフレームワークを集めてみました。 有名なものからデザイン以外にも使えそうなものまで幅広く選んでいますので、気になるものがあれば改めて実作業に生かすなり、掘り下げて研究するなり、資料に生かすなりしてもらえると良いのではないかと思います。 （ちなみにここでいう「フレームワーク」とは共通して用いることのできる考え方や思考の型や枠のようなもので、いわゆるCSSフレームワークの類ではありませんので、その点ご了承ください） 1.UXの5段階モデル まずは有名なUXの5段階モデル。アメリカのUXデザイナーであるJesse James Garrett 氏が著書『Elements of User Experience（ウェブ戦略としての「ユーザーエクスペリエンス」）』にて提唱
ミラーレスカメラのバッテリーの充電時間や必要となる予備の本数などのデータまとめ｜北村智史
※この記事は有料に設定していますが、本文はすべて無料でお読みいただけます。 みなさんはご自分のカメラのバッテリーの充電時間を把握しているだろうか。 メーカーのウェブサイトの製品ページにはあまり見かけないこの数字は、写りにはまったく影響しないうえに、撮影という行為にもほぼ関係がない。 撮影前の準備や撮影後の片づけにはからんでくるものの、そうそう大きな問題にはならないはず、とタカをくくっている人も多いのではないかと思う。 しかし、空のバッテリーをフル充電するのにかかる時間は短いもので120分。長いものだと240分とか300分とかのもある。 泊まりがけの撮影旅行で宿に入ってから使い切ったバッテリーを3本充電しなくちゃならないとして、1本あたり240分かかるとしたらトータルで何時間かかる？という問題は無視していいものではない。 それにバッテリーは安くないアクセサリーだ。 自分が1日に撮る枚数をまか
モバイルゲームにおける女性キャラクターの魅力的要素の分析
これまでキャラクターに関する研究において，外見についての研究や男性キャラクターにのみ着目した研究は行われてきたが外見以外の魅力に着目した研究や女性キャラクターにのみに着目した研究はあまり行われていない．本研究ではキャラクターの誘因魅力と継続魅力の違いに着目し，女性キャラクターの魅力についての分析を行った．キャラクターのどのような要素に魅力を感じているかアンケートを行い，回答を収集した．アンケートの結果を用いてカイ二乗検定を行い，誘因魅力と継続魅力に魅力的要素の違いに有意な差があることが明確になった．また，アンケート結果を用いて因子分析を行い，どのような要素の組み合わせに魅力を感じるかを調査した．結果として，キャラクターを印象付ける要素が誘因魅力，あとから追加できる要素が継続魅力として有力であることが分かった．
Webサイト制作をどれくらいの粒度で分解してタスク化するか｜重松佑 / Shhh inc.
プロジェクトが始まるときにかなり初期の段階でWBSを作ることは多いとおもいます。そのWBSの作成、プロマネやディレクターに任せっぱなしになっていないでしょうか。WBSはスケジュールをガントチャートで表したものを指していると思われがちですが、実はスケジュールだけでなく見積もりやアサインを精度高く行うためにも重要なものです。 たとえば「Webデザイン作成」というスコープにどのような実作業が含まれているかはWBSを作ることによって見える化しプロジェクトメンバーやクライアントと共有できるようになります。ときどき下記のように書かれたWBSを見ることがあります。 Webデザイン作成 ・作成 ・確認 ・修正 ・確認2 ・修正2 ・確定 しかし、これでは「Webデザイン作成」に必要な知識、さらには作業量・スケジュール・予算も分かりません。Webデザイン作成の例を続けると、下記のように「作成」のスコープを分
どうしてHTML5が廃止されたのか | フューチャー技術ブログ
フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料ビデオ編集ソフト「DaVinci Resolve 17」の日本語ユーザーマニュアルが公開／ページ数は圧巻の『広辞苑』越え、開発元自ら隅々まで解説
HTML Living Standard ｜ HTML要素チートシート
「ウマ娘」、3Dモデル制作方法に関する講演内容を一部先行公開 「ウマ娘」3Dモデルの基本仕様、フェイシャル、泥の汚れとは？
東京の「カフェ路線図」が見やすくて便利！スタバ、ドトール、コメダなど…多い駅と少ない駅が一目瞭然「やっぱ中央線か」「スタバはすごいな」
CSSのinsetプロパティで上下左右の中央に配置する時の「position: fixed;」での新しい記述方法
Home
