ESLint と Prettier の共存設定とその根拠について
注意 この記事は 2020 年 09 月 24 日現在、古い情報となりました。 eslint-plugin-prettier の利用は非推奨であると公式がアナウンスを出しています。 そのことについては Prettier と ESLint の組み合わせの公式推奨が変わった にてまとめましたので、こちらもご覧ください。 また eslint-plugin-prettier は公式推奨ではなくなりましたが、それは Editor などの外部環境の進化によるものでこのプラグイン自体に何か問題が起きたわけではありません。 そして eslint-plugin-prettier を利用した設定方法、特に eslint-plugin-prettier と eslint-config-prettier が何を解決していたかを知らないと、prettier-eslint が何をどう解決したかを理解できないはずなので
ESLint の Plugin と Extend の違い
ESLint の Plugin と Extend の違いを説明できますか？ 違いを知っている人からすれば（というかそもそも全然違うものなので）、「え、それ悩む？」となるところなのですが、ユーザー向けドキュメントには Plugin の定義が書かれておらず、Extend の説明も不十分で、さらに Plugin の設定をする Extend なんてものがあるお陰で、慣れないうちは混乱すると思います。 特に最後の事象は個人的には印象的で、「Plugin の設定をしていないのに Plugin が設定されている。Plugin って何？」といった混乱の原因になっていました。 この混乱は ESLint の全体感を掴むと混乱しなくなるのでそういう話を書きたいと思います。 実際に混乱してた人も多そうです（6/24 更新) 結論を言うと、Extend は Extend です。設定を Extend する役割を持って
BEM Naming Cheat Sheet by 9elements
When it comes to finding the right class name, it can quickly drive you to despair. Even the most experienced CSS developers don't always find the right class name right away. This tool aims to help you to not get lost in the BEM cosmos by giving you naming-suggestions for some of the most common web components. If you still have no idea what BEM means, we have added some helpful links below. For
見た目の美しさとアクセシビリティのパラドックス
UX Movementの著者および創設者です。UXのベストプラクティスとスタンダード、さまざまなテクニックに関する知識を共有することで、よりよいデジタルの世界をつくり出しています。 すべてのインターフェイスにはユーザーが存在し、そのユーザーはつねに多数派と少数派によって構成されています。たとえば、大半のユーザーは正常な視力をもっていますが、少数派となるユーザーは何らかの視覚障害をもっています。 正常な視力をもっているユーザーが見るものと、色覚異常および低視力のユーザーが見るものとの間には大きな隔たりがあります。何らかの視覚障害をもっているユーザーはテキストが小さすぎたり色のコントラストが低すぎると、文字がぼやけて見えたり、要素がよく見えなかったりする傾向にあります。 アクセシビリティの目標は、多くの場合忘れられがちな少数派のニーズを満たすことです。しかし、少数派のニーズを満たした結果、多数
仕事を読み解くキーワード24 - 任天堂
職種から探す すべて表示 理工系 ソフトウェア ネットワーク ハードウェア デザイン系 ソフトウェア ハードウェア アートワーク サウンド系 制作企画系 事務系
脳を騙す小さいデザインで行動を変える｜こびー
小学生くらいからモテたくて人間心理に興味を持っていましたが、この1年間で興味が爆発し、なぜ人の行動が起こるのか、どうすればよりよい行動が起こせるのか。書籍と実践（普段の仕事＋個人で始めた新規サービスの失敗）から学んだことを生かして考えてみました。 結論は脳の仕組みに小さい工夫をこらせば、いい意味で脳を騙しよりよい認知や行動に導くことは出来るということです。ただし人はとても複雑なようで簡単。そして流されやすく、感情的で怠惰であり、100％の確率で行動を変えられるわけではありません。 性別も職業も、家族形態、宗教、文化も人が置かれている状況は様々。しかし、共通して使える工夫はあります。 ・「やる気」よりも「簡単さ」 ・「感情」に訴えかけ、明確で「具体的な指示」を与え、行動しやすい「環境」を整える ・変化は「小さく」 ・行動には「目に見える」フィードバックを与える さくっと知りたい方は【やる気よ
エンジニア採用面接での「質問項目」と「意図」を公開する（2021年11月25日更新） - Qiita
はじめに LITALICOの亀田です。エンジニアしてます。 エンジニア採用も大事な仕事の一つとしてやっています。 今まで1万人近いエンジニアの方々のご経験を見て、1,000人以上とお話してきました。 何を書いたか LITALICOでは新卒/第二新卒/中途に限らず（大体）通年でエンジニア採用を行っていて、採用面接の中で「どんな質問をどんな意図で行っているのか」を整理してみました。 ※実際には、弊社の面接で以下質問事項を「網羅的に一方的にしつこく聞いて見極める」などはございません。 ※「お互いが今一緒に働くことが良いと思えるか？」が採用プロセスの本質で、まずは弊社のことをお伝えさせて頂き、皆様に今後の環境に求めることや今までのご経験を伺い、「どういったポジションや環境が弊社に存在するか、そこはご希望に沿えているか？」、を丁寧にご一緒に考えていくスタイルです＾＾ ※あくまでご経験からマッチングを
P5LIVEでclassを利用したライブコーディング - Qiita
はじめに processingアドベントカレンダーの16日目です。 滑り込みです。 P5LIVEとは https://teddavis.org/p5live/ github:https://github.com/ffd8/P5LIVE ブラウザ上でprocessing(p5js)を使って手軽にライブコーディングができる！ ライブコーディングとは？ アルゴリズムで踊れ、演奏するプログラミング・ライブコーディングとは？(1) 一般的(?)には会議とかで指摘された部分をリアルタイムに修正していくことだったりすることでしょうか。 しかし上の動画はそのイメージとは全然違いますね。 広義ではプログラミング実行後の結果を見て、すぐさまコードの修正していき、さらにその修正するコード(姿)も見せていくって感じでしょうか。 コードを書いていく姿、そのソースコードのビジュアルがかっこいいって感覚はエンジニアとそ
本当は速くならない「Webサイトの表示高速化アンチパターン」10選｜榊原昌彦
ベストプラクティスや「高速化につながる！」と紹介されている記事では、逆効果、もしくは効果があるシチュエーションがあまりに限定的な手法が紹介されていることが多いので、アンチパターンとして紹介します。 本記事は「Webパフォーマンス Advent Calendar 2019」2日目の記事です。 https://qiita.com/advent-calendar/2019/web_performance 本記事はWebパフォーマンス高速化の専門家である株式会社Spelldataの竹洞 陽一郎氏にアドバイスをもらいました。HTTP/2の伝送の画像など一部資料のご提供もいただいております。誠にありがとうございます。 https://spelldata.co.jp/ ほとんどの場合で間違い 1. すべての画像をCSSスプライトその昔、画像をすべて1枚にまとめて、DOMのbackground-image
「という」と「こと」を減らすだけで、文章はぐっと読みやすくなる｜Ryo Yoshitake | THE GUILD
と思っている話です。もはやタイトルでぜんぶ言ってしまった。 せっかくなのでもう少し続けます。 2020/05/03追記：第二弾？書きました この本がまだ初稿になる前、共著者のみなさんと執筆真っ最中の頃に何度か打ち合わせがあったのですが、そこで「書籍的な文章を書き慣れてない人って、"という"と"こと/もの"を多用しがちなので、この2つを抑えるだけでも文章がシュッとするんですよ」とお話したら思ったより反応があったので、これは需要があるんじゃないかと感じたのがきっかけです。 ここから先は具体例を交えて解説していきます。 さすがに他人様のテキストを使うのは気が引けるので自分が書いた記事を例に挙げます。……でも自分はこのテクニックを使うようにしているので、該当する記事がなかなかないんですよねぇ……と思ったらあった！ （よりによってこれか……せっかくなので皆さんスタァライトを観ましょう！） 記事中では
Webデザイン制作が変わる！便利な最新オンラインツール45個まとめ
この記事では、Webデザインやグラフィックデザインの制作スピードが爆速になる、便利な最新オンラインツールをまとめています。 うまくツールやサービスを利用することで、時間や労力の必要な作業もラクラクこなし、よりプロジェクトを円滑にすすめることができるでしょう。気に入ったツールを制作ワークフローに取り入れ、さらなる制作スピードアップを目指しましょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. イラスト系ライブラリ 2. Web制作お役立ちツール 3. モックアップツール 4. デザインからコードへの変換ツール 5. プロトタイプツール 6. アイコン素材パック 7. デザインコレクション 8. 面白ツール Webデザイン制作が変わる！便利な最新オンラインツールまとめ イラスト系ライブラリ Fresh Folk スタイリッシュなイラストを作成で
Webサイトをダークモードに対応させよう
2020年10月16日 CSS, JavaScript ダークモードとは画面の背景を黒基調にしたデザインのこと。OS側での設定の他、人気アプリやWebサイトで続々対応されています。これまでは明るい部屋でモニターを眺めることが多かったのですが、スマートフォンの普及で暗い場所でも画面を見る機会が増え、夜間目に優しいダークモードが増えてきているわけですね。有機ELディスプレイでは省エネにもなるそうです。今回はそんなダークモードの設定を紹介します！ とにかく夜間見えづらい！ 私、夜間に車を運転していると、暗い所では対向車のライト以外ほとんど何も見えない状態なんですが、みんなそんなもんだと思ってたんですよね。でも話しているとどうやら私以外の人はライトじゃない部分もちゃんと見えていると…。みんな見えてるからちゃんと運転できてるってことか！こりゃー私には危険だわってことで夜間の運転はやめました。運転して
祝『moon』スイッチ版配信決定記念！ 木村祥朗氏×倉島一幸氏ロングインタビュー。復活の舞台裏から変更点、あの“幻の結末”のことまで、たっぷり訊きました | ゲーム・エンタメ最新情報のファミ通.com
『moon』は、いまから22年前の1997年10月16日に発売された、プレイステーション用ソフトでした。ジャンル名は“Remix RPG Adventure”。 主人公はゲームの中に入ってしまった、いちプレイヤー。いつもプレイしているRPGを、その世界の内側から体験するという、メタフィクション的な視点を持った本作は、当時のゲームファンに衝撃を与えました。 オリジナル版発売当時の『moon』キャッチコピーは、“もう、勇者しない。”。RPGの世界に入って出られなくなってしまった主人公は、元の世界に戻るために“RPGの世界の内側”を冒険することになりますが、モンスターを殺しまくってレベルを上げるなんて行為は、じつは「悪いことなんじゃないか？」と考えさせるような視点をプレイヤーにもたらした革命的なゲームでもありました。このRPGへのアンチテーゼとも感じられそうなほどに狂暴でロックな思想に溢れた『m
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - lamplightdev/aeon: A lightweight date picker built with web components that can be used anywhere
UIの細かい動きについて
そもそも多様性ってメリットじゃなくてコストなんですよね: 不倒城
エンプラ系大企業でソフトウェアエンジニアリング文化を開花させるために
DeepGlyph
すこや on Twitter: "アメリカのアクセシビリティ関連の訴訟件数、2015年では50件程度でしたが、2018年は2000件以上に増加しています。 #readable_na"
「すべて」の人にWebコンテンツの価値を届ける品質 / readable_na_cybozu_191102
