2022 / 2021 / 2020 JavaScriptライブラリのトレンドを紹介しているbestofjs.orgが、2022年に最もホットであったJavaScriptライブラリのランキングを発表しました。 選考基準は累計スター数ではなく、『2022年の一年間で増えたスターの数』です。 過去流行っていたけど落ち目となった技術は出てこないので、最近注目されている技術がわかります。 ちなみに2016年～2019年の総合ランキング1位はVue.jsが4連覇、2020年の1位はDeno、2021年の1位はzxです。 以下は2022年のランキング、2022 JavaScript Rising Starsの日本語訳です JavaScript ライジングスター 2022 7回目のJavaScript ライジングスターにようこそ！ 毎年恒例、2022年の12か月におけるJavaScriptエコシステムの

はじめに 2022年のユーザーの皆さまの活動を、色々なカテゴリーでランキングにしました！ 今年も公式から提供していきます。 去年のランキングは Qiitaのいろいろランキング2021 をご覧ください。 1年間のサマリー 最初はQiitaのContributionと投稿記事数の分布です。 Contribution分布 10 contributionsまでのユーザーで全体の65%近くを占めています！ 100 contributionsでユーザー数が多くなっているのは、1年で100 contributionsを達成しようと考えている方が多いからなのかもしれませんね！ グラフを作成したときに見にくくなってしまったので、わかりやすいところでメモリを刻んでいます。 Contribution数 ユーザー数 上位n%（Contribution数0を除く）

font-size: 62.5%;というテクニックがありますよね デフォルト値に手をかけるので、超絶嫌いなテクニックのひとつです なのにですね、あちこちで超見かけるんですよ。 検索かけても「便利！」という言葉がたくさん並んでいるんです。 超嫌いなんですが、いったいどこから湧いたテクニックなのかわからない。 そこで、時間を見つけて調べようと思って、タイトルを書くだけ書いたら1年溶けてました そろそろ廃れる頃合いだと思うのですが、現在Webサイト制作の勉強をしている初学者間では、いまだにメインストリームを歩んでいるっぽいので、流行りに乗り遅れたなあと思いつつ、つらつら調べてみました。 html { font-size: 62.5%; } の概要 フォントサイズをピクセルで指定した場合、ユーザーがブラウザ設定でフォントサイズを変更していてもフォントの大きさは変わりません。 はっきり言ってアクセシ

こんにちは。ぬこすけです。 皆さんは React でフォームをライブラリを使わずに実装する時にどう実装しますか？ おそらく useState を使いまくっているのではないかと思います。 少し上級者の方は useReducer を使っているかもしれません。 が、そもそも React で状態管理することなくフォームは実装できます 。 実際にコードをお見せしながら紹介しましょう。 ※記事の最後に紹介した全てのコード例を CodeSandbox に載せています。 ありがちな例 コードをお見せする前に、まずはありがちな例から見たいと思います。 （結論のコードだけ知りたい方は読み飛ばして OK です） 簡易的なフォームの例です。 useState を使った実装は次のようになります。 import { useState, ChangeEventHandler, FormEventHandler } fr

前振り 全国の暗号を使うエンジニアの皆さんこんにちは。今日は暗号移行とRSA暗号の話をしたいと思います。まず暗号を利用している皆さんであればCRYPTRECの「電子政府推奨暗号リスト」のことはご存じですよね！（言い切るw） CRYPTRECから2022年7月（昨年夏）に暗号強度要件（アルゴリズム及び鍵長選択）に関する設定基準（PDF直リンク）が公開されました。この中では暗号のセキュリティ強度で各種暗号と鍵長が整理されています。セキュリティ強度はビットセキュリティと呼ばれるビットサイズ（共通鍵暗号の場合のビット長）で区分されます。暗号アルゴリズムが違ってもセキュリティ強度で比較ができるということですね。例えば現在一般的に良く使われているセキュリティ強度は112ビットセキュリティが多く、これにはデジタル署名であればRSA暗号の2048ビットやECDSAのP-224等が含まれます。今日は公開鍵暗

ChatGPTとは？ OpenAIが開発するGPT-3という言語モデルをベースとした(執筆当時)チャットアプリです。 こちらの質問に対して、AIが色々な質問に答えてくれて、一般的な内容だけではなく、コードレビューやバグなども発見してくれるめっちゃ凄いやつです。 細かい内容は以下の記事がとても参考となります。 筆者の関連記事 VSCodeと連携して、ブラウザを開かなくてもChatGPTを使用できるようにする 通常はブラウザを開いて使用するのですが、コーディング中にサクッとレビューしてもらったり、バグを見つけてもらえるような拡張機能があったので、そちらの設定方法について記述してみます。 今回インストールする拡張機能 使用までの手順 環境 PC: MacBook Pro (Apple M2) OS: macOS Ventura 13.1 VSCode: v1.74.3 OpenAIの価格について

不動産屋に紹介してもらった工務店の話を聞いてきた。 ちょうど完成見学会があったので見に行ったのだけど、その場で我々の希望とかを聞いてくださって、プランを作ってもらうことになった。 これまでに見てた工務店たちと比べると、作っている家の雰囲気は全然ちがっていて、ビニールクロスにフローリングに…みたいな世界観ではなくて、木材を活かした作りでありつつも、性能はこれくらいを目指してます、という話をきちっとされていた。 工務店って中身がピンきりで、我々としてはどれくらいを期待しているのか？というマッチングを得るのがなかなか難しい。IT業界で考えると、ソフトウェアの開発体制について考えると、1人でやってる知り合いのフリーランスから、100万人くらい居る規模まで、桁数だけで考えても7桁分の選択肢がある。それを、紹介された順に3社くらい見て回ったら決められる、ということはないだろうと思って、それもあてずっぽ

継続的デリバリーのソフトウェア工学　もっと早く、もっと良いソフトウェアを作るための秘訣 作者:David Farley日経BPAmazon 書名の「継続的デリバリー」はCI /CDの解説書かな？とも思わせてしまうので若干ミスリードなんだけど、「工学とは何か？」「ソフトウェア工学とは何か？」「工芸と工学は何が違うか？」ということを解説した1冊。 『継続デリバリーのソフトウェア工学』を読み始めた そういえば、最近「ソフトウェア工学」ってキーワードを聞かないなーって思ってたけど、本書にも「最近敬遠されてない？」って書かれてた— magnoliak🍧 (@magnolia_k_) 2023年1月28日 まぁ、確かに「ソフトウェアの品質分析がー」とか、「設計書を書けばコードが自動生成ー」みたいな、「管理！」的な価値観が大きかったように思われてたんじゃないかなーとか思った— magnoliak🍧

相関チェックくらいしてくれよー、と思ったけど、引っかかったのでメモ au ひかりのホームゲートウェイは、NECのAtermが使われている。 DHCPで、IPアドレスをmacアドレスを元に固定設定する場合は、「DHCP固定割当エントリ」のページでmacアドレスとIPアドレスをセットで設定する。 この時、使用できるIPアドレスの番号帯は、「IPアドレスとDHCPサーバ設定」の「DHCP」の「割当数」の範囲内に収まる必要が有る。 自動設定にしておくと、64個が割当数になっているので、192.168.0.65までが利用できる範囲。 うっかり、65を超える数字、例えば100とかを設定しても無視される。 以上、メモでした。

textlint v13をリリースしました！ textlint v13.0.0 · textlint textlint v13では、ECMAScript Modules(ESM)で書かれたrulesやpluginsを直接読み込めるようになっています。 また、textlintパッケージ(コマンド)を書き直してたり、内部的に新しいAPIを使うようになっています。 ただし、textlint v12とCLIの互換性はあるはずなので、textlintをコマンドとして使ってるユーザーは特にオプションなどに変更はありません。 Summary For textlint user 次のコマンドでアップデートするだけです！ textlint 13.0.0 は Node.js 16以上を要求します。 そのため、Node.js 14を使っている場合は、Node.js 16以上にアップデートする必要があります。 D

保育園のクラス会があって、先生がZoom越しに写真を見せてくださるのだけど、たびたび見れない写真があって、なんでだろうと話していた。 今日わかったのは、iPhoneで撮った写真をWindowsから見せようとしているので、HEICには非対応ということだった。 JPEGとかに変換するか、iPhoneの設定を変えて、JPEGで撮る形に変える必要がある。 個人的には、性能がいいからといって、広くよく使われるフォーマットから、新しくて便利なフォーマットに乗り換えるのには反対で、全国でどれだけのクラス会で、このように写真が見えなくて苦しんでいるだろうか。 それと比べると、多少は容量が大きくて画質が悪い、というほうが幸福度が高いのではないだろうか。 ガビガビのJPEGとしても一応読み取ることができて、それでいて、かつ、読み込み側のソフトウェアが対応していれば高画質で表示される、みたいな作りになっていれば

ChatGPTは完全ではないとはいえ人の脳みそのふるまいに似た動きをしているようにみえます。 そこで、覚えてるはずのことが思い出せなかったり、話しだすと思いがけない言葉がどんどんでてきたり、夢を思い出すことができなかったり、考えるときに言葉が必要だったりするような、人間の思考のふるまいをChatGPTの仕組みや動きから考えてみます。そしてついでに、「意識」や「クオリア」をChatGPTを使って実装するアイデアをまとめてみます。つまり汎用AI、強いAIです。 思考には２段階ある 話すことで続きの言葉が出てくる 知識を引き出すにはキッカケが必要 夢を思い出せないのはキッカケがないから 一度の経験でも記憶に影響を与えている 考えるために言葉が必要 ChatGPTの延長では人と同じように考えることは難しい 意識ってなんだろう？どう実装しよう？ ※ 断定的に書いていても、これは きしだがそう考えてい

id:minesweeper96さんがAIに中野区の情報を尋ねられていて、架空の喫茶店をおすすめしてもらっていた。 どう考えても住人のほうが詳しいことをわざわざAIに尋ねるのがおもしろいなと思ったので、僕の住んでる京都情報もいろいろ聞いてみようと思った。 良すぎる。とんかつ ぱんつ！ pic.twitter.com/wITnqDs4Xo— minekouki（みね） (@minesweeper96) 2023年1月26日 京都のIT企業事情を聞いてみる。NTTコミュニケーションズがあるとは思えないけど、大きな会社だろうし、子会社の子会社とかの出張所とかはあるのかな？とも思う。 烏丸御池に絞ってみたらWebっぽい会社が増えた。一時期、いろんなWeb企業が京都に進出していたのを思い出す。あちこちで勉強会があって、寿司を食べにお邪魔していた。 烏丸御池にはブログを作ってるような会社もある気がする

今、JavaScript Primer - 迷わないための入門書 #jsprimerの第二版の出版に向けて準備しています。 そこで、第二版のレビュアーをしてくれる方を募集しています。次のDisucssionで募集しています。 ひとまず集まりました。ありがとうございます！ 第二版のレビュアーを募集 · Discussion #1546 · asciidwango/js-primer 初版である第一版のリリース内容は次の記事にまとめています。 JavaScript Primerを出版しました！/JavaScript Primerはなぜ書かれたのか？ | Web Scratch 初版からの主な変更点をまとめると、次のようになります。 ECMAScriptの新しいバージョンであるES2020、ES2021、ES2022に対応した 新しいECMAScriptの機能によって、使う必要がなくなった機能は

Gitのコミットフックを使って、コミット内容をNotionに記録してみています。 Gitコミットを自動的にNotionに記録するcommit hookを書いてみた。https://t.co/jb2U68PbMB しばらく遊んでみる pic.twitter.com/rnlKJgVMtk — azu (@azu_re) December 28, 2022 実際に使ってるコミットフックは、次のリポジトリにあります。 azu/git-hooks: @azu’s global git hooks Git 2.9+からcore.hooksPathというglobalなGit Hookを設定できます。 このglobal hookを使い、どのリポジトリでもpre-commitやpost-commitなどのコミットフックのスクリプトを実行できます。 Notionにコミットログを送るGitフックの作り方 Not

いろいろ仕組み的にChatGPTというのはGoogle検索の代替以上の働きをするなぁと思っていたのだけど、それとは別にChatGPTによって検索が使い物にならなく未来が考えられるなぁと思った。 ChatGPTが検索よりもいいのは、そのものズバリな文書がなくても、その周辺から学んだ単語の関係をもとに、答えを構築してくれることです。 たとえば検索の場合は、日本語で書かれた文書が用意されていなければ、たとえ英語や中国語の文書があったとしても日本語での検索には引っかかりません。 けど、ChatGPTの場合は、英語や中国語の文書から学んだ単語の関係や、ほかの文書から学んだ英語と日本語の関係、日本語での単語の関係などから、日本語の回答を生成してくれます。 たとえばGluonという会社について日本語で説明してる記事はおそらくないと思うのですが、ちゃんと日本語で説明してくれます。本社はベルギーですが。。。

テストコードがコードの冗長化であるという話に、腑に落ちないという指摘がちらほらあるので、どういうことかを解説してみます。 このエントリについてです。 テストというのは、ソースコードの冗長化だと思う - きしだのHatena ※ ここでの冗長化は、英語版Wikipediaでいう「Information redundancy, such as error detection and correction methods」のことですね。 まず、「これは冗長化だな」と納得してもらいやすそうな例として、間違いが絶対に許されないような計算をするシステムの実装を考えてみます。 このような場合に、同じ仕様を3つの組織に渡して独立に実装をしてもらい、計算が必要になったとき3つのモジュールを呼び出して多数決で結果を返すようにします。 このようにして正確さを担保するのは、冗長化と呼べると思います。 そして、これ

ここで決めようと思って話を聞いていた工務店では決着がつかない流れになってきた。 ということは銀行とのやりとりもやり直しになったり、予算どうするって話ももう一回始まる。 普段、完璧を目指すよりはまず終わらせろの精神で生きているので、あとこれくらいの時間とか手数で終わると思ってたら全然終わらなかった、という瞬間がなかなか苦手。 どんなに雑でも、いつまでも終わらないよりは、終わるまで妥協して、完了条件を満たして終わらせてしまうほうが良いと思っている。サグラダファミリアはかっこいいけど制作の過程には関わりたくない。庭に木の枝を刺して、これを大聖堂とする！完成！って宣言する方が親近感がある。 でもポジティブに考えると、全て終わったときには、いろいろあったけど、いい思い出になったね…となると良いと思う。 仕事でも、一生これの開発をやることになっていつまでもリリースできないのでは？と思っていたけどずっと

半日くらい一人で遊んでていいよという時間をもらえたので、新たなスーパー銭湯の開拓に宇治のほうまで出向いた。 きっとリクライニングできる椅子が置いてあるにちがいないので、そういうリラックス空間で本を読むぞという気分でいたら、ネットカフェのカプセル間の仕切りが取っ払われたもののような、巨大二段ベッドのような、フェリーにおけるごろ寝状態の客席みたいな感じで、パーソナルスペース広めな人物としては落ち着かなかった。 宇治といえば麻婆豆腐屋があったと思って、帰りに寄ってきた。おそらくこういう場所に子供とくると、うつわをひっくり返して大やけどするのが目に見えているので、一人でささっと行けるとき(半年に一度あるかないかのチャンス)に食べに行くのが良いと思う。ここの麻婆豆腐は気に入っていて、京都で口に入れられるもののなかで一番好きかもしれない。

find-node-modules-import: importsしてるパッケージ名やNode.jsのコアモジュールを検出するツール find-node-modules-importという、ソースコードからimportsしてるパッケージ名を検索するシンプルなCLIを書きました。 azu/find-node-modules-import: Find specific node modules import statement in your source code 特徴 インポートしてるパッケージ名を全て検出できる インポートしてる特定のパッケージ名を検出できる node:fsやassertのようなNode.jsのコアモジュールを検出できる 📝 このツールは、ESMのimportのみに対応しています。 JavaScriptとTypeScriptどちらも対応しています。 使い方 Usage

週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます（例:週刊Railsウォッチタグ） 🔗Rails: 先週の改修（Rails公式ニュースより） だいぶ間が空いてしまいましたので、昨年末の改修から追いかけていきます。 公式更新情報: Ruby

JSer.info #628 - Bun v0.5がリリースされました。 Bun v0.5 | Bun Blog package.jsonのworkspacesを使ったインストールをサポートしています。 Node.jsとの互換性としてnode:dns、node:tls、node:net、node:readlineのサポートが追加されています。 また、モジュール解決時の識別子の優先度の変更なども含まれています。 Remix v1.11.0がリリースされました。 Release v1.11.0 · remix-run/remix deferを使ってレスポンス待ちを減らせるように、@remix-run/css-bundleでのCSSファイルのロード、CSS Modules、Vanilla Extractのサポートが追加されています。 また、Remix v2で導入予定のFlat Routesをop

いまを生きるカント倫理学 (集英社新書) 今、日本国と日本人にかけているものがあるとすれば、真っ先に上げるべきは倫理であると言える。日本人にはどうも近代における倫理がインストールされていないようだ。成田悠輔なる人物の言動がよく表している。彼のように著しく倫理に悖る人間が公共で発言し、且つ政府委員として公共政策に関わるなど、彼個人が倫理に悖るだけでなく、日本国の社会全体が倫理を欠いている。これは本著の中でも取り上げられているが、日本の学校教育の中で、倫理についての教育が成されていないことが非常に大きい。「道徳」と名のついた教科はあるが、実際には愛国教育（それも間違った形の）であり、倫理は教えていないのである。これでは日本人には倫理はインストールされない。ただ、遅くはないので、まずは本書を手に取って近代的な倫理とは何であるのかを理解することから始めるのが良いのではないか。また中学、高校生ぐらい

昔のことなので、思い出して書くけれど。西暦2000年になる少し前のこと。 大きな大きな会社に、おそらくSESとして常駐した。入館証も与えられたし自分の席もあった。専用のパソコンも与えられたが、ものすごくスペックが低く、業務用のアプリケーションを開くのに時間がかかった。そもそもスリープ機能なんてなかったので、OSは毎度電源オンしOS起動から始まったが、それも時間がかかった。あらゆることで時間がかかった。一緒に来ていた先輩から「パソコンが遅いってことはそれだけ遅く仕事していいってことだから気にするな」と言われてなるほどなと思ったこともあった。昔の生産性の低さはその辺りから来ている。何しろパソコンはまだまだ性能が低かった。 技術的な問い合わせに回答する仕事だったけれど、なんとも残念なことに検証環境が不十分だった。聴かれたことを実機で試せないのは本当に困る。ただ、今と違ってコンピューター資源が豊富

TechFeed Experts Night Pick up Node.jsの2022年を振り返り、Node.jsの未来を見つめてみた ～TechFeed Experts Night#8講演より 本記事は、2022年11月に開催された「TechFeed Experts Night#8 ～ JavaScriptランタイム戦争最前線」のセッション書き起こし記事「Node.jsの2022年を振り返り、Node.jsの未来を見つめてみた by @shisama_」を転載したものです。オリジナルはTechFeedをご覧ください。 「Node.jsの2022年と未来」というタイトルで話します。よろしくお願いします。サイボウズでフロントエンドエンジニアをやっているshisamaです。 今日はNode.jsの18と19の主な変更点を紹介したいと思います。その後は、現在実装中の機能から、いくつかおもしろそう

Rubyに関する年次国際カンファレンス「RubyKaigi 2023」が2023年5月11日（木⁠）⁠～13日（土）の3日間、まつもと市民芸術館（長野県松本市）とオンラインのハイブリッド形式で開催される。1月25日、同カンファレンスのチケット販売が開始された。 RubyKaigi 2023 registration is open now! Grab your ticket NOW with Super Early Bird pricing. https://t.co/pFVk7poKa9 🏯 ⛰️ 🎫 #rubykaigi — RubyKaigi (@rubykaigi) January 25, 2023 チケットは「Full access ticket（フル参加チケット⁠）⁠」と「Virtual only ticket（バーチャル専用チケット⁠）⁠」の2種類。フル参加チケットは、リ

CES 2023では、新技術を搭載したディスプレイやクルマなどの製品やプロトタイプがお披露目されました。こうした中で、Wireless Power Consortium（WPC）が発表した、次世代ワイヤレス充電規格「Qi2」は、日常の不便を解消して、可能性を広げてくれそうなので取り上げます。 Homepage | Wireless Power Consortium Qiのおさらい Qi2は、スマートフォンなどに搭載されているワイヤレス充電規格「Qi」の次世代規格です。 Qiが登場したすぐは、最大出力が5W止まりだったこともあり、充電に時間がかかり「もっさり充電」と揶揄されることもありますが、最大出力が15Wに引き上げられてからは、充電時間が気になることはなくなりました。たとえば、Google Pixel Stand 2のように、対応端末を限った独自の充電規格を使えば最大23Wで充電できる製

Ubuntu Weekly Recipe 第747回Intel Arc A380をUbuntu 22.04 LTSで動作させ、oneAPIで高速化する 今回はUbuntu 22.04 LTSでIntelの新しいディスクリートGPUであるArc A380を動作させoneAPIでBlenderを高速化します。 Intel Arcとは Intelも20世紀末にディスクリートGPUを販売していたこともありましたが、程なく撤退しました。その後チップセットを経てCPUにGPUが内蔵されるようになったのは今更解説するまでもないでしょう。 20年以上にも渡る沈黙期間を経て、昨年再びIntelはデイスクリートGPUの販売を開始しました。Arc A380はそのうちの1つです。各社から搭載ビデオカードが販売されていますが、今回はIntel Arc A380 Challenger ITX 6GB OCを使用します

TechFeed Experts Night Pick up Bunファーストインプレッション - JavaScriptランタイム界に”赤壁の戦い”を! ～TechFeed Experts Night#8講演より 本記事は、2022年11月に開催された「TechFeed Experts Night#8 ～ JavaScriptランタイム戦争最前線」のセッション書き起こし記事「Bunファーストインプレッション - JavaScriptランタイム界に⁠”赤壁の戦い⁠”を!」を転載したものです。オリジナルはTechFeedをご覧ください。 Japan Node.js Associationの理事をしています、古川と申します。ソーシャルのIDはこちらになります。 Twitter GitHub JSConf JPを2022年11月26日に開催予定で、今回のテーマであるNode.JS / Deno /

Twitter で以下のツイートを見かけました。 そこで調べてみたところ、 GitHub では次の場所に置かれている README を認識するようです。 .github/ リポジトリのルートディレクトリ docs/ 複数の README が含まれている場合は、 .github/ 、ルートディレクトリ、 docs/ の順に優先されます。 例えば冒頭のツイートの reduxjs/redux-toolkit は .github/ ディレクトリ内に README.md (正確には packages/toolkit/README.md へのシンボリックリンク) を置いています。 ほぇー知らんかったってなったのでついでに実際に挙動を見てみました。 挙動を見てみる docs/README.md を作成します。 docs/README.md が表示されました。 docs/README.md が表示されてい

テストコード内では条件分岐を書かないようにする 2023.01.21 誰でも読める愚直なコードであることの 1 つの目安として、テストコードの中に if 文や三項演算子などの条件分岐が入り込んでいていないことが上げられます。if 文が存在するコードはアンチパターンであるといえます。実際に if 文がテストコードの中に入り込んだ例を見てみましょう。 テストコードは誰でも読める愚直なコードであることが求められます。テストコードにはある種のドキュメントのような、コードの仕様を説明する役割が求められているためです。テストの期待結果が変数になっていて、定義元までジャンプしないと値を確認できないだとか、条件分岐やループが入り込んでいて複雑性が上がっている状態ですと、素直に読みやすいとは言えません。 コードの中では重複排除をするためにさまざまなテクニックを駆使することがありますが、これは単にテストコード