並び順

ブックマーク数

期間指定

  • から
  • まで

201 - 240 件 / 1683件

新着順 人気順

firefoxの検索結果201 - 240 件 / 1683件

  • VSCodeをドキュメント作成に活用――テキストエディタ、Markdownエディタの設定と拡張機能を解説

    本連載では、VSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。VSCodeは、プログラミング以外の用途にも使えます。第10回では、VSCodeをドキュメント作成のためのテキストエディタ、Markdownエディタとして使う方法を紹介します。 はじめに Microsoftの提供するVisual Studio Code(VSCode)は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させたり、利用の領域を拡げたりできることも大きいでしょう。 本連載では、このVSCodeにフォーカスし、基本

      VSCodeをドキュメント作成に活用――テキストエディタ、Markdownエディタの設定と拡張機能を解説
    • Googleで深まる労使対立 優秀な人材が集う企業であり続けられるか

      米Googleと一部の従業員の対立が激化しています。オープンな社風と「Don't be evil」(邪悪になるな)のモットーで知られる企業でも、従業員数が10万人を超え、巨大化してひずみが目に見えるようになってきているのでしょうか。 最新の動きは、11月26日に4人の従業員が解雇されたことです。この4人はそれぞれ、企業の姿勢を疑問視する活動をしていました。昨年11月から活動している従業員グループ「Google Walkout」は、「GoogleはCode of Conductで『(Googleが)間違っていると思うものを見つけたら、声を上げよう』とうたっているのに、それを実行した従業員に報復した」と抗議しています(Mediumより)。

        Googleで深まる労使対立 優秀な人材が集う企業であり続けられるか
      • 朗報! CSSの:has()疑似クラスがすべてのブラウザにサポートされました、:has()疑似クラスの便利な使い方のまとめ

        CSSの:has()疑似クラスは便利そうだけどブラウザのサポートがまだ、と見送っていた人に朗報です。12/19にリリースされたFirefox 121(リリース情報)でサポートされ、これで:has()疑似クラスがすべてのブラウザにサポートされました。 そんな:has()疑似クラスの便利な使い方を紹介します。 :has()疑似クラスのサポート状況 ※まだFirefox 121の分がアップデートされていないようです。 Chrome, Edgeは105から、Safariは15.4からサポートされているので、来年は:has()疑似クラスを使用する機会も増えるでしょう。 また、12/20にアップデートされたTailwind CSS v3.4(リリース情報)でも:has()疑似クラスがサポートされました。 :has()疑似クラスの基礎知識 CSSの:has()疑似クラスとは、指定した要素がある場合にのみ

          朗報! CSSの:has()疑似クラスがすべてのブラウザにサポートされました、:has()疑似クラスの便利な使い方のまとめ
        • ブラウザ内にOSを起動して膨大なブックマークをGUIで管理できる「VisiOS」レビュー、ブラウザ内でアプリ開発や文書編集も可能で超多機能

          ニュースサイトやブログ、SNS、動画配信サービスなど大量のウェブサイトを巡回するために膨大なブックマークを管理している人は多いはず。ブックマーク数が数十個のうちはブラウザ標準のブックマークマネージャーで問題なく管理できますが、ブックマーク数が数百個に到達すると「○○についての情報を得られるサイトをブックマークしたはずだけど見つけられない」という事態が発生しがちです。プログラマーのExis氏が開発したブラウザ拡張機能「VisiOS」を使えば、ブラウザ内にWindowsやmacOSのデスクトップのような画面を表示してファイルをフォルダーでまとめるような操作感でブックマークを管理することが可能とのこと。さらにVisiOSには「YouTubeプレイリストを作成」「文書ファイルを編集」「ペイントアプリやゲームアプリを追加インストール」など多種多様な機能が搭載されているとのことなので、VisiOSを用

            ブラウザ内にOSを起動して膨大なブックマークをGUIで管理できる「VisiOS」レビュー、ブラウザ内でアプリ開発や文書編集も可能で超多機能
          • vscodeで使ってる拡張機能 - yuiseki

            #Visual_Studio_Code 各言語への対応 C/C++ C# Cython Go Markdown Preview Enchanced PlantUML PowerShell Python Ruby SVG Previewer YAML アルファベット順 名前: Better Comments オススメ度:★★★☆☆ TODO: ... みたいなコメントに色がつく VS Marketp

              vscodeで使ってる拡張機能 - yuiseki
            • 「雑に立てられるissue」で疲弊しないためにOSS開発者ができること - 2021-12-04 - ククログ

              要約:OSS開発プロジェクト運営者の側でとれる対策はいくつかあるよ。issueは基準を設けてどんどん閉じてしまおう。GitHubならActionsで自動化も簡単だよ。自動テストを整備するように、必要なコストだと思って割り切るといいよ。 結城です。 GitHub Actionsに関することならなんでもありらしいアドベントカレンダーとのことでしたので、ほんのちょっとかすっているだけではありますが、4日目にエントリーさせて頂きます。 「軽率に寄せられる報告や要望がOSS開発者を疲弊させる」という問題について語るOSS開発者は少なくないです。私の観測範囲内では最近も、イシュートラッカーにissueを立てようとすること自体に待ったをかける記事1や、「要望には初手で『なぜ自分で実装しない?』と訊ね、次に『継続的にメンテナンスしてくれるの?』と訊ねるドライな対応がおすすめ」という趣旨に受け取れる発言など

                「雑に立てられるissue」で疲弊しないためにOSS開発者ができること - 2021-12-04 - ククログ
              • Mozilla、今後はV8の正規表現エンジンをFirefoxにそのまま取り込むと表明。そのための互換レイヤを開発

                Mozilla、今後はV8の正規表現エンジンをFirefoxにそのまま取り込むと表明。そのための互換レイヤを開発 WebブラウザにはJavaScriptを実行するためのJavaScriptエンジンが搭載されています。それはChromeであれば「V8」、Firefoxであれば「SpiderMonkey」と呼ばれ、それぞれのWebブラウザベンダがECMAScriptの標準に準拠したうえで独自に実装しています。 そしてJavaScriptは以前から正規表現の機能を備えているため、正規表現を解釈し展開するための正規表現エンジンもそれぞれのWebブラウザベンダが実装を行っていました。 その正規表現エンジンについてMozillaは今後、V8の正規表現エンジンのコードをそのままFirefoxのSpiderMonkeyに取り込むようにすると表明しました。 Mozillaはこれを実現するため、V8用の正規表

                  Mozilla、今後はV8の正規表現エンジンをFirefoxにそのまま取り込むと表明。そのための互換レイヤを開発
                • Internet Explorer 11サポート終了ならびにMicrosoft Edge更新についてのお知らせ - はてなブックマーク開発ブログ

                  いつもはてなブックマークをご利用いただき、ありがとうございます。 このたび2020年8月13日を持ちまして、Internet Explorer 11(以下IE11)のサポートを終了しました。対象のブラウザをお使いの場合は、今後は正常に動作しない可能性があります。お手数ですがはてなブックマークの推奨ブラウザからのご利用を検討くださいますようお願いいたします。 サポート終了対象のブラウザをご利用の皆様へ IE11ならびに旧バージョンのMicrosoft Edge(以下Edgeレガシ)をご利用の皆様には、恐れ入りますが新しいMicrosoft EdgeやGoogle Chrome、Mozilla Firefoxなど、はてなブックマークの推奨ブラウザでのご利用をお願いいたします。新しいMicrosoft Edgeは、以下の公式サイトからダウンロードすることができます。 www.microsoft.

                    Internet Explorer 11サポート終了ならびにMicrosoft Edge更新についてのお知らせ - はてなブックマーク開発ブログ
                  • Webエンジニアはみんな Mozilla に寄付をしよう

                    ここからできる → https://donate.mozilla.org/ja/ Chromium 系使っててもいいから Mozilla に寄付をするといいと思う。Web Developer なら MDN にもお世話になっているはずで、もちろん Firefox の存在は Web の健全性に多大な寄与をしている。Web 標準とかを追っている人なら分かるはず。 とにかく寄付をしよう。月額 230 円からできる。俺は月 560 円

                      Webエンジニアはみんな Mozilla に寄付をしよう
                    • GitHub - ttrace/vscode-language-japanese-novel: Visual Studio Code で小説を執筆する時に使う言語拡張です。

                      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                        GitHub - ttrace/vscode-language-japanese-novel: Visual Studio Code で小説を執筆する時に使う言語拡張です。
                      • Webページの特定のテキストにリンクを張れるChrome拡張機能、Googleが公開

                        米Googleは6月17日(現地時間)、Chrome拡張機能「Link to Text Fragment」をChrome Web Storeで公開した。Webページ上の特定のテキストへのURLを生成できる。 拡張機能をインストールしたら、リンクしたいテキスト部分を選択し、右クリックで表示されるメニューで「Copy link to Selected Text」を選ぶ。 これでURLが生成されるので、後はメールなりメッセンジャーなりにペーストするだけだ。例えば記事の途中などにもリンクできる。リンクをクリックすると、リンク先として選ばれた部分が黄色く表示される。 長い論文で参照したい部分の覚え書きにも使えそうだ。 筆者の環境では、Chromium版Edgeでも使えることが確認できた。 関連記事 「Chrome 83」の安定版公開 タブのグループ化、Cookie設定や安全性チェック、拡張機能管理の

                          Webページの特定のテキストにリンクを張れるChrome拡張機能、Googleが公開
                        • 「Firefox」興亡史:一時代を築いたブラウザーの歴史と衰退

                          Netscapeと米司法省は、Microsoftの「Windows」と「Internet Explorer(IE)」が独占禁止法に違反していると訴えた裁判では勝利したが、Netscapeは結局救われなかった。かつては最も人気のあるブラウザーであったNetscapeの運命は尽きた。同社の初期の従業員だったJamie Zawinski氏は当時、コードの公開に関して、「瀕死のプロジェクトに『オープンソース』という魔法の粉をかけたところで、魔法のようにうまくいくようなことはない」と語っている。 それでもNetscapeのコードが公開されたことは事実であり、Mozilla Projectは、そのソースコードを元に、インターネットのさまざまなアプリケーションに利用できる汎用クライアントを作った。また2002年には、そのクライアントが純粋なウェブブラウザーである「Firefox」に生まれ変わった。この年

                            「Firefox」興亡史:一時代を築いたブラウザーの歴史と衰退
                          • 技術系の情報をググるときにStack Overflowの機械翻訳サイトを回避する技術 - ムニエルブログ

                            近年、技術系の情報をググると検索結果にStack Overflowの機械翻訳サイトが表示されることが多くなってきました。1 ひどいときには、オリジナルのページよりも上位に表示されていることさえあります。 Googleの検索結果の精度は年々悪化の一途をたどっているように思いますが、そういった状況の中で僕が取っている自衛手段をご紹介します。 uBlacklistで検索結果から除外 uBlacklistは、正規表現やマッチパターンで指定した任意のウェブサイトをGoogleの検索結果から除外するためのChrome拡張です。 自分でフィルタを書くこともできますが、ありがたいことにStack Overflowの機械翻訳サイトの除外用フィルタを公開している人がいるので、そちらを購読しています。 2020年7月31日現在のフィルタのURLは、以下の通りです。 https://raw.githubuserc

                              技術系の情報をググるときにStack Overflowの機械翻訳サイトを回避する技術 - ムニエルブログ
                            • Web Application開発に10080番ポートは使ってはいけない

                              要約 現在最新のGoogle Chormeで10080番ポートが使用できなくなった Firefoxではすでにブロック済み NAT Slipstreaming v2攻撃への対応のため ブラウザからアクセスするサーバを建てる場合は10080以外のポートにするべき 回避方法は一応ある Chrome 91以降は10080番ポートがブロックされる Google Chormeの91 (2021/05/25 リリース)から10080番ポートへのサーバに接続できなくなります。 例えば Google Chrome 90だと以下のように10080番のポートを受け付けるサーバにアクセスできますが、91以降だとアクセスできなくなります % python -m http.server 10080 Serving HTTP on 0.0.0.0 port 10080 (http://0.0.0.0:10080/) .

                                Web Application開発に10080番ポートは使ってはいけない
                              • 最高のマスターデータ管理手法考察 & VSCode Extension を活用した話 / developing masterdata management tool by using vscode extension

                                GeekGig 『スタディサプリ x Showcase Gig』 〜フロントエンドを楽しむ〜 Links: p.6 [Deep Environment Parity CDNT 2019 - Speaker Deck](https://speakerdeck.com/spring_mt/deep-…

                                  最高のマスターデータ管理手法考察 & VSCode Extension を活用した話 / developing masterdata management tool by using vscode extension
                                • 今見ているファイル内をSearchしやすくするVSCode拡張を作りました - $shibayu36->blog;

                                  今見ているファイル内をSearchしやすくする「Search in Current File」というVSCode拡張を作ったので紹介です。 https://github.com/shibayu36/vscode-search-in-current-file https://marketplace.visualstudio.com/items?itemName=shibayu36.search-in-current-file 背景 Emacsにはhelm-occurという拡張があって、インクリメンタルサーチからスムーズにファイル内の検索結果一覧を見れる拡張がある。これが現在のファイルを探索するのに非常に便利で愛用していた。 VSCodeでも同じようなことが出来ないかなと思ったので、勉強がてら拡張を作ることにした。 使い方 Search in Current File - Visual Stu

                                    今見ているファイル内をSearchしやすくするVSCode拡張を作りました - $shibayu36->blog;
                                  • ハッキング大会で「Firefox」が致命的脆弱性の合わせ技で陥落、開発チームが即座に修正/「Firefox 100.0.2」「Firefox ESR 91.9.1」「Thunderbird 91.9.1」などへの更新を

                                      ハッキング大会で「Firefox」が致命的脆弱性の合わせ技で陥落、開発チームが即座に修正/「Firefox 100.0.2」「Firefox ESR 91.9.1」「Thunderbird 91.9.1」などへの更新を
                                    • vscode.dev Visual Studio Code for the Web

                                      Version 1.93 is now available! Read about the new features and fixes from August. vscode.dev(!) October 20, 2021 by Chris Dias, @chrisdias Back in 2019, when the .dev top-level domain opened, we picked up vscode.dev and quickly parked it, pointing at our website code.visualstudio.com (or, if you are from the Boston area like me, we "pahked it"). Like a lot of people who buy a .dev domain, we had n

                                        vscode.dev Visual Studio Code for the Web
                                      • ついにこの日が…BackSpaceキーによる「戻る」操作、メジャーブラウザーから完全消滅【やじうまWatch】

                                          ついにこの日が…BackSpaceキーによる「戻る」操作、メジャーブラウザーから完全消滅【やじうまWatch】
                                        • ウェブブラウザ・Braveが非難されまくっているGoogleの「Web Environment Integrity」を無効化してリリースすることを発表

                                          Googleが「健全なインターネット」のために策定を進めている「Web Environment Integrity(WEI)」に対して反対を表明している、ウェブブラウザ・Braveが、WEIを無効化する方針であることを明らかにしました。 Disables WebEnvironmentIntegrity feature and origin trials. by mkarolin · Pull Request #19476 · brave/brave-core · GitHub https://github.com/brave/brave-core/pull/19476 Google’s Plan To DRM The Web Goes Against Everything Google Once Stood For | Techdirt https://www.techdirt.com/2

                                            ウェブブラウザ・Braveが非難されまくっているGoogleの「Web Environment Integrity」を無効化してリリースすることを発表
                                          • Mac版Safariではてなブックマーク拡張を使う

                                            経緯Chrome/Firefoxのはてブ機能拡張は配布されているが、Mac版Safariの機能拡張は数年前から配布されていない。 Safariに乗り換える際の個人的な障壁であったが、Chrome版機能拡張をSafari向けに変換して利用する事ができたので、メモ代わりに記しておく。 必要なものmacOS Big Sur以降XCodeはてブ拡張をインストール済のChrome インストール手順1. Chromeのアドレスバーに「chrome://extensions/」と打ち込み、機能拡張の画面を表示する。 2. 同画面右上の「デベロッパー モード」をONにする。 3. 同画面内の「はてなブックマーク」の欄に表示されている「ID:xxxxxx」を次手順で使用する。 4. FinderでChromeのはてブ機能拡張がインストールされているフォルダが存在する事を確認する。 /Users/(ユーザー名

                                              Mac版Safariではてなブックマーク拡張を使う
                                            • フロントエンド刷新のために DevTools を作って開発を捗らせる - Cybozu Inside Out | サイボウズエンジニアのブログ

                                              こんにちは、フロントエンドエキスパートチームの麦島(@mugi_uno)です! 2021年5月に新しくメンバーとして加わり、富山からフルリモートで働いています。 最近はチームメンバーに誕生日を祝ってもらって嬉しかったです🎉 さて、以前に "kintoneのフロントエンド刷新に向けた取り組み"*1 というエントリでもご紹介しましたが、現在サイボウズ社内では kintone で利用するフロントエンドの技術スタックを刷新する取り組みを進めています。 その一環として、 "Closure Tools DevTools" という Google Chrome 向け拡張機能を作成しました。 作成した DevTools は kintone に限らず利用することができるため、Chrome ウェブストアで公開しています。 chrome.google.com ソースコードも次のリポジトリでご確認いただけます。

                                                フロントエンド刷新のために DevTools を作って開発を捗らせる - Cybozu Inside Out | サイボウズエンジニアのブログ
                                              • 「Firefox」で突如Webサイトが開けなくなる現象が発生中【19:30更新】 - 窓の杜

                                                  「Firefox」で突如Webサイトが開けなくなる現象が発生中【19:30更新】 - 窓の杜
                                                • User Agent文字列を使ったブラウザ判定の事例 2022年版 - yigarashiのブログ

                                                  やむを得ず、User Agent文字列を使って特定のブラウザ向けにJavaScriptの処理を分岐する必要が生まれてしまったので、調査・検討のログを記事にまとめます。 基本的にはバッドプラクティスである ユーザーエージェント文字列を用いたブラウザーの判定 - HTTP | MDN まずはMDNがドキュメントを公開しているので読みましょう。要点は以下です。 基本的にUser Agent文字列に基づいて処理を出し分けるのはバッドプラクティス 多くのケースではUser Agent文字列を使うよりも良い手段がある 例えば特定の機能の実装状況に基づく分岐を行いたければそれを直接検出する それでもやむを得ない場合、User Agent文字列からブラウザ名、レンダリングエンジン、バージョン、OS、端末といった情報を取得することができる ただし各ブラウザのUser Agent文字列は嘘をついていることもあ

                                                    User Agent文字列を使ったブラウザ判定の事例 2022年版 - yigarashiのブログ
                                                  • Webブラウザの拡張機能を標準化へ、Apple、Google、Mozilla、マイクロソフトらがW3C WebExtensions Community発足

                                                    W3Cは、Apple、Google、Mozilla、マイクロソフトらがWebブラウザの拡張機能の標準化や仕様改善のためのグループ「WebExtensions Community Group」を発足させたことを発表しました。 #w3ccommunity Forming the WebExtensions Community Group https://t.co/WrPPsRt23M — W3C (@w3c) June 4, 2021 WebExtensions Community Groupは、「ブラウザ拡張機能に関する共通のビジョンを持ち、将来の標準化に向けて活動する」ことを目的としています。 そのなかでも特に、開発者が拡張機能を簡単に作成できるように一貫性のあるモデルと共通化された機能やAPIなどの策定、および高性能かつ高セキュリティなアーキテクチャのアウトラインを示すことに注力するとし

                                                      Webブラウザの拡張機能を標準化へ、Apple、Google、Mozilla、マイクロソフトらがW3C WebExtensions Community発足
                                                    • 「Firefox」が「IE 11」と誤認されてしまう悲劇発生……開発チームが対応に追われる/期間限定でUA文字列が「凍結」【やじうまの杜】

                                                        「Firefox」が「IE 11」と誤認されてしまう悲劇発生……開発チームが対応に追われる/期間限定でUA文字列が「凍結」【やじうまの杜】
                                                      • 新規タブリンクの恐ろしい仕様、Chrome 88で変更へ ~Safari/Firefoxに合わせた安全な仕様に/“rel=noopener”を付け忘れても大丈夫【やじうまの杜】

                                                          新規タブリンクの恐ろしい仕様、Chrome 88で変更へ ~Safari/Firefoxに合わせた安全な仕様に/“rel=noopener”を付け忘れても大丈夫【やじうまの杜】
                                                        • In 2024, please switch to Firefox

                                                          This December, if there’s one tech New Year’s resolution I’d encourage you to have, it’s switching to the only remaining ethical web browser, Firefox. According to recent posts on social media, Firefox’s market share is slipping. We should not let that happen. There are two main reasons why switching is important. “Red Panda” by Mathias Appel is marked with CC0 1.0. 1. Privacy Firefox is the only

                                                            In 2024, please switch to Firefox
                                                          • 「Twitterの無駄機能を全部殺せる」で話題のブラウザ拡張「Tweak New Twitter」が日本語対応

                                                            TwitterのUI・UXをカスタマイズできるPC向けブラウザ拡張「Tweak New Twitter」が、1月24日のアップデートで日本語に対応した。各種設定を日本語のメニューから変更できるようになった。 Tweak New Twitterは、ChromeやFirefox、Microsoft EdgeなどのPCブラウザで使える拡張機能だ。イーロン・マスク氏のCEO就任以降、TwitterのUX変更や機能追加が相次ぐ中、「無駄機能を全部殺せる」などと話題になった。 例えばユーザーごとに最適化された独自のタイムライン「おすすめ」を消し、フォローしている人の投稿だけを表示するといった変更を加えられる。ツイートの閲覧数を見えないようにしたり、有料プラン「Twitter Blue」加入者のアカウントについている青バッジを別のマークに置き換えたりもできる。 関連記事 「Twitterの無駄機能を全部

                                                              「Twitterの無駄機能を全部殺せる」で話題のブラウザ拡張「Tweak New Twitter」が日本語対応
                                                            • Firefoxの利用者から「突然ネットにつながらなくなった」報告が殺到 影響範囲は世界中か

                                                              Webブラウザ「Firefox」の利用者から「突然重くなりネットにつながらなくなった」という声がSNS上で上がっている。これらの報告は、13日午後4時50分ごろから世界中で投稿されており、日本国内でも同様の投稿が相次いだ。 一部の利用者からは「PCを再起動したら復活した」などの声も見られるが「再起動しても直らない」や「Mac版は起動したが、Windows版が起動しない」「そもそも普通につながるけど」などの意見もあり、午後5時45分時点でTwitterでは「Firefox」がトレンド入りした。 関連記事 Apple、Google、Microsoft、MozillaがWebブラウザ拡張機能改善グループ結成 Apple(Safari)、Google(Chrome)、Microsoft(Edge)、Mozilla(Firefox)が拡張機能改善のためのコミュニティグループを結成した。WECGは「拡

                                                                Firefoxの利用者から「突然ネットにつながらなくなった」報告が殺到 影響範囲は世界中か
                                                              • Firefoxユーザー必見! ブラウジングを快適化するアドオン10選 | ライフハッカー・ジャパン

                                                                モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】

                                                                  Firefoxユーザー必見! ブラウジングを快適化するアドオン10選 | ライフハッカー・ジャパン
                                                                • 無料でページを保存&完全オフラインで動作&ユーザー登録不要のChrome・Firefox・Edge拡張「TagSpaces Web Clipper」

                                                                  ファイルにタグをつけて管理できるオープンソースのファイル管理ソフトが「TagSpaces」です。このTagSpacesのブラウザ拡張機能「TagSpaces Web Clipper」を使えば、ウェブページをタグ付けでローカルに保存でき、TagSpacesと併用することで保存したページの内容を強調表示したり、テキストを追加したりと、簡単に編集することが可能になります。 TagSpaces Web Clipper - Chrome ウェブストア https://chrome.google.com/webstore/detail/tagspaces-web-clipper/ldalmgifdlgpiiadeccbcjojljeanhjk TagSpaces Web Clipper – Get this Extension for ???? Firefox (en-US) https://addo

                                                                    無料でページを保存&完全オフラインで動作&ユーザー登録不要のChrome・Firefox・Edge拡張「TagSpaces Web Clipper」
                                                                  • CSSのsubgridがすべてのブラウザにサポートされたので、カード内の見出しやテキストを簡単に揃えることができます

                                                                    先日の記事(Chrome 117でサポートされたCSSの6つの新しい機能とプロパティ)で触れましたがCCSS Gridのsubgrid値が、grid-template-columnsとgrid-template-rowsの2つで設定できるようになりました。Safari, Firefoxではすでにサポートされていたので、これで主要ブラウザのすべてで利用できます。 CSSのサブグリッド(subgrid)を使用すると、下記のように子要素(画像・見出し・テキスト)の水平グリッドも簡単に揃えることができます。 CSSのサブグリッド(subgrid)で子要素のグリッドを揃える CSSのサブグリッド(subgrid)のサポートブラウザ デモページの解説 CSSのサブグリッド(subgrid)で子要素のグリッドを揃える 3つのカードがあり、それぞれに画像・見出し・テキストがあります。subgrid以前は、

                                                                      CSSのsubgridがすべてのブラウザにサポートされたので、カード内の見出しやテキストを簡単に揃えることができます
                                                                    • かんたん!VS Code拡張機能開発 | DevelopersIO

                                                                      こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、VS Code拡張機能(Extension)の開発手順について簡潔にまとめたのでご紹介します。 前回のエントリでもVS Code拡張を作成しました。既存ブログなどを見ながら四苦八苦して実装したのですが、手順自体は意外と簡単でした。 手順概要 VS Code拡張機能を開発する手順は以下のようになります。 プロジェクト作成(yoコマンドで1発) コマンド内容を実装(JS/TSで処理を記述) コマンドの呼び出され方を定義(package.jsonを編集) 動作確認(VS Codeのデバッガーを使用) VS Codeで拡張機能として利用可能にする(vsixファイルに変換してインポート) なお、ここで紹介するのは自分で開発して自分で使うExtensionを作る想定の手順です。マーケットプレイスへの公開手順は紹介しません。(ただし公開手順も難

                                                                        かんたん!VS Code拡張機能開発 | DevelopersIO
                                                                      • TabFS

                                                                        Going through the files inside a tab's folder. For example, the url.txt, text.txt, and title.txt files tell me those live properties of this tab (Read more up-to-date documentation for all of TabFS's files here.) This gives you a ton of power, because now you can apply all the existing tools on your computer that already know how to deal with files -- terminal commands, scripting languages, point-

                                                                          TabFS
                                                                        • セガサターンのマルコンをUSB化する拡張ユニットを作りました - GEEKY Fab

                                                                          セガサターンのマルチコントローラー(マルコン)をUSB化するための拡張ユニットを作りました。 マルコンの標準ユニットと付け替えることで、マルコンがUSBゲームパッド化するっていうイカしたやつです。 セガが「拡張ユニット発売予定」と言ってから20年以上の時を経て、やっと現実のものとなりました。 マルコンの説明書に拡張ユニット発売するって書いてた 出典: https://segaretro.org/images/9/9e/MultiControllerSaturnJPManual.pdf 作ったもの なんで作ったか こんな感じの仕様にします マルコンの信号仕様調査 ハードウェア編 回路図を書いてみる 基板図を書いてみる 基板を製造します 部品を実装してみる シェルも作ることにする 回路と基板を設計しなおす シェルと基板を組み合わせる ソフトウェア編 プログラムを書く 動かしてみる 最後に 作っ

                                                                            セガサターンのマルコンをUSB化する拡張ユニットを作りました - GEEKY Fab
                                                                          • コードの視認性アップ!? VS Code 拡張機能「Bracket Lens」で閉じ括弧のスコープを見える化しよう | DevelopersIO

                                                                            はじめに 前回書いた VS Code 拡張機能「vscode-random」紹介記事がビックリするほどバズったので、今回もまた拡張機能の紹介します✌ 今回紹介するのは10/21にリリースされたばかりの拡張機能の「Bracket Lens」です。v1.0.0 の出来立てほやほや拡張機能です。 https://marketplace.visualstudio.com/items?itemName=wraith13.bracket-lens 機能説明 ざっくり機能説明しますとタイトル通り「閉じ括弧のスコープを表示してくれる拡張機能」です。 下記のスクリーンショット(GitHub リポジトリより引用)の四角で囲まれた部分の閉じ括弧の後ろに、開始行の情報が付与されているのがお分かりいただけると思います。 これによりネストの深くなってしまい、コード後半が閉じ括弧まみれになってしまっても、スコープが見え

                                                                              コードの視認性アップ!? VS Code 拡張機能「Bracket Lens」で閉じ括弧のスコープを見える化しよう | DevelopersIO
                                                                            • フロントエンド開発する人が入れているもの(拡張、プラグイン、アプリ、設定など...)

                                                                              タイトル通りです。 自分が入れてるものを記載していきますが、誰でも投稿できるのでオススメの提供もお待ちしてます! 私はApple SiliconのMac miniに設定をします。 個人的な好みが入ってしまっている & ご存知のものも多そうですが、思いついたものを遠慮なく挙げてみます! 開発系 Postman:Web APIのテストにときどき使いますね… Table Plus:最近人気が出てきてそうなSQLクライアント。このあたりは好みによって異なると思いますが、見やすくて個人的に気に入っています。MySQLとPostgreSQLの両方に対応。 その他 clipy:コピペの履歴を取っておいて⌘ + shift + Vで楽に呼び出せて捗ります。 Whimsical:ちょっとした図を書くときに便利です。ブラウザ上でも使えるのですが、デスクトップアプリとして入れておくと開きやすくていい感じ。 Be

                                                                                フロントエンド開発する人が入れているもの(拡張、プラグイン、アプリ、設定など...)
                                                                              • 無料でウェブページのパフォーマンスを一発可視化できるツール「Firefox Profiler」レビュー

                                                                                Firefoxにはウェブ開発者向けの開発ツールが搭載されています。この開発ツールにウェブサイトのパフォーマンスを可視化できる分析ツール「Firefox Profiler」が追加されていたので、実際に使ってみました。 Performance Tool in Firefox DevTools Reloaded - Mozilla Hacks - the Web developer blog https://hacks.mozilla.org/2022/03/performance-tool-in-firefox-devtools-reloaded/ Firefox Profilerを使うには、分析対象ウェブページを開いた状態でキーボードの「Shift」と「F5」を同時押しして、現れたメニューから「記録を開始」をクリックします。 記録を開始したら、ウェブページを更新したりウェブページ内の要素をク

                                                                                  無料でウェブページのパフォーマンスを一発可視化できるツール「Firefox Profiler」レビュー
                                                                                • Content-Disposition の filename という地雷。 (1個の観点で17個の脆弱性を見つけた話) - ぶるーたるごぶりん

                                                                                  English ver: https://gist.github.com/motoyasu-saburi/1b19ef18e96776fe90ba1b9f910fa714#file-lack_escape_content-disposition_filename-md TL;DR 1つのブラウザ、1つのプログラミング言語、15個の { Web Framework, HTTP Client ライブラリ, Email ライブラリ / Web Service 等} で脆弱性を見つけました。 見つけた脆弱性は、全て 1つの観点で発見した (多分 50-80 くらいのプロダクトの調査をした)。 RFC の記載では、(かなりわかりにくく)この問題に対する要件が記載されており、WHATWG > HTML Spec の方はしっかりと書かれているといった状況にある。 この問題は、 Content-Dispo

                                                                                    Content-Disposition の filename という地雷。 (1個の観点で17個の脆弱性を見つけた話) - ぶるーたるごぶりん

                                                                                  新着記事