今年人気になった記事一覧です。
Stockしたのに読んでない記事とか再発見してください。
特にまとめ記事を除外したり、作者の好き嫌いで弾いたりはしておりません。
成形用の参考コード
export const qiitaFileToPost = async (tag: string) => {
const file = `${downloadsPath}/res_${tag}.json`;
const data = JSON.parse((await readFileSync(file, 'utf8'))) as QiitaItem[];
console.log(data.length);
const result = [];
// 12回ループ2023年ま
for (let i = 1; i <= 12; i++) {
const m = `0${i}`.slice(-2);
const ym = `2023-${m}`;
result.push(`## ${ym}\n`);
const filterd = data.filter(d => d.created_at.startsWith(ym));
console.log(ym, filterd.length);
const orderedLike = filterd.sort((a, b) => b.likes_count - a.likes_count).slice(0, 3);
const orderedStock = filterd.sort((a, b) => b.stocks_count - a.stocks_count).slice(0, 3);
const orderedComment = filterd.sort((a, b) => b.comments_count - a.comments_count).slice(0, 3);
// top3を抽出
result.push(['Rank', 'Like', 'Stock', 'Comment'].join('|'))
result.push([':---:', ':---:', ':---:', ':---:'].join('|'))
for (let l = 0; l < 3; l++) {
const rank = l + 1;
const like = orderedLike[l]
const likeOutput = `(${like?.likes_count}) [${like?.title}](${like?.url})${like.tags.map(t => t.name).join(', ')}}`;
const stock = `(${orderedStock[l]?.stocks_count})[${orderedStock[l]?.title}](${orderedStock[l]?.url})`;
const comment = `(${orderedComment[l]?.comments_count})[${orderedComment[l]?.title}](${orderedComment[l]?.url})`;
result.push([rank, likeOutput, stock, comment].join('|'));
}
result.push("\n");
await writeFileSync(`${downloadsPath}/${tag.toLocaleLowerCase()}.md`, result.join("\n"));
}
}
year
| Rank | Like | Stock | Comment |
|---|---|---|---|
| 1 | (809) 悪名高きスワイプ広告を解析する | (877)【永久保存版】0からReactを勉強するならこのロードマップに従え！ | (20)危険な文字 |
| 2 | (655) 【永久保存版】0からReactを勉強するならこのロードマップに従え！ | (651)【2023年版】ブックマークすべきGitHubリポジトリまとめ | (19)ITエンジニアなのにまだ投資やってないの？ChatGPTでクオンツシステム作って儲けようぜpart3 |
| 3 | (487) 2023年度版フロントエンド開発環境構築徹底解説 | (562)2023年最新版の有名企業のエンジニア向け研修資料をまとめてみた | (18)「なんで、for文ってforなの？」って、みんな思ったはず。 |
| 4 | (471) ITエンジニアなのにまだ投資やってないの？ChatGPTでクオンツシステム作って儲けようぜpart3 | (534)フルスタックプログラマーの卵どもにおくる、独学チートシート | (18)英語が話せてプログラムも書けるようになったのでより就職が難しくなった件について |
| 5 | (432) フルスタックプログラマーの卵どもにおくる、独学チートシート | (520)2023年度版フロントエンド開発環境構築徹底解説 | (16)JavaとJavaScriptが違うことをビジネスサイドに伝える例 |
2023-01
| Rank | Like | Stock | Comment |
|---|---|---|---|
| 1 | (343)JavaScript / TypeScript の豆知識 10 選 | (341)JavaScript / TypeScript の豆知識 10 選 | (12)【JavaScript】紆余曲折の末、『最も直感的に文字列に改行を入れる方法』にたどり着いた話 |
| 2 | (213)【React】フォームは状態管理せずに実装できるよ | (169)【React】フォームは状態管理せずに実装できるよ | (8)JavaScriptで平仮名(ひらがな)を判定する |
| 3 | (148)【JavaScript】ES2023の新機能 | (98)【フロントエンド】駆け出しエンジニアが目指すジュニアレベルのエンジニアとは【2023年版】 | (7)【React】フォームは状態管理せずに実装できるよ |
2023-02
2023-03
2023-04
2023-05
2023-06
2023-07
2023-08
| Rank | Like | Stock | Comment |
|---|---|---|---|
| 1 | (809)悪名高きスワイプ広告を解析する | (248)悪名高きスワイプ広告を解析する | (18)「なんで、for文ってforなの？」って、みんな思ったはず。 |
| 2 | (432)「なんで、for文ってforなの？」って、みんな思ったはず。 | (166)「なんで、for文ってforなの？」って、みんな思ったはず。 | (9)悪名高きスワイプ広告を解析する |
| 3 | (189)Vue3をアゲアゲ↑↑する記事 | (149)【むっず】Reactコードで理解する「結合度」 | (6)主要言語で任意精度演算 |
2023-09
2023-10
| Rank | Like | Stock | Comment |
|---|---|---|---|
| 1 | (655)【永久保存版】0からReactを勉強するならこのロードマップに従え！ | (877)【永久保存版】0からReactを勉強するならこのロードマップに従え！ | (18)英語が話せてプログラムも書けるようになったのでより就職が難しくなった件について |
| 2 | (432)フルスタックプログラマーの卵どもにおくる、独学チートシート | (534)フルスタックプログラマーの卵どもにおくる、独学チートシート | (6)0 だけ末尾になるように並べ替える |
| 3 | (413)console.log() の代わりにdevtoolsのLogpointsを使う | (338)console.log() の代わりにdevtoolsのLogpointsを使う | (6)キー入力でアルファベットやコントロールキーが効かなくなった原因はこれだった |
2023-11
| Rank | Like | Stock | Comment |
|---|---|---|---|
| 1 | (274)フルスタックプログラマーの卵どもにおくる、独学チートシート : 2 | (399)フルスタックプログラマーの卵どもにおくる、独学チートシート : 2 | (16)JavaとJavaScriptが違うことをビジネスサイドに伝える例 |
| 2 | (197)あなたの作った画像アップローダー、投稿者の個人情報ダダ洩れだよ！ | (108)あなたの作った画像アップローダー、投稿者の個人情報ダダ洩れだよ！ | (12)いろんな言語比較してみた |
| 3 | (118)ついに JavaScript に groupBy が実装されたぞ！！！ | (84)Google Apps ScriptでGPTsのCustom ActionsのAPIを作ってみた | (6)paizaのスキルチェック(JavaScript)でよく使う技 |
2023-12
| Rank | Like | Stock | Comment |
|---|---|---|---|
| 1 | (487)2023年度版フロントエンド開発環境構築徹底解説 | (651)【2023年版】ブックマークすべきGitHubリポジトリまとめ | (6)JSで日付扱うならmoment |
| 2 | (431)【2023年版】ブックマークすべきGitHubリポジトリまとめ | (520)2023年度版フロントエンド開発環境構築徹底解説 | (6)querySelectorで取得している値について調べてみた |
| 3 | (362)【エンジニア向け】生産性を上げるチートシートまとめ | (455)【エンジニア向け】生産性を上げるチートシートまとめ | (6)JqueryでRedmineの「活動ページ」をもっと便利に②(フィルタリング機能と移動機能) |