【2024年夏】ブラウザ拡張機能開発を加速するフレームワーク・ツール3選をコードベース付きで紹介！
本記事では、ブラウザ拡張機能開発を加速させる、個人的に注目な3つの拡張機能開発フレームワーク・ツール（WXT、Plasmo、Extension.js）を紹介します。 サンプル拡張機能の実装を通して、それぞれの特徴、セットアップ方法、実際の開発フローを見ていきます。お好みの拡張機能開発ツールが見つかれば嬉しいです。 各フレームワーク・ツールの紹介 WXT WXTは、Viteベースのブラウザ拡張フレームワークです。次のような特徴を持っています（トップページから抜粋）。 クロスブラウザ対応 Chrome、Firefox、Edge、Safari、その他Chromiumベースのブラウザ Manifest V2、V3の両方に対応 開発モードでのHMRと、開発用ブラウザの自動起動 内部的にChrome Launcher等を使用 ファイルベースのエントリーポイントでマニフェストを自動生成 Nuxt風の自動
Java 22新機能まとめ - Qiita
Java 22が2024/3/19にリリースされました。 https://mail.openjdk.org/pipermail/jdk-dev/2024-March/008827.html The Arrival of Java 22! LTSではなく正式採用された機能も少ないですが、Gathererは出番も多そうなAPIなのでチェックしておきましょう。 また、非互換性として、Javaソースの直接実行でパッケージとディレクトリの対応が厳しくなっているので注意が必要です。 JDKをインストールせずに言語やライブラリの新機能を試したい場合にはJava Playgroundが便利です。 https://dev.java/playground/ Samplesに新機能のサンプルがあります。 資料 詳細はこちら JDK 22 Release Notes Java SE 22 Platform JSR
.NET 9で登場予定のLINQのメソッド - Qiita
参考 この記事は、以下の動画を参考にしています。詳しくは、動画をご覧ください。 以下の記事にも、同じメソッドについての言及があります。 CountBy 引数で指定したselectorが戻すキーの値ごとに、要素数を数える。 戻り値は、キーと要素数のペアのコレクション。 従来なら、GroupBy, Select, Countを組み合わせて書いていたところ。 // .NET 8 var oldResult = items.GroupBy(x => x.Key).Select(g => (g.Key, g.Count()); // .NET 9 var newResult = items.CountBy(x => x.Key);
例外処理におけるfinally（ensure）は意味ない……なんて思ったら大間違い - Qiita
はじめに この記事では各言語でよく使われる「例外処理」におけるfinally（Rubyではensure）という構文の使い方と必要性について説明します。 例外処理に関しては殆どの言語で通用する話なので、今回はどの特定の言語の話でもなく、できるだけ一般的に語るつもりですが、説明するためのサンプルコードはDart、Python、Rubyで表示することにします。 各言語の例外処理 色んな言語には「例外処理」という構文があります。その中で殆どは「try catch finally throw」と表記しますが、PythonとRubyなど違う表記が使われます。 各言語の例外処理の表記を纏めてみるとこのようになります。 言語 最初に実行 例外があれば実行 最後に絶対実行 例外を引き起こす C#
【JavaScript】ES2024の新機能まとめ - Qiita
ES2024 / ES2023 / ES2022 / ES2021 JavaScriptの仕様は、TC39というところで決められています。 ブラウザベンダや関係者が定期的に会合を行い、様々な新機能について話し合ってどのようにするかを決めています。 ちなみに2023年9月のミーティングは東京で行われました。 ここでは2023年にFinishedになった、すなわち仕様が確定して複数のブラウザで実装がなされたproposalについて紹介してみます。 つまり、主要ブラウザでは既に使用可能です。 なお、2023年2月から2024年1月までにFinishedになったproposalがES2024と呼ばれるみたいです。 ずれているせいでややこしいですね。 年と一致させてくれ。 Finished Proposals Promise.withResolvers Promiseを外からresolve/reje
JavaScriptの組み込みAPIのIntlが凄いので紹介してみた。
はじめに 明けましておめでとうございます。 (一週間遅れ) この記事はJavaScriptの組み込みAPI Intl の紹介と解説です。 Intl とは？ MDN から引用すると Intl オブジェクトは、 ECMAScript の国際化 API の名前空間で、言語に依存した文字列の比較、数値の書式化と、日付の書式化を提供します。 Intl オブジェクトは、いくつかのコンストラクターに加え、国際化コンストラクターや他の言語に関する関数に共通する機能へのアクセスを提供します 用はi18nの書式版です。 例を出すより見たほうが早いので実際に機能解説します。 (先に言っておきますが、実はこれバックエンド無しで自然言語処理が出来る優れものです。) 用語解説 localesって何？そもそもnewって何？って人がいるかもしれないので locales https://developer.mozilla.
【11万文字越え】プログラミング初心者に贈る即戦力ガイド - Qiita
弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 目次 1.はじめに 2.VSCodeの拡張機能紹介 3.コーディングのポイント 4.よく使われる英単語一覧 5.エラーとの向き合い方 6.テストで動作確認 7.検索の極意 8.公式ドキュメントに慣れる 9.リファクタリングでさらに読みやすく 10.資料作成で気をつけること 11.Gitで管理 12.よく使うLinuxコマンド一覧 13.仕事の進め方 14.プログラム以外で意識するところ 15.初心者こそ読んで欲しい本 16.まとめ 1. はじめに プログラミングは現代のデジタル社会において重要なスキルです。 AIがコードを書いてくれる時代ですが、それでも人の手によるプログラ
イマドキJavaScriptの機能・書き方まとめ【ES2015バージョンアップなど】 | アントレプレナー
イマドキJavaScriptの機能や書き方とは？ 最近のJavaScriptの使い方とは？ 本記事ではこのような疑問を解決します。 Web開発になくてはならないプログラミング言語がJavaScriptです。 そんなJavaScriptは、2015年に発表されたECMAScript（JavaScriptの母体規格）の大幅なバージョンアップによって機能や書き方などが更なる進化を遂げました。 この2015年がJavaScriptの大きな転換期となり、今に至るまで毎年バージョンアップが重ねられています。 そして、現在のWeb開発で使われるJavaScriptの機能や書き方は、”イマドキJavaScript”や”モダンJavaScript”とよく呼ばれます。 そこで今回はイマドキJavaScriptの機能や書き方についてご紹介します。 変数宣言（letとconst） JavaScriptの変数宣言に
C# 12 新機能メモ - Qiita
C# 12 新機能メモ .NET 8 (C# 12) が現地時間 2023/11/14 に正式リリースされました。 C# 12 の新機能について、気になったものを備忘録として簡単に纏めます。 プライマリコンストラクタ 通常のクラスおよび構造体に対して、プライマリコンストラクタが追加されました。 これにより、コンストラクタを以下の様に記述できるようになりました。 // 通常のコンストラクタ（C# 11 以前の書き方） internal class Person1 { public string Name { get; } public int Age { get; } public Person1(string name, int age) { this.Name = name; this.Age = age; } } // プライマリコンストラクタ（C# 12 以降の書き方） intern
.NET 8でLINQに追加されたメソッド - Qiita
List<Skill> skills = [ new Skill( Id: 0, Name: "ファイアー" ), new Skill( Id: 1, Name: "エルファイアー" ), new Skill( Id: 2, Name: "サンダー" ), new Skill( Id: 3, Name: "サンダーストーム" ), new Skill( Id: 4, Name: "エイルカリバー" ) ]; var skillNameDictionary = skills.ToDictionary(it => it.Id, it => it.Name); Console.WriteLine(skillNameDictionary[0]); // ファイアー Console.WriteLine(skillNameDictionary[1]); // エルファイアー .NET 7までは、次の4
VSCodeでC#開発環境を充実させる「C# Dev Kit」正式リリース、ソリューションエクスプローラーやIntelliCodeなど提供
VSCodeでC#開発環境を充実させる「C# Dev Kit」正式リリース、ソリューションエクスプローラーやIntelliCodeなど提供 C# Dev Kitは以下のような機能を主に提供します。 ソリューションエクスプローラビュー VSCodeの既存のワークスペースのビューと連動するソリューションエクスプローラビューを追加することで、プロジェクトの一元管理が容易になります。テンプレートを介して新しいプロジェクトやファイルをソリューションにすばやく追加できるようになり、ソリューションのすべてまたは一部を簡単にビルドすることもできます。 IntelliSense、シンタックスハイライト オープンソースのLSP（Language Server Protocol）ホストを搭載しており、IntelliSenseやシンタックスハイライト、リファクタリング、コードフォーマットなどの機能を提供します。
Java 21新機能まとめ - Qiita
Java 21が2023/9/19にリリースされました。 https://mail.openjdk.org/pipermail/jdk-dev/2023-September/008267.html The Arrival of Java 21! LTSであり、パターンマッチングや仮想スレッドが正式化され、プレビューとして入ったString Templatesや無名クラス&インスタンスメインメソッドも面白い機能なので、大切なリリースになっていると思います。 詳細はこちら JDK 21 Release Notes Java SE 21 Platform JSR 396 OpenJDK JDK 21 GA Release APIドキュメントはこちら Overview (Java SE 21 & JDK 21) 追加されたAPIまとめはこちら https://docs.oracle.com/en/
VSCodeをプログラミングエディタとして強化しよう！ 便利な設定や拡張機能を紹介
はじめに Microsoftの提供するVisual Studio Code（VSCode）は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させたり、利用の領域を拡げられたりすることも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。 対象読者 テキストエディタメインで開発してきた方 Visual Studioより軽い環境が欲しいと考えている方 Visual Sudio Codeをもっと使いこなしたい方 必要な環境 本記事の内容は、以下の環境で動作を確
C# 7.0 で導入されたタプルが可変な値型なので、注意点を説明しようとしたら驚きの結果に - Qiita
TL;DR（この記事の要約） C# 7.0 で導入されたタプル（ValueTuple 構造体）は値型なので、代入などの際にコピーが発生する。 かつ、可変（ミュータブル）であり、変更がコピー元に波及しない。 しかし、以下の例のように関数やインデクサの戻り値がタプル（ValueTuple 型）であった場合、直接変更ができないようになっていた。 (int, int) func() => (10, 20); func().Item1 = 300; // コンパイルエラー はじめに C# 7.0 でタプルが導入されました。周回遅れどころか4周くらい遅れていますが、自分も使ってみたいと思い試してみました。 詳しい説明は他の記事に譲るとして、この記事ではタプルが値型 (ValueType) であることによって、どのような注意点が発生するかについて説明しようと思います。タプルについて知らない方は以下の記事
TypeScriptが強化されたVue3.3アップデートと将来の機能について - Qiita
ついに待望のVue3.3がリリースされました！ Vue.jsのリリースにはアニメのコードネームがアルファベット順に付けられていますが、今回は「Rurouni Kenshin（るろうに剣心）」との事です。外国では「るろうに」は翻訳されていないようですね（一部では「Samurai X」という名前も使われているそうです）。 今回の更新ではTypeScript関連の強化や便利な機能などが追加されています。公式のブログにVue3.3の変更に関して網羅的にまとめられているので、詳細な部分はそちらをご参照ください。（本記事も当該のブログをベースに記載しています） Vue3.3概要 Reactivity Transform非推奨 defineProps: 外部インポートされた複合の型サポート defineEmits: 人間工学的な宣言 defineSlots: 型付きslotの宣言 defineOptio
とってもやさしいフロントエンド入門
まず、新しいアイデアが提案されると、ステージ0の「Strawman」と呼ばれる段階に入ります。ステージ0のアイデアが価値のある提案として見なされ、大まかな形で問題点や解決策を説明できるようになると、ステージ1の「Proposal」と呼ばれる段階に進みます。そして、提案がある程度まとまって仕様の草案として認められると、ステージ2の「Draft」と呼ばれる段階に上がります。さらに細かいところまで練り上げられて、仕様がほぼ完成した状態になると、ステージ3の「Candidate」の段階になります。最後に、2つ以上のブラウザがその機能を実装していて、ECMAScript の編集者に承認されると、ステージ4の「Finished」と呼ばれる段階になります。 ステージ4に上がった提案は、毎年 6 月のタイミングで ECMAScript の新しいバージョンとしてリリースされます。リリースする際は、ECMAS
Java 20新機能まとめ - Qiita
Java 20が2023/3/21にリリースされました。 https://mail.openjdk.org/pipermail/jdk-dev/2023-March/007517.html The Arrival of Java 20! 今回、正式導入された大きな機能はありません。プレビューとしても新しいものはScoped Valueひとつだけです。次回Java 21がLTSなので、ウォーミングアップなバージョンという感じですね。 詳細はこちら JDK 20 Release Notes Java SE 20 Platform JSR 395 OpenJDK JDK 20 GA Release APIドキュメントはこちら Overview (Java SE 20 & JDK 20) 追加されたAPIまとめはこちら https://docs.oracle.com/en/java/javase/
コードレビューするときの観点 - Qiita
コドレビューの観点 コドレビューの観点をまとめてみました。チェックリスト的なものになりますた。 機能性 コードが設計通りの機能を有するか？ データの流れ、取得方法は、設計と一致するか？ データのチェックの漏れはないか？ データの生成、修正、加工は、設計と矛盾がないか？ ループの中で更にSQLなど重い処理を発行するなど、パフォーマンスの懸念はないか？ 必要な場合、国際化の対応しているか？ コネクションやリソースは適切な方法で閉じられているか？ NULLとなる場合や値が取れない場合を考慮しているか？ NULLをある程度許容したコードになっているか？ 読みやすさ 名前の付け方は、共通認識の範囲か？ スタイルガイドにそっているか？ ループ、分岐等の処理記述方法は同じか？ コード設計 パラメータ、プロパティなど正しく機能区別されて実装されているか？ インスタンス等の上書き、重複など考慮されているか？
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Java21」で何ができる？ 新機能とJava17以降の変更点を紹介
PHPの最高機能、配列を捨てよう！！ / Throw away all PHP array now!!!
