【Qiitaポートフォリオ】@j5c8k6m8の活動【2021/8 更新停止】

ピックアップ記事用のポートフォリオです。
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
※ 本記事はスマホだと一部の表示が崩れます。PC版サイトで表示してください。

# 直近一年の活動(2020/8/11 ～ 2021/8/10)[^1]

[^1]: 自身の記事に対して付いたLGTM数、自身の記事投稿数と、自身の記事に対して付いたLGTM数のヒートマップ

``` math
{\rm{\Huge 300}\quad{\Large LGTM}\qquad{\Huge 8}\quad{\Large 記事}}
```

<font color="#a6aebb">日　</font><font color="#fff">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font>[<font color="#94d278">■&#x31f;</font>](https://qiita.com/search?sort=&q=user%3Aj5c8k6m8+created%3A2020-12-06)<font color="#addb81">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font>
<font color="#a6aebb">月　</font><font color="#fff">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#bde187">■</font><font color="#ebedf0">■</font><font color="#bde187">■</font><font color="#ebedf0">■</font>[<font color="#c6e48b">■&#x31f;</font>](https://qiita.com/search?sort=&q=user%3Aj5c8k6m8+created%3A2020-11-30)<font color="#61bb5f">■</font><font color="#ebedf0">■</font><font color="#a4d87e">■</font><font color="#addb81">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#bde187">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#c6e48b">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font>
<font color="#a6aebb">火　</font><font color="#ebedf0">■</font><font color="#addb81">■</font><font color="#c6e48b">■</font><font color="#a4d87e">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#78c76d">■</font><font color="#5ab75b">■</font><font color="#9cd57b">■</font><font color="#bde187">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#bde187">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#addb81">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font>
<font color="#a6aebb">水　</font><font color="#ebedf0">■</font><font color="#9cd57b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#bde187">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#94d278">■</font><font color="#6abf65">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#bde187">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#a4d87e">■</font><font color="#bde187">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#fff">■</font>
<font color="#a6aebb">木　</font><font color="#c6e48b">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font>[<font color="#c6e48b">■&#x31f;</font>](https://qiita.com/search?sort=&q=user%3Aj5c8k6m8+created%3A2020-10-29)<font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font>[<font color="#83cc72">■&#x31f;</font>](https://qiita.com/search?sort=&q=user%3Aj5c8k6m8+created%3A2020-12-03)<font color="#addb81">■</font><font color="#bde187">■</font>[<font color="#addb81">■&#x31f;</font>](https://qiita.com/search?sort=&q=user%3Aj5c8k6m8+created%3A2020-12-24)<font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#b5de84">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#bde187">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#fff">■</font>
<font color="#a6aebb">金　</font><font color="#ebedf0">■</font><font color="#bde187">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#9cd57b">■</font>[<font color="#b5de84">■&#x31f;</font>](https://qiita.com/search?sort=&q=user%3Aj5c8k6m8+created%3A2020-12-11)<font color="#c6e48b">■</font><font color="#b5de84">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#a4d87e">■</font><font color="#bde187">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#bde187">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#fff">■</font>
<font color="#a6aebb">土　</font>[<font color="#b5de84">■&#x31f;</font>](https://qiita.com/search?sort=&q=user%3Aj5c8k6m8+created%3A2020-08-15)<font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#78c76d">■</font><font color="#bde187">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#bde187">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#c6e48b">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#ebedf0">■</font><font color="#fff">■</font>
<font color="#ffffff">■■■■■■■■</font><font color="#c6e48b">■ </font><font color="#a6aebb">1LGTM</font>　 <font color="#7bc96f">■ </font><font color="#a6aebb">10LGTM</font>　 <font color="#239a3b">■ </font><font color="#a6aebb">100LGTM</font>　 <font color="#196127">■ </font><font color="#a6aebb">1,000LGTM</font>　 <font color="#a6aebb">■&#x31f; </font><font color="#a6aebb">投稿あり(リンク付)</font>


# タグ毎の記事一覧[^2]

[^2]: 3つ以上の記事で使われているタグが対象。3つ以上の記事で使われているタグが含まれない記事は、「その他の記事」に一覧を表示。

## 【Qiita】 (64記事, 1,820LGTM)

 - [【長期】Qiitaの今読んでおくべき記事１００選【毎日自動更新】](https://qiita.com/j5c8k6m8/items/942c158db873f4a0eb12) (2020/04/04投稿 922LGTM)
 - [【短期】Qiitaの今読んでおくべき記事１００選【毎日自動更新】](https://qiita.com/j5c8k6m8/items/a59b7cc09ba81fd8a62f) (2020/04/04投稿 284LGTM)
 - [【闇の魔術】【2020年】Qiitaの2020年に読んでおくべき闇の魔術に関する記事１００選【手動集計】](https://qiita.com/j5c8k6m8/items/64d09fc5d68c79a15cf9) (2020/12/06投稿 135LGTM)

[上記以外の記事を確認する](https://qiita.com/search?q=user%3Aj5c8k6m8+tag%3AQiita)

## 【自動更新】 (50記事, 1,525LGTM)

 - [【長期】Qiitaの今読んでおくべき記事１００選【毎日自動更新】](https://qiita.com/j5c8k6m8/items/942c158db873f4a0eb12) (2020/04/04投稿 922LGTM)
 - [【短期】Qiitaの今読んでおくべき記事１００選【毎日自動更新】](https://qiita.com/j5c8k6m8/items/a59b7cc09ba81fd8a62f) (2020/04/04投稿 284LGTM)
 - [【機械学習他】【長期】Qiitaの今読んでおくべき記事１００選【毎週自動更新】](https://qiita.com/j5c8k6m8/items/481b221277d9355934a0) (2020/04/08投稿 70LGTM)

[上記以外の記事を確認する](https://qiita.com/search?q=user%3Aj5c8k6m8+tag%3A自動更新)

## 【今読んでおくべき記事１００選】 (46記事, 1,726LGTM)

 - [【長期】Qiitaの今読んでおくべき記事１００選【毎日自動更新】](https://qiita.com/j5c8k6m8/items/942c158db873f4a0eb12) (2020/04/04投稿 922LGTM)
 - [【短期】Qiitaの今読んでおくべき記事１００選【毎日自動更新】](https://qiita.com/j5c8k6m8/items/a59b7cc09ba81fd8a62f) (2020/04/04投稿 284LGTM)
 - [【闇の魔術】【2020年】Qiitaの2020年に読んでおくべき闇の魔術に関する記事１００選【手動集計】](https://qiita.com/j5c8k6m8/items/64d09fc5d68c79a15cf9) (2020/12/06投稿 135LGTM)

[上記以外の記事を確認する](https://qiita.com/search?q=user%3Aj5c8k6m8+tag%3A今読んでおくべき記事１００選)

## 【QiitaAPI】 (15記事, 67LGTM)

 - [2019/05に投稿されたCodePen作品集](https://qiita.com/j5c8k6m8/items/486395d18523c1c0dced) (2019/05/27投稿 10LGTM)
 - [タグ一覧(アルファベット順)【直近１年間/上位25,000タグ】【毎日自動更新】](https://qiita.com/j5c8k6m8/items/6b15a81204a1d458e392) (2019/09/26投稿 9LGTM)
 - [オワコンチャート（対象：年間タグランキング上位500）【毎日自動更新】](https://qiita.com/j5c8k6m8/items/0963930de13152bfbfcf) (2019/09/29投稿 9LGTM)

[上記以外の記事を確認する](https://qiita.com/search?q=user%3Aj5c8k6m8+tag%3AQiitaAPI)

## 【タグ説明】 (14記事, 155LGTM)

 - [「Qiitaの今読んでおくべき記事１００選」記事について](https://qiita.com/j5c8k6m8/items/09e0baf63e171269b587) (2020/04/04投稿 94LGTM)
 - [Qiitaのタグ一覧(アルファベット順)](https://qiita.com/j5c8k6m8/items/5601e2f8fbe16887de68) (2019/05/23投稿 15LGTM)
 - [ぼくのかんがえたさいきょうの「タグ説明」たぐについて](https://qiita.com/j5c8k6m8/items/2359627ff8c3778d95f6) (2019/05/21投稿 11LGTM)

[上記以外の記事を確認する](https://qiita.com/search?q=user%3Aj5c8k6m8+tag%3Aタグ説明)

## 【ポエム】 (14記事, 128LGTM)

 - [DEAD CODE COOKBOOK ~デッドコードの作り方と復活の呪文~ の紹介](https://qiita.com/j5c8k6m8/items/0f0596845b63e3b32d7d) (2020/11/30投稿 41LGTM)
 - [642日前に日本中を震撼させた闇の魔術に対する防衛術 の授業](https://qiita.com/j5c8k6m8/items/dffa2bcc55985ec8ecca) (2020/12/03投稿 23LGTM)
 - [存在しない正規表現 ~正規表現と秘密の部屋~](https://qiita.com/j5c8k6m8/items/009da491fad911834c3b) (2020/11/30投稿 21LGTM)

[上記以外の記事を確認する](https://qiita.com/search?q=user%3Aj5c8k6m8+tag%3Aポエム)

## 【JavaScript】 (13記事, 100LGTM)

 - [642日前に日本中を震撼させた闇の魔術に対する防衛術 の授業](https://qiita.com/j5c8k6m8/items/dffa2bcc55985ec8ecca) (2020/12/03投稿 23LGTM)
 - [async/awaitの並列実行/直列実行/即時実行の書き方(ECMAScript 2017)【まとめ】(for-of,forEach,map,reduce,Pormise.all)](https://qiita.com/j5c8k6m8/items/cf1e2e393b4d28d4048b) (2019/06/07投稿 16LGTM)
 - [キラやば～っ☆ な「COTOHA DECO」作っちゃった！？よーしっ、さっそくQiitaへ投稿だーっ☆](https://qiita.com/j5c8k6m8/items/b5df0703729a050f19ee) (2020/03/04投稿 15LGTM)

[上記以外の記事を確認する](https://qiita.com/search?q=user%3Aj5c8k6m8+tag%3AJavaScript)

## 【CSS】 (8記事, 893LGTM)

 - [「(HTML) + CSS」のみを使って、今「リアルな電卓」を作ってみた](https://qiita.com/j5c8k6m8/items/4695ee12b35e9c14047e) (2020/07/13投稿 845LGTM)
 - [キラやば～っ☆ な「COTOHA DECO」作っちゃった！？よーしっ、さっそくQiitaへ投稿だーっ☆](https://qiita.com/j5c8k6m8/items/b5df0703729a050f19ee) (2020/03/04投稿 15LGTM)
 - [フロントエンドエンジニアが「COTOHA DECO」を作ろうとする](https://qiita.com/j5c8k6m8/items/dbc3a766b0c1daba7768) (2020/03/02投稿 10LGTM)

[上記以外の記事を確認する](https://qiita.com/search?q=user%3Aj5c8k6m8+tag%3ACSS)

## 【Qiitaタグ集計記事】 (6記事, 37LGTM)

 - [オワコンチャート（対象：年間タグランキング上位500）【毎日自動更新】](https://qiita.com/j5c8k6m8/items/0963930de13152bfbfcf) (2019/09/29投稿 9LGTM)
 - [タグ一覧(アルファベット順)【直近１年間/上位25,000タグ】【毎日自動更新】](https://qiita.com/j5c8k6m8/items/6b15a81204a1d458e392) (2019/09/26投稿 9LGTM)
 - [Rubyはオワコン？～オワコンチャートを作成してみた～](https://qiita.com/j5c8k6m8/items/70580c0036a4ddecb98f) (2019/09/29投稿 7LGTM)

[上記以外の記事を確認する](https://qiita.com/search?q=user%3Aj5c8k6m8+tag%3AQiitaタグ集計記事)

## 【Ruby】 (6記事, 24LGTM)

 - [Rubyはオワコン？～オワコンチャートを作成してみた～](https://qiita.com/j5c8k6m8/items/70580c0036a4ddecb98f) (2019/09/29投稿 7LGTM)
 - [【Ruby】🏡THE HOUSE OF THE DEAD CODE🧟🧟‍♀️🧟‍♂️](https://qiita.com/j5c8k6m8/items/c07d2a1550f08d2cbffb) (2020/12/24投稿 5LGTM)
 - [【Ruby】【短期】Qiitaの今読んでおくべき記事１００選【毎週自動更新】](https://qiita.com/j5c8k6m8/items/d7205a64ac2413c69f19) (2020/04/06投稿 4LGTM)

[上記以外の記事を確認する](https://qiita.com/search?q=user%3Aj5c8k6m8+tag%3ARuby)

## 【quine投稿】 (5記事, 11LGTM)

 - [Quine投稿のすゝめ](https://qiita.com/j5c8k6m8/items/bc2324ef036729da1a28) (2019/08/10投稿 6LGTM)
 - [「QiitaでQiitaを作る画像」が「前提一切不要＆ブラウザだけ」で５分で作れた物語](https://qiita.com/j5c8k6m8/items/15662fbb17b35e29be8f) (2019/08/10投稿 2LGTM)
 - [Qiita APIでQuine投稿(Node.js)](https://qiita.com/j5c8k6m8/items/37dc0db871d6d766943c) (2019/07/31投稿 2LGTM)

[上記以外の記事を確認する](https://qiita.com/search?q=user%3Aj5c8k6m8+tag%3Aquine投稿)

## 【闇の魔術】 (5記事, 208LGTM)

 - [【闇の魔術】【2020年】Qiitaの2020年に読んでおくべき闇の魔術に関する記事１００選【手動集計】](https://qiita.com/j5c8k6m8/items/64d09fc5d68c79a15cf9) (2020/12/06投稿 135LGTM)
 - [DEAD CODE COOKBOOK ~デッドコードの作り方と復活の呪文~ の紹介](https://qiita.com/j5c8k6m8/items/0f0596845b63e3b32d7d) (2020/11/30投稿 41LGTM)
 - [存在しない正規表現 ~正規表現と秘密の部屋~](https://qiita.com/j5c8k6m8/items/009da491fad911834c3b) (2020/11/30投稿 21LGTM)

[上記以外の記事を確認する](https://qiita.com/search?q=user%3Aj5c8k6m8+tag%3A闇の魔術)

## 【COTOHA】 (4記事, 44LGTM)

 - [キラやば～っ☆ な「COTOHA DECO」作っちゃった！？よーしっ、さっそくQiitaへ投稿だーっ☆](https://qiita.com/j5c8k6m8/items/b5df0703729a050f19ee) (2020/03/04投稿 15LGTM)
 - [「なでしこ」と「ことは」を組み合わせると、自然言語プログラミングが可能か、検証してみた。](https://qiita.com/j5c8k6m8/items/a04a105c91e849b7c894) (2020/03/14投稿 12LGTM)
 - [フロントエンドエンジニアが「COTOHA DECO」を作ろうとする](https://qiita.com/j5c8k6m8/items/dbc3a766b0c1daba7768) (2020/03/02投稿 10LGTM)

[上記以外の記事を確認する](https://qiita.com/search?q=user%3Aj5c8k6m8+tag%3ACOTOHA)

## 【pug】 (3記事, 851LGTM)

 - [「(HTML) + CSS」のみを使って、今「リアルな電卓」を作ってみた](https://qiita.com/j5c8k6m8/items/4695ee12b35e9c14047e) (2020/07/13投稿 845LGTM)
 - [【小数点実装】「(HTML +) CSS」のみを使って、今「もっとリアルな電卓」を作ってみた](https://qiita.com/j5c8k6m8/items/a86ee1e50472fbc6b3d1) (2020/08/15投稿 5LGTM)
 - [「pug」タグについて (タグシノニム: 「Jade」)](https://qiita.com/j5c8k6m8/items/5d914c29ec6152ed2a78) (2019/05/23投稿 1LGTM)

## 【DeadCodeCookbook】 (3記事, 67LGTM)

 - [DEAD CODE COOKBOOK ~デッドコードの作り方と復活の呪文~ の紹介](https://qiita.com/j5c8k6m8/items/0f0596845b63e3b32d7d) (2020/11/30投稿 41LGTM)
 - [存在しない正規表現 ~正規表現と秘密の部屋~](https://qiita.com/j5c8k6m8/items/009da491fad911834c3b) (2020/11/30投稿 21LGTM)
 - [【Ruby】🏡THE HOUSE OF THE DEAD CODE🧟🧟‍♀️🧟‍♂️](https://qiita.com/j5c8k6m8/items/c07d2a1550f08d2cbffb) (2020/12/24投稿 5LGTM)

## 【Rails】 (3記事, 9LGTM)

 - [【Ruby】【短期】Qiitaの今読んでおくべき記事１００選【毎週自動更新】](https://qiita.com/j5c8k6m8/items/d7205a64ac2413c69f19) (2020/04/06投稿 4LGTM)
 - [【Ruby】【長期】Qiitaの今読んでおくべき記事１００選【毎週自動更新】](https://qiita.com/j5c8k6m8/items/e9a9f8542bab851b2d4d) (2020/04/06投稿 4LGTM)
 - [「Rails」タグについて(タグシノニム: 「RubyOnRails」「Ruby-Rails」「rails」「ROR」「#RubyOnRails」)](https://qiita.com/j5c8k6m8/items/c7f2244800b7ed4bd700) (2019/05/23投稿 1LGTM)

## 【Python】 (3記事, 9LGTM)

 - [【Python】【短期】Qiitaの今読んでおくべき記事１００選【毎週自動更新】](https://qiita.com/j5c8k6m8/items/cacb219aff23f13d551c) (2020/04/06投稿 6LGTM)
 - [【Python】【長期】Qiitaの今読んでおくべき記事１００選【毎週自動更新】](https://qiita.com/j5c8k6m8/items/05c9d32f662bf97ee6b0) (2020/04/06投稿 3LGTM)
 - [Qiita APIでQuine投稿(Python)](https://qiita.com/j5c8k6m8/items/5aa4ac2666d25aada23f) (2020/04/30投稿 0LGTM)

## 【quine】 (3記事, 3LGTM)

 - [Qiita APIでQuine投稿(Node.js)](https://qiita.com/j5c8k6m8/items/37dc0db871d6d766943c) (2019/07/31投稿 2LGTM)
 - [Qiita APIでQuine投稿(golang)](https://qiita.com/j5c8k6m8/items/cf3347901c896c68266e) (2019/09/16投稿 1LGTM)
 - [Qiita APIでQuine投稿(Python)](https://qiita.com/j5c8k6m8/items/5aa4ac2666d25aada23f) (2020/04/30投稿 0LGTM)

## 【自然言語処理】 (3記事, 37LGTM)

 - [キラやば～っ☆ な「COTOHA DECO」作っちゃった！？よーしっ、さっそくQiitaへ投稿だーっ☆](https://qiita.com/j5c8k6m8/items/b5df0703729a050f19ee) (2020/03/04投稿 15LGTM)
 - [「なでしこ」と「ことは」を組み合わせると、自然言語プログラミングが可能か、検証してみた。](https://qiita.com/j5c8k6m8/items/a04a105c91e849b7c894) (2020/03/14投稿 12LGTM)
 - [フロントエンドエンジニアが「COTOHA DECO」を作ろうとする](https://qiita.com/j5c8k6m8/items/dbc3a766b0c1daba7768) (2020/03/02投稿 10LGTM)

## 【なでしこ】 (3記事, 25LGTM)

 - [「なでしこ」と「ことは」を組み合わせると、自然言語プログラミングが可能か、検証してみた。](https://qiita.com/j5c8k6m8/items/a04a105c91e849b7c894) (2020/03/14投稿 12LGTM)
 - [AtCoder に登録したら解くべき精選過去問 10 問 を なでしこ で解いてみた](https://qiita.com/j5c8k6m8/items/a9140f7446885d65879e) (2020/03/07投稿 9LGTM)
 - [なでしこ(v3) の 実行環境 / 開発環境 を DOCKER で作成する](https://qiita.com/j5c8k6m8/items/1770a9790faa29d94723) (2020/04/02投稿 4LGTM)

## 【ShellScript】 (3記事, 9LGTM)

 - [【LINUXコマンド】オプションの短縮表記一覧](https://qiita.com/j5c8k6m8/items/7d8196252ccd4e561305) (2020/04/25投稿 4LGTM)
 - [【Linux/ShellScript】【長期】Qiitaの今読んでおくべき記事１００選【毎週自動更新】](https://qiita.com/j5c8k6m8/items/0eb019846800ee7a910f) (2020/04/11投稿 3LGTM)
 - [【Linux/ShellScript】【短期】Qiitaの今読んでおくべき記事１００選【毎週自動更新】](https://qiita.com/j5c8k6m8/items/cf65f2e04b1b1ceaaf60) (2020/04/11投稿 2LGTM)

## 【Git】 (3記事, 6LGTM)

 - [【LINUXコマンド】オプションの短縮表記一覧](https://qiita.com/j5c8k6m8/items/7d8196252ccd4e561305) (2020/04/25投稿 4LGTM)
 - [【Git】【短期】Qiitaの今読んでおくべき記事１００選【毎週自動更新】](https://qiita.com/j5c8k6m8/items/02007dfaab46a22980ce) (2020/04/09投稿 1LGTM)
 - [【Git】【長期】Qiitaの今読んでおくべき記事１００選【毎週自動更新】](https://qiita.com/j5c8k6m8/items/d04c1dbaff431d067e18) (2020/04/09投稿 1LGTM)

## 【ネタ】 (3記事, 64LGTM)

 - [DEAD CODE COOKBOOK ~デッドコードの作り方と復活の呪文~ の紹介](https://qiita.com/j5c8k6m8/items/0f0596845b63e3b32d7d) (2020/11/30投稿 41LGTM)
 - [存在しない正規表現 ~正規表現と秘密の部屋~](https://qiita.com/j5c8k6m8/items/009da491fad911834c3b) (2020/11/30投稿 21LGTM)
 - [この記事をいいねしたユーザの投稿記事タイムラインを自動更新する記事を作成してみた](https://qiita.com/j5c8k6m8/items/1f23349c2521d916ed1a) (2019/07/31投稿 2LGTM)

## 【Go】 (3記事, 5LGTM)

 - [【Go言語】【短期】Qiitaの今読んでおくべき記事１００選【毎週自動更新】](https://qiita.com/j5c8k6m8/items/4208b5ea008e8e542c7c) (2020/04/07投稿 3LGTM)
 - [【Go言語】【長期】Qiitaの今読んでおくべき記事１００選【毎週自動更新】](https://qiita.com/j5c8k6m8/items/abeef17b4d7f4eef1797) (2020/04/07投稿 1LGTM)
 - [Qiita APIでQuine投稿(golang)](https://qiita.com/j5c8k6m8/items/cf3347901c896c68266e) (2019/09/16投稿 1LGTM)

## 【AsyncAwait】 (3記事, 21LGTM)

 - [async/awaitの並列実行/直列実行/即時実行の書き方(ECMAScript 2017)【まとめ】(for-of,forEach,map,reduce,Pormise.all)](https://qiita.com/j5c8k6m8/items/cf1e2e393b4d28d4048b) (2019/06/07投稿 16LGTM)
 - [「AsyncAwait」タグについて(タグシノニム: 「async」「await」)](https://qiita.com/j5c8k6m8/items/2772324f99e03f16576c) (2019/06/08投稿 3LGTM)
 - [「Good Morning World」と「Good Night World」(ruby, javascript)](https://qiita.com/j5c8k6m8/items/5b7e7219d18b3410c621) (2019/08/24投稿 2LGTM)

## 【新人プログラマ応援】 (3記事, 22LGTM)

 - [【新人プログラマ応援/初心者】【短期】Qiitaの今読んでおくべき記事１００選【毎週自動更新】](https://qiita.com/j5c8k6m8/items/141ae4ec305f7c6bcd15) (2020/04/09投稿 11LGTM)
 - [「プログラミング言語」について知っておいてほしいこと](https://qiita.com/j5c8k6m8/items/81b380abbfe5fe824495) (2019/05/22投稿 6LGTM)
 - [【新人プログラマ応援/初心者】【長期】Qiitaの今読んでおくべき記事１００選【毎週自動更新】](https://qiita.com/j5c8k6m8/items/10871a95c44891e4f840) (2020/04/09投稿 5LGTM)

## その他の記事 (1記事, 1LGTM)

 - [toio™コア キューブをWeb Bluetoothを利用してブラウザで動かすときのチートシート](https://qiita.com/j5c8k6m8/items/a1f61c36f40c6e88be09) (2020/05/17投稿 1LGTM)


# この記事を自動更新しているコード

```  javascript:qiitaPortfolio.js
const authorization_token = 'Bearer 1234567890abcdef1234567890abcdef1234567890abcdef1234567890abcd';
const thisCode = (authorization_token) => {
  const request = require('request');
  const fs = require('fs');

  const ITEM_ID = '45dc28d8204827d1212b';
  const USER_ID = 'j5c8k6m8';
  const LIKES_CACHE_FILE_PATH = 'qiita_portfolio_likes_cache.json';

  const execRequest = (url, method, json) => {
    return new Promise( (resolve, reject) => {
      let request_arg = { url: url, headers: { Authorization: authorization_token } };
      if (method) request_arg.method = method; 
      if (json) {
        request_arg.json = json;
        request_arg.headers['Content-Type'] = 'application/json';
      }
      request(request_arg, (error, response, body) => {
        if (error) {
          console.log(`execRequest fail [${url}]`);
          reject(error);
        } else {
          console.log(`execRequest success [${url}}]`);
          if (method) console.log(body);
          resolve(method ? body : JSON.parse(body));
        }
      });
    });
  }

  const getDateString = date => {
    return new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours()).toISOString().substring(0, 10);
  }

  const weekTextCalendarHeatmap = (startDate, endDate, dateCallback) => {
    const retRows = [ '日', '月', '火','水', '木', '金', '土' ].map( w => [ `<font color="#a6aebb">${w}　</font>` ]);
    const tmpDate = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate());
    let firstFlg = true;
    let tmpDay = tmpDate.getDay();
    let tmpDateNum;
    while (tmpDate <= endDate) {
      if (firstFlg) {
        for (let i = 0; i < tmpDay; i++) {
          retRows[i].push(dateCallback(null));
        }
        firstFlg = false;
      }
      retRows[tmpDay].push(dateCallback(tmpDate));
      tmpDate.setDate(tmpDate.getDate() + 1);
      tmpDay = tmpDate.getDay();
      tmpDateNum = tmpDate.getDate();
    }
    for (let i = tmpDay; i < 7; i++) {
      retRows[i].push(dateCallback(null));
    }
    return retRows.map( r => r.join('')).join('\n');
  }

  const qiitaTextCalendarHeatmap = (date, items_by_date, likes_num_by_date) => {
    let endDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() - 1);
    let startDate = new Date(date.getFullYear() - 1, date.getMonth(), date.getDate());
    let totalItemNum = 0;
    let totalLikeNum = 0;
    const tmpDate = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate());
    while (tmpDate <= endDate) {
      const tmpDateStr = getDateString(tmpDate);
      if (items_by_date[tmpDateStr]) {
        totalItemNum += items_by_date[tmpDateStr].length;
      }
      if (likes_num_by_date[tmpDateStr]) {
        totalLikeNum += likes_num_by_date[tmpDateStr];
      }
      tmpDate.setDate(tmpDate.getDate() + 1);
    }
    const header = `# 直近一年の活動(${startDate.getFullYear()}/${startDate.getMonth() + 1}/${startDate.getDate()} ～ ${endDate.getFullYear()}/${endDate.getMonth() + 1}/${endDate.getDate()})[^1]

[^1]: 自身の記事に対して付いたLGTM数、自身の記事投稿数と、自身の記事に対して付いたLGTM数のヒートマップ

\`\`\` math
{\\rm{\\Huge ${totalLikeNum.toLocaleString()}}\\quad{\\Large LGTM}\\qquad{\\Huge ${totalItemNum.toLocaleString()}}\\quad{\\Large 記事}}
\`\`\`
`
    const dateCallback = date => {
      ret = '';
      if (date) {
        const dateStr = getDateString(date);
        if (items_by_date[dateStr]) {
          if (likes_num_by_date[dateStr]) {
            ret += `[<font color="${getColorByNum(likes_num_by_date[dateStr])}">■&#x31f;</font>](https://qiita.com/search?sort=&q=user%3A${USER_ID}+created%3A${dateStr})`;
          } else {
            ret += `[<font color="#a6aebb">■&#x31f;</font>](https://qiita.com/search?sort=&q=user%3A${USER_ID}+created%3A${dateStr})`;
          }
        } else {
          ret += `<font color="${getColorByNum(likes_num_by_date[dateStr])}">■</font>`;
        }
      } else {
        ret += '<font color="#fff">■</font>';
      }
      return ret;
    }
    return header + '\n' + weekTextCalendarHeatmap(startDate, endDate, dateCallback);
  }

  const getColorByNum = num => {
    if (!num) {
      return '#ebedf0'
    } else if (num < 10) {
      return `#${Math.floor(198 - 75 * (num - 1) / 9).toString(16)}${Math.floor(228 - 27 * (num - 1) / 9).toString(16)}${Math.floor(139 - 28 * (num - 1) / 9).toString(16)}`
    } else if (num < 100) {
      return `#${Math.floor(123 - 88 * (num - 10) / 90).toString(16)}${Math.floor(201 - 48 * (num - 10) / 90).toString(16)}${Math.floor(111 - 52 * (num - 10) / 90).toString(16)}`
    } else if (num < 1000) {
      return `#${Math.floor(35 - 10 * (num - 100) / 900).toString(16)}${Math.floor(154 - 57 * (num - 100) / 900).toString(16)}${Math.floor(59 - 20 * (num - 100) / 900).toString(16)}`
    } else {
      return '#196127'
    }
  }

  (async () => {
    const items = [];
    const items_by_tag = {};
    const items_by_date = {};
    for(let i = 1; i <= 100; i++) { // 記事数は最大1万想定
      // 自身以外のユーザの記事も作成できるように
      let response_items = await execRequest(`https://qiita.com/api/v2/items/?page=${i}&per_page=100&query=user:${USER_ID}`);
      response_items.filter( response_item => !response_item.private ).forEach( response_item => {
        let item = {
          id: response_item.id,
          title: response_item.title,
          tags: response_item.tags.map( tag => tag.name ),
          created_at: new Date(response_item.created_at),
          likes_count: response_item.likes_count,
        }
        items.push(item);
        if (!items_by_date[getDateString(item.created_at)]) {
          items_by_date[getDateString(item.created_at)] = [];
        }
        items_by_date[getDateString(item.created_at)].push(item);
        item.tags.forEach( tag => {
          if (!items_by_tag[tag]) items_by_tag[tag] = [];
          items_by_tag[tag].push(item);
        });
      });
      if (response_items.length < 100 || response_items.length === 0) break;
    }
    let items_likes = {};
    const likes_num_by_date = {};
    if (fs.existsSync(LIKES_CACHE_FILE_PATH)) {
      items_likes = JSON.parse(fs.readFileSync(LIKES_CACHE_FILE_PATH, 'utf-8'))
    }
    for (let item of items) {
      let likes = items_likes[item.id];
      if (!likes) {
        likes = [];
        items_likes[item.id] = likes;
      }
      if (item.likes_count === 0) {
        items_likes[item.id] = [];
      } else if (item.likes_count !== likes.length) { // リクエスト数を抑えるために、LGTM数に変動がなければ再取得しない
        if (item.likes_count <= 100) {
          let response_likes = await execRequest(`https://qiita.com/api/v2/items/${item.id}/likes?page=1&per_page=100`);
          likes = response_likes.map(like => { return { created_at: like.created_at, user_id: like.user.id }; });
          items_likes[item.id] = likes;
          fs.writeFileSync(LIKES_CACHE_FILE_PATH, JSON.stringify(items_likes)); // 回数制限でAPI呼び出しに失敗する可能性があるため、都度保存する
        } else { // APIは作成日時の降順で結果を返却する
          let before_likes = likes.concat(); // shiftして破壊していくためコピーしておく
          likes = [];
          for (let i = 1; i <= Math.floor(item.likes_count / 100) + 1; i++) {
            let response_likes = await execRequest(`https://qiita.com/api/v2/items/${item.id}/likes?page=${i}&per_page=100`);
            response_likes.map(like => { return { created_at: like.created_at, user_id: like.user.id }; }).forEach( response_like => {
              if (before_likes.length === 0) {
                likes.push(response_like);
              } else {
                let response_created_at = new Date(response_like.created_at);
                let first_created_at = new Date(before_likes[0].created_at);
                while (response_created_at <= first_created_at) {
                  if (response_created_at < first_created_at || response_like.user_id == before_likes[0].user_id) {
                    before_likes.shift();
                    if (before_likes.length === 0) {
                      break;
                    } else {
                      first_created_at = new Date(before_likes[0].created_at);
                    }
                  } else {
                    break;
                  }
                }
                likes.push(response_like);
              }
            });
            if (likes.length + before_likes.length == item.likes_count) {
              likes = likes.concat(before_likes);
              break;
            }
          }
          items_likes[item.id] = likes;
          fs.writeFileSync(LIKES_CACHE_FILE_PATH, JSON.stringify(items_likes)); // 回数制限でAPI呼び出しに失敗する可能性があるが、差分更新であり、データの整合性を考慮してitem毎の保存とする
        }
      }
    }
    items.forEach( item => {
      items_likes[item.id].forEach( like => {
        let date = getDateString(new Date(like.created_at));
        if (likes_num_by_date[date] == null) {
          likes_num_by_date[date] = 0;
        } else {
          likes_num_by_date[date] += 1;
        }
      });
    });
    let body = 'ピックアップ記事用のポートフォリオです。\n'
    body += '　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　'
    body += '\n※ 本記事はスマホだと一部の表示が崩れます。PC版サイトで表示してください。\n\n'
    body += qiitaTextCalendarHeatmap(new Date(), items_by_date, likes_num_by_date);
    body += `\n<font color="#ffffff">■■■■■■■■</font><font color="#c6e48b">■ </font><font color="#a6aebb">1LGTM</font>　 `
    body += `<font color="#7bc96f">■ </font><font color="#a6aebb">10LGTM</font>　 `
    body += `<font color="#239a3b">■ </font><font color="#a6aebb">100LGTM</font>　 `
    body += `<font color="#196127">■ </font><font color="#a6aebb">1,000LGTM</font>　 `
    body += `<font color="#a6aebb">■&#x31f; </font><font color="#a6aebb">投稿あり(リンク付)</font>\n`
    body += `

# タグ毎の記事一覧[^2]

[^2]: 3つ以上の記事で使われているタグが対象。3つ以上の記事で使われているタグが含まれない記事は、「その他の記事」に一覧を表示。
`
    let tags = Object.keys(items_by_tag).sort((a,b) => items_by_tag[b].length - items_by_tag[a].length);
    let other_items = [];
    let other_tags = [];
    tags.forEach( tag => {
      if (items_by_tag[tag].length > 2) {
        let items = items_by_tag[tag].concat().sort((a,b) => b.likes_count - a.likes_count);
        body += `\n## 【${tag}】 (${items.length.toLocaleString()}記事, ${items.reduce( (a, c) => a + c.likes_count, 0).toLocaleString()}LGTM)\n\n`;
        for (let i = 0; i < 3; i++) {
          body += ` - [${items[i].title}](https://qiita.com/j5c8k6m8/items/${items[i].id}) (${getDateString(items[i].created_at).replace(/-/g, '/')}投稿 ${items[i].likes_count.toLocaleString()}LGTM)\n`
        }
        if (items_by_tag[tag].length > 3) {
          body += `\n[上記以外の記事を確認する](https://qiita.com/search?q=user%3A${USER_ID}+tag%3A${tag})\n`
        }
      } else {
        other_items = other_items.concat(items_by_tag[tag].filter( item => !other_items.includes(item)));
        other_tags.push(tag);
      }
    });
    other_items = other_items.filter( item => item.tags.every( tag => other_tags.includes(tag))).sort((a,b) => b.likes_count - a.likes_count);
    if (other_items.length > 0) {
      body += `\n## その他の記事 (${other_items.length.toLocaleString()}記事, ${other_items.reduce( (a, c) => a + c.likes_count, 0).toLocaleString()}LGTM)\n\n`;
      other_items.forEach( item => {
          body += ` - [${item.title}](https://qiita.com/j5c8k6m8/items/${item.id}) (${getDateString(item.created_at).replace(/-/g, '/')}投稿 ${item.likes_count.toLocaleString()}LGTM)\n`
      });
    }

    body += `

# この記事を自動更新しているコード

\`\`\`  javascript:qiitaPortfolio.js
const authorization_token = 'Bearer 1234567890abcdef1234567890abcdef1234567890abcdef1234567890abcd';
const thisCode = ${thisCode.toString()}
thisCode(authorization_token);
\`\`\`
`;

    await execRequest(
      `https://qiita.com/api/v2/items/${ITEM_ID}`,
      'PATCH', {
//      `https://qiita.com/api/v2/items`,
//      'POST', {
        body: body,
        private: false,
        tags: [
          { name: 'Qiita' },
          { name: 'QiitaAPI' },
          { name: 'Qiitaポートフォリオ' },
          { name: 'ポートフォリオ' },
          { name: '自動更新' },
        ],
        title: `【Qiitaポートフォリオ】@${USER_ID}の活動【毎日自動更新】`
      });
  })();
}
thisCode(authorization_token);
```