2022年初頭より、セキュリティ対応の強化などの理由で、サポートが終了していないモダンブラウザへのサポートを終了するウェブサイトが出てきているようです。 特定ベンダーの提供するブラウザへの依存は、Web標準の維持並びにセキュリティ面においてその水準を後退させる恐れがあると考えるため、その状況把握のために低いブラウザ互換性を表明したウェブサイトリスト（2022年版） を作成しました。 すぐにその流れが加速するとは考えませんが、その傾向把握のために当面このリストを維持していければと思います。情報提供があれば以下までお願いします。 →https://twitter.com/rkanbe/status/1508042223568719877 （追記） IMPRESS やじうまWatchで紹介され、想定よりも多くの人に見ていただいているようです。 →https://internet.watch.im

はじめまして。六月と申します。 ・ツイッターはこちらです ・AtCoderのプロフィールはこちらです 風の噂で、AtCoderでは色が変わった際に色変記事というものを書く文化があり、この時ばかりは大いに自分語りが許されると聞きました…。 そこで、もしかすると人によっては、私の色変記事が参考になる可能性もあるのではないかと思い、筆をとりました。 きみたち、おぢさんの話を聞いてみないか…。 お暇な方はどうぞお付き合いください。 簡単な自己紹介 私は40代で、社会人生活の折り返し地点を迎えつつあります。私生活では小学生の子供を持つ父でもあります。大学は文系で、これまで情報科学の教育・訓練を受けた経験はありません。 業界の特性もあり、私の勤務先ではいまだにFAXと手書き書類がかなり使われています。普段はそのような、おおよそITとは無縁の、むしろ昭和ライクな環境で仕事をしています。 そういったことも

ここのところちょっと時間に余裕があり、暇を見つけてはQiitaの質問に答えるという取り組みをやっています。以前StackOverflowでも同様の取り組みをちょっとだけしてたことがあります。 9日間で35個の質問に回答してみて、正直に思うのは「質問の質が悪すぎるなー」ということです。ただ、どう質が悪いのか上手く言語化できず悶々としていました。 そんな折、今朝googleのおススメ記事に飛び込んできたQuaraのこちらの回答を読んで、「これこれ！こういうことよ！」という気持ちになったため、これから質問する人に向けてこの内容を少し嚙み砕いてまとめてみます。 ベテランはどうデバッグをしてるのか （自分をベテランと言っていいのかはさておき）日頃からコードを書いていると、デバッグには、その時使っている言語やフレームワークによらず、ある程度の行動パターンがあることに気付いてきます。 デバッグには難しい

こんにちは、Ubie株式会社でデザインエンジニアをやっているtakanoripです。 Ubieではデザインのクオリティと生産性向上のためデザイン生産基盤の整備に力を入れています。 今回その一環として開発したデザイントークンをnpmパッケージとして公開しました。（現在はColorのみ。） 開発経緯 Ubie Design Tokens開発以前からデザイントークンのようなものは存在しており、CSS Variablesとして実装されていました。しかしユースケースを想定せず作った変数があったり定義が細かすぎたりしたことで「どの変数をどういう場面で使用すれは良いかわからない」という問題が発生していました。 そこで変数の定義を見直し、より実際のデザインに即したデザイントークンを策定するとともに、プロダクトごとの実装差異をなくすためのライブラリの開発に着手しました。 Colorの定義 Ubie Desi

こんにちは。開発本部 認証連携チームでエンジニアをしている id:ruru8net です。前回はこちらの記事を書かせていただきました。 tech.classi.jp 現在は認証基盤再建というプロジェクトの中で、主にフロントエンド開発を担当しています。この記事ではフロントエンド開発においてAPIのモックのために「Mock Service Worker」を使ったところスムーズに開発を進めることができたので、使い方を紹介したいと思います。 mswjs.io ツールの導入 弊社ではフロントエンドのフレームワークにAngularを採用しているのでAngularでの導入手順を記します。 基本的にはドキュメントの手順通りです。 1. インストール $ npm install msw --save-dev # or $ yarn add msw --dev 2. モックを定義 src/mocks/hand

KFCは、同社のチキン商品の高解像度画像を無償で提供するサイト「chickenstock」を開設した。 【この記事に関する別の画像を見る】 同社によると、フライドチキンなどを提供している多くのフード店舗において、KFCのチキン画像を無断で“借用”して、自分たちのチキン商品を販売しているという。それはKFCのチキン画像が「カリカリしてジューシーで魅力的に見えるから」だとし、これが顧客を誘惑するのに使われているのだという。 しかし同社として、画像の“無断借用”が受け入れられないのは、著作権的な問題ではなく、それらが低解像度でピクセル化された画像であるという点。「人々はピクセルではなく、歯応えを見たいと思っているのではないか」と指摘している。これはチキン画像と検索して同社の写真が上がったとしても、低解像度しかなかったからだという。 そこでKFCは、高解像度かつ歪みがなく、ピクセルも見えないKFC

こんにちは！kintone フロントエンドリアーキテクチャチーム (フロリア) の西川 @nissy_dev です。 最近のフロントエンド開発で導入されることの多い TypeScript ですが、開発期間の長いプロジェクトに導入する際にはバックエンドとの結合部分の型定義をどう扱うかが問題になる場合があると思います。 今回の記事では、フロリアで取り組み始めた、HTML に埋め込んだ JSON データをフロントエンドで型安全に扱う施策について紹介します。 フロリアのプロジェクトの詳細については、 @koba04 が書いた次の記事をご覧ください。 blog.cybozu.io 目次 フロリアでのバックエンドからのデータ取得 HTML に JSON データを埋め込む方法の問題点 Java のクラスから TypeScript の型定義を生成できる typescript-generator types

mix-blend-modeというCSSのプロパティ。これはDOM要素を重ねた時の見え方を指定するCSSプロパティです。デザイナー視点だとブレンドモードはごく当たり前に使う機能のひとつ。mix-blend-modeはウェブの表現手法が広がり、デザインの自由度が広がる注目すべきCSSプロパティです。本記事はmix-blend-modeの魅力と使い方をデモを交えて紹介します。 そもそもブレンドモードとは？ ブレンドモードはクリエイティブな表現を作る上での基本機能のひとつです。Adobe PhotoshopやIllustrator、After Effects、XDや、Figmaで搭載されていて、レイヤーを重ねたときにどのように重ねて表示するかの設定になります。ソフトによっては「ブレンドモード」や「描画モード」「モード」と異なる名称が使われていますが、機能としては同じものになります。本記事ではCS

Friends of Figma Tokyo へようこそ！ 🇯🇵🗼 Friends of Figma Tokyo は、デザイナー、開発者、そしてデザインの迷路に生きる人々に、カジュアルでリラックスした雰囲気で自由に日本語でやり取りできる環境を提供します。世界中の日本語話者 (any level from Beginner to Native Japanese speaker) ＆ Figmaユーザーを歓迎いたします🌟 👉 ネットワークイベント 👉 フロントトーク 👉 Figmaでわちゃわちゃ 👉 Drink & Design グループのDiscordサーバ :  https://discord.gg/B9krXpPaTp ご参加お待ちしています！ -------------------- Welcome to Friends of Figma, Tokyo! 🇯🇵🗼F

Zホールディングス傘下のLINEは、オープンソースソフトウェアの開発や普及を推進する非営利団体Apache Software Foundationのシルバースポンサーになったことを発表しました。 LINEは、この3月にApache Software FoundationのSilver Sponsorになりました。 その背景や、LINEのその他のOSSの取り組みなどについてまとめた記事を公開しました。 #LINE_OSS https://t.co/6N2PWKuFp0 — LINE Developers (@LINE_DEV) March 29, 2022 Apache Software Foundationのスポンサーには、上からプラチナ、ゴールド、シルバー、ブロンズの4つのレベルがあります。年間のスポンサー料金は、プラチナが12万5000ドル（1ドル120円換算で1500万円）、ゴールド

Google検索は、その利便性や精度の高さから検索市場で圧倒的なシェアを占めている一方で、近年はSEO対策に特化した低質なサイトが検索結果の上位に出てしまう問題から「Google検索は死んでいる」と指摘されるなど、検索のやり方や検索ワード選びにも知識とリテラシーが要求されるサービスとなりつつあります。そんなGoogle検索がかかえる問題点や、Google検索を使う上でおさえておくべきポイントについて専門家がまとめました。 There is, in fact, a 'wrong' way to use Google. Here are 5 tips to set you on the right path https://theconversation.com/there-is-in-fact-a-wrong-way-to-use-google-here-are-5-tips-to-set-

燃えたあと、すぐに該当コンテンツが削除されたので、私も「あっ、すぐ問題を理解したので降ろしたのだな」と思っていたところ、北陸大学の山本啓一先生が世界的にも犯罪抑止のために人工知能が利活用されているよという指摘をされていたので補足をしたいと思います。 「データサイエンティスト赤ずきん」が炎上した理由、現在の犯罪予防のレベルに関して、日本社会があまりに無知であるとしか思えない。犯罪予知AIも世界各地で導入されている（京都府警も導入してたはず）。DefenderXもオリンピック等のイベントで導入済み。 — 山本 啓一 (@kyamamoto) March 29, 2022 私も本件では犯罪抑止目的の人工知能利活用については完全な利害関係者のため、なるだけ中立的に解説を書きたいと思いますが、データ利活用推進派としての意見であることはご留意ください。 まず、山本啓一先生ご指摘の内容はもっともで、20

Join the official community for Google Workspace administrators In the Google Cloud Community, connect with Googlers and other Google Workspace admins like yourself. Participate in product discussions, check out the Community Articles, and learn tips and tricks that will make your work and life easier. Be the first to know what's happening with Google Workspace. ______________ Learn about more Goo

米Googleは3月29日（現地時間）、Webブラウザ安定版のアップデートとなる「Chrome 100」（バージョン100.0.4896.60）をWindows、Mac、Linux向けに公開したと発表した。数日かけてロールアウトしていく。 2008年9月1日に最初のβ版をリリースしてから約13年でバージョン100を迎えた。 一般ユーザー向けの新機能としては、ロゴのデザイン変更、Webアプリでのマルチディスプレイ対応、［設定］→「プライバシーとセキュリティ」の「安全確認」の改善などが追加された。 新しいロゴについてGoogleは、隣接する色の境目にあったシャドウをなくし、中心の円を大きくし、色も明るくしたと説明した。 Webアプリのマルチディスプレイ対応で、プレゼンなどで大画面でスライドを表示し、手元のPCで原稿メモを表示するような使い方ができるようになる。 バージョンが3桁になり、UA（ユ

Nintendo emulator Delta hits the iOS App Store, no sideloading required

For React Native users, React 18 will ship in React Native with the New React Native Architecture. For more information, see the React Conf keynote here. What is Concurrent React? The most important addition in React 18 is something we hope you never have to think about: concurrency. We think this is largely true for application developers, though the story may be a bit more complicated for librar

コジマプロダクションの新公式サイトが公開に。「DEATH STRANDING」などの最新情報を発信 編集部：真ゲマ コジマプロダクションは本日（2022年3月29日），同社の新たな公式サイトを公開した。 本サイトでは，同社が手掛けた「DEATH STRANDING」の情報や同作に出演する俳優のインタビュー記事，ゲームプログラマーなどを募集する採用情報，小島秀夫監督が作品づくりについて綴るメッセージなどが掲載されている。 ほかにも，Tシャツやフィギュア，マグカップといった同社および「DEATH STRANDING」のオフィシャルグッズが販売されているので，小島監督のファンはチェックしたほうがいいかもしれない。 コジマプロダクション公式サイト 関連記事一覧へ関連記事 IKEAが新ゲーミング家具シリーズを携えて3年ぶりに出展。TGS 2024会場では，家具の体験展示やノベルティ配布などを実施 「