Sassのモジュールシステムを@importから@useに移行する方法を考えてみた
先日、KOJIKA17さんの「Sassを@importから@useに置き換えるための手引き 」という記事を見て、2022年10月ころにはSassで@importが使えなくなる可能性があることを知りました。まだ2年ありますが、新しく取り組むプロジェクトでは@useを使ったモジュールシステムにしたいので、自分が使っている構成の置き換えについて考えてみました。 まずはアイディアをシェアをして叩き台にしてもらうのが目的ですが、他に良い書き方があったらぜひアドバイスいただきたいというのもあります。 試しながら、考えながら書いているので内容は変更される可能性が高いかもしれません。 Sassの新モジュールシステムについて Sassの新しいモジュールシステムについては、上述の記事や SHIFTBRAINさんのブログ がわかりやすかったです。ありがとうございます。 公式の発表と@useと@forwardのド
決定版！イマドキの ESLint 設定！ | DevelopersIO
2021 年度版は Zenn に書きましたのでご覧ください。 ESLint 設定を作成する技術 そろそろ書かねばな、と思っていたところに必要としてくださる方がいらっしゃることがわかったので書きました。 eslint, eslint-plugin-prettier, typescript-eslintの組み合わせは僕の中では完全に鉄板になったんだけど、「決定版！イマドキのESLint設定！」みたいなタイトルの煽り記事を書く元気はないんだよな…… — なかざん (@Nkzn) June 1, 2020 2020 年 6 月現在のまとめです。 TL;DR 先にベースの完成形となる設定ファイルをおいておきます。 JSON に比べ YAML のほうが記述量が少なく構造が把握しやすいので YAML で書いています。次の内容をプロジェクトのルートディレクトリーに .eslintrc.yml として保存し
QRコードを読み取るだけでWi-Fiにログインできるカードを簡単に作成できる「WiFi Card」
フリーWi-Fiを提供しているレストランやカフェなどでは、専用のカードにネットワーク名とパスワードが記入されており、これを入力することでWi-Fiに接続することが可能となります。そんなWi-FiのSSIDとパスワードが書かれたカードを手軽に作成できるサービスが「WiFi Card」です。Wi-Fiのネットワーク名とパスワードを入力すると自動生成されるQRコードをスマートフォンなどのカメラで読み取れば、面倒なパスワード入力作業なしで、簡単にWi-Fiにアクセスできるようになります。 WiFi Card https://wificard.io/ 使い方はとても簡単で、WiFi Cardにアクセスすると2つのテキストボックスがあるので、ここにWi-Fiのネットワーク名とパスワードを入力すればOK。今回は架空のネットワーク名として「GIGAZINE_Net」、架空のパスワードとして「HOGEhog
トレンドマイクロの製品に脆弱性？ “マイクロソフトからBAN”の疑惑 公式は「事実と異なる」
5月中旬に、英The Registerなど海外の一部メディアが「トレンドマイクロの一部製品が米Microsoftの品質保証テストをすり抜けている」と報じた。The Registerは27日（英国時間）に続報として「MicrosoftがWindows 10でトレンドマイクロのドライバーをブロックした」と報じたが、トレンドマイクロはこれら一連の報道を「事実と異なる」として否定している。セキュリティを手掛ける同社の製品を巡って何があったのか、報道と同社の見解から見ていきたい。 海外の若手リサーチャーが製品の問題を指摘 発端となったのは、海外の若手リサーチャー、ビル・デミルカピ氏が18日に公開した、「How to use Trend Micro's Rootkit Remover to Install a Rootkit」（トレンドマイクロの「Rootkit Remover」を使ってRootkit
新型コロナ 西浦氏の「42万人死亡」はなぜ間違ったのか
厚労省クラスター対策班のメンバーである西浦博氏は、4月15日に突如「42万人死亡」説を発表し、国内に大きな驚きと反響を巻き起こしました。このまま何の対策もしなければ、日本の死亡者数は最大42万人にも達するというのです。 彼は、4月3日にも東京の感染者は1か月後に8万人になると発表し、これを受けるような形で、安倍首相が4月7日に緊急事態宣言を発出したのは記憶に新しいところです。 42万人も死亡するというのは、最近の自然災害と比べても桁違いの大災害です。参考までに、2019年の台風19号は89人、2011年の東日本大震災は1万8,400人、1995年の阪神・淡路大震災では6,400人もの方々が亡くなりました。これらの何十倍、何百倍の人的被害が出るというのだから、日本中が騒然となったのも当然です。 この戦後未曽有の大惨事を防止するために、人的接触を「8割減」にすればよいと提言したことから、彼には
水彩調の島を作るSLG『Townscaper』6月にSteam早期アクセス配信開始へ。ブロックを置くだけで生まれていく美しい島 - AUTOMATON
『Townscaper』は、極めてシンプルな島づくりシミュレーションゲームだ。「たくさんの建物とたくさんの美しさ。以上」とストアページで説明されているように、課題が与えられるわけでも、ゴールが設定されているわけでもない。プレイヤーはグリッドの設定された水面に土台を敷き、自由に建物を建築することができる。公開されたデモムービーを見ると、色を選んでブロックを配置するだけでアルゴリズムが構成を判定し、自動的に小さな家やアーチ、階段、橋、緑地などに変換してくれるようだ。 特筆すべきはその美しさだ。水彩調のグラフィックで描かれる島はノスタルジックで、海鳥の飛ぶ様子も風情がある。「ゲームというよりもおもちゃのよう」と説明されているように、ポコポコと心地の良いSEとともに可愛らしい建物を作るのはまさにおもちゃで遊んでいるような気持ちになれそうだ。 開発者であるOskar Stålberg氏は、Ubiso
「人の顔と名前が覚えられない社会人の話」の漫画に共感の声
一秒 @ichibyo3 @tokeikamone 私も人の名前全然覚えられないマンなのですごく共感しました〜！！でもほんと完璧な大人なんていないですもんね。 私も「あれができないけどコレはできるぞ！」って少しずつ自分を許していきたいなと思います😄 2020-05-30 21:12:00 千世トケイ▼ @tokeikamone @ichibyo3 ！一秒さん！作品いつも拝見しております！コメントも引用もしてくださって嬉しい！光栄です！ 今回公開してみて、コメントをいただいて、私だけじゃなかった！ってことに驚きました。自分の孤独が解消された気がして、それだけで十分に自分を肯定できる気がします。幸せな気分！感謝です！ 2020-05-30 21:29:20 コヨミギンカ @koyomiginka @tokeikamone 自分も人の名前と顔を覚えるのが苦手で…、感情移入しました。相手にも申し
いつの日か、あなたがSSHキーを吹っ飛ばしても落ち着いて対応できる道しるべ 〜SSMの手順を添えて〜 | DevelopersIO
「あれ、GithubにPushできない。。。？？」 「サーバにSSHで入れなくなった。。。」 こんにちは(U・ω・U) AWS事業部の深澤です。 最近は認証方法が変わったり、コンテナ普及に伴ってちょっと前では常識だったSSHキーを使う機会も少なくなったなと思います。ですが、まだまだなくてはならないバリバリ現役の技術ですね。そんな大切なSSH秘密キー（以降、SSHキー）がある日吹っ飛んだらきっとあなたは焦ることでしょう。今回はSSHキーがある日なくなってしまっても全人類が落ち着いて行動できるようにと願いを込めてこのブログを書きます。 え、なんでこんなことを書こうと思ったかって？聞かないで下さい。ちょっと疲れてたんです…。 まずは落ち着きましょう。 いきなりポエムっぽいですが、お茶でも飲んで少し落ち着きましょう。慌ててもなくなったSSHキーは帰ってきません。障害対応と一緒でトラブル対応は落ち着
画像による Layout Shift が無くなる Web がやって来る - mizdra's blog
はじめに Web では古来より <img> タグを用いて画像を読み込んでいました. しかし <img> タグにはアスペクト比に関する情報を埋め込むための属性が用意されていません. そのため, ブラウザが画像をネットワークから fetch して読み込みが完了するまで, レスポンシブな img 要素の寸法を決定できず, ページにガタツキ (Layout Shift) が生じる問題がありました. この問題を解決するため以前より, アスペクト比を埋め込むための新たな属性の導入が提案されていました. しかし最近議論に動きがあり, 既存の属性を利用する方法が提案され, ブラウザに実装され始めています. ここでは問題の背景, 提案と議論の変遷, そして開発者が取るべき対応について紹介します. はじめに img タグと Layout Shift intrinsicsize 属性 intrinsicsize
Amazonで2000円まであと200円のときに買うやつ
東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。（動画インタビュー） 前の記事：クリームチーズのKiriをもう一度感じる ＞ 個人サイト まばたきをする体 Twitter @eatmorecakes 必要かつ2000円をほんの少し上回るくらいに抑えたい あと300円で、あと200円で2000円なのに！ そんなときについで買いする商品、できればそれは1000円を超えるものではあってほしくない。 買い物かごがちょうど2000円ぴったりくらいに収まってほしい。 さらに今後絶対に必要なものであることも重要だ。「あと200円」のために不要なものを買うなど言語道断だ。 というわけで、今回はTwitterの #Amazonであと200円_DPZ のハッシュタグで、魅力的かつ少額のAmaz
NURO光はセキュリティ的にやばいって話 (安全に使うための方法) - Qiita
要約 NUROひかりのHGWはデフォルトでIPv6ファイアウオール機能が 無効 または 未搭載 の可能性がある ので、そのまま使うと家庭内LANがインターネットから見えちゃうからちゃんと設定か対策して使おうぜって話。 このドキュメントの対象とする人たち 何も考えずに速度が速いだけでNURO光を使っている、「いんたぁねっとが何かよく分かっていない」人向けです。 ネットワークやセキュリティを理解していて、自分のルータでセキュリティを維持しつつ使える！って人には全く関係ない話なので気にしなくていいです。読まなくていいです。 IPv6 と IPv4 のセキュリティ ここでは IPv6 と IPv4 のアドレスが割り当てられたPCやスマホとかがインターネットからどう見えるのか？について説明します IPv4 の場合 一般的にIPv4アドレスは1契約につき1アドレスが付与され、それをルータ呼ばれる機器を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
初対面の人の名前を聞いたばかりなのにすぐ忘れてしまい覚えられない、というお話に共感の嵐「自分でも驚く」「皆どうやってるの?」
ラーメンのトッピングの海苔の存在意義と美味しい食べ方
ローソンのPBパッケージの視認性が話題になる中、セブンイレブンは「オシャレをぶん殴る」主張が激しいフォントで真逆を行っていた