https://b.hatena.ne.jp/takanash/JavaScript/ JavaScriptに関するtakanashのはてなブックマーク (47) https://qiita.com/rana_kualu/items/6c8f9db6565e80332d05 takanash 2026-02-11T04:38:37Z モバイル JavaScript 120 <blockquote cite="https://qiita.com/rana_kualu/items/6c8f9db6565e80332d05" title="【WebF】React/Vue/Svelteがそのままネイティブアプリになるよ - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Frana_kualu%2Fitems%2F6c8f9db6565e80332d05" alt="" /> <a href="https://qiita.com/rana_kualu/items/6c8f9db6565e80332d05">【WebF】React/Vue/Svelteがそのままネイティブアプリになるよ - Qiita</a></cite><p><a href="https://qiita.com/rana_kualu/items/6c8f9db6565e80332d05"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/56d54ccfaaca353262b3c2ff46470514629cad79/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMjYwODglMkZwcm9maWxlLWltYWdlcyUyRjE1NjUwMTU3NDQ_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPWZjOGJmMmI1NTVkY2YzNzAzYzFjMDM3YTNjNTM4OGYx%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D161c72e9e5a05dbe420e9782484aab5f%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgwJTkwV2ViRiVFMyU4MCU5MVJlYWN0JTJGVnVlJTJGU3ZlbHRlJUUzJTgxJThDJUUzJTgxJTlEJUUzJTgxJUFFJUUzJTgxJUJFJUUzJTgxJUJFJUUzJTgzJThEJUUzJTgyJUE0JUUzJTgzJTg2JUUzJTgyJUEzJUUzJTgzJTk2JUUzJTgyJUEyJUUzJTgzJTk3JUUzJTgzJUFBJUUzJTgxJUFCJUUzJTgxJUFBJUUzJTgyJThCJUUzJTgyJTg4JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZjJlZDI4OWM5YzVkMGFlZWI5NGUyMmFjMjI3ZDkwN2E%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDByYW5hX2t1YWx1JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9OTRmMWRlNGQ0OTgyZWU5MDEyY2YyODliZmI3YzhkMTU%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Db65298e551cbce4b7c8a242a37f528de" alt="【WebF】React/Vue/Svelteがそのままネイティブアプリになるよ - Qiita" title="【WebF】React/Vue/Svelteがそのままネイティブアプリになるよ - Qiita" class="entry-image" /></a></p><p>Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この手の話をもう何万回聞いたかわかりませんが、GitHubリポジトリのコミット数や頻度を見るにかなりの本気度を感じます。 そんなわけでJavaScriptをそのままネイティブアプリにす...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/rana_kualu/items/6c8f9db6565e80332d05"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/rana_kualu/items/6c8f9db6565e80332d05" alt="はてなブックマーク - 【WebF】React/Vue/Svelteがそのままネイティブアプリになるよ - Qiita" title="はてなブックマーク - 【WebF】React/Vue/Svelteがそのままネイティブアプリになるよ - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/rana_kualu/items/6c8f9db6565e80332d05"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/itte/articles/b1c71b21d7483c takanash 2025-05-12T11:45:48Z JavaScript 1 <blockquote cite="https://zenn.dev/itte/articles/b1c71b21d7483c" title="カスタム要素時代のVanilla JS開発"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fitte%2Farticles%2Fb1c71b21d7483c" alt="" /> <a href="https://zenn.dev/itte/articles/b1c71b21d7483c">カスタム要素時代のVanilla JS開発</a></cite><p><a href="https://zenn.dev/itte/articles/b1c71b21d7483c"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/17e5419f0f04c3d1a341357623764596503f9fe2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--UVE1fq2h--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252582%2525AB%2525E3%252582%2525B9%2525E3%252582%2525BF%2525E3%252583%2525A0%2525E8%2525A6%252581%2525E7%2525B4%2525A0%2525E6%252599%252582%2525E4%2525BB%2525A3%2525E3%252581%2525AEVanilla%252520JS%2525E9%252596%25258B%2525E7%252599%2525BA%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3ANakamura%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzlhZmFmY2VlMTguanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="カスタム要素時代のVanilla JS開発" title="カスタム要素時代のVanilla JS開発" class="entry-image" /></a></p><p>Jitoinを開発しているitteと申します。Webエンジニア向けのサービスや記事を公開しています。 私はカスタム要素について、過去に記事を書いたような独自のタグを作るものだと誤解していました。 VueやReactを使わなくても、頑張ればVanilla JS（ライブライを使わないJavaScript）だけでコンポーネント指向の開発ができる...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/itte/articles/b1c71b21d7483c"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/itte/articles/b1c71b21d7483c" alt="はてなブックマーク - カスタム要素時代のVanilla JS開発" title="はてなブックマーク - カスタム要素時代のVanilla JS開発" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/itte/articles/b1c71b21d7483c"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/umiushi_1/items/4aa25df3343c5b2be62d takanash 2024-06-11T02:58:27Z TypeScript JavaScript 199 <blockquote cite="https://qiita.com/umiushi_1/items/4aa25df3343c5b2be62d" title="TypeScriptを導入する意味と限界、型レベルプログラミングの紹介 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fumiushi_1%2Fitems%2F4aa25df3343c5b2be62d" alt="" /> <a href="https://qiita.com/umiushi_1/items/4aa25df3343c5b2be62d">TypeScriptを導入する意味と限界、型レベルプログラミングの紹介 - Qiita</a></cite><p><a href="https://qiita.com/umiushi_1/items/4aa25df3343c5b2be62d"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f27a5c9a03e6e9a439fed35ed3a8768ea2b67132/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fengineer-festa-ogp-background-074608b13b4bbe67c10ada41e7e2d292.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VHlwZVNjcmlwdCVFMyU4MiU5MiVFNSVCMCU4RSVFNSU4NSVBNSVFMyU4MSU5OSVFMyU4MiU4QiVFNiU4NCU4RiVFNSU5MSVCMyVFMyU4MSVBOCVFOSU5OSU5MCVFNyU5NSU4QyVFMyU4MCU4MSVFNSU5RSU4QiVFMyU4MyVBQyVFMyU4MyU5OSVFMyU4MyVBQiVFMyU4MyU5NyVFMyU4MyVBRCVFMyU4MiVCMCVFMyU4MyVBOSVFMyU4MyU5RiVFMyU4MyVCMyVFMyU4MiVCMCVFMyU4MSVBRSVFNyVCNCVCOSVFNCVCQiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzRkZGRkZGJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9YTAwNTM1ODFkMDZlMjA5MjIwM2E2NWFhNDk1ZjA0ZTY%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDB1bWl1c2hpXzEmdHh0LWNvbG9yPSUyM0ZGRkZGRiZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWM2YWM5NjJjNDgzODRlMmE2NzhmMzk3NWZlZTJhMGNh%26blend-x%3D120%26blend-y%3D445%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44OX44Op44Kk44Og44O744OW44Os44Kk44Oz44K6%26txt-width%3D972%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523FFFFFF%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D134%26txt-y%3D546%26s%3Da4a97135a2fa434adbca0b3c31f2dd9d" alt="TypeScriptを導入する意味と限界、型レベルプログラミングの紹介 - Qiita" title="TypeScriptを導入する意味と限界、型レベルプログラミングの紹介 - Qiita" class="entry-image" /></a></p><p>Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/umiushi_1/items/4aa25df3343c5b2be62d"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/umiushi_1/items/4aa25df3343c5b2be62d" alt="はてなブックマーク - TypeScriptを導入する意味と限界、型レベルプログラミングの紹介 - Qiita" title="はてなブックマーク - TypeScriptを導入する意味と限界、型レベルプログラミングの紹介 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/umiushi_1/items/4aa25df3343c5b2be62d"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ics.media/entry/231120/ takanash 2023-11-21T03:18:54Z JavaScript 書籍 216 <blockquote cite="https://ics.media/entry/231120/" title="『フロントエンドの知識地図』出版のお知らせ - ICS MEDIA"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fics.media%2Fentry%2F231120%2F" alt="" /> <a href="https://ics.media/entry/231120/">『フロントエンドの知識地図』出版のお知らせ - ICS MEDIA</a></cite><p><a href="https://ics.media/entry/231120/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c6a1455a07a72031f58c4757ff3e9534475e85a8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fics.media%2Fentry%2F231120%2Fimages%2F231120_eyecatch.jpg" alt="『フロントエンドの知識地図』出版のお知らせ - ICS MEDIA" title="『フロントエンドの知識地図』出版のお知らせ - ICS MEDIA" class="entry-image" /></a></p><p>株式会社ICSの池田・西原・松本の3人で『フロントエンドの知識地図 〜 一冊でHTML/CSS/JavaScriptの開発技術が学べる本』という書籍を執筆しました！ ICS MEDIAではHTML・CSS・JavaScriptにおける最新技術をテーマに取り扱っています。ウェブメディアの特性上、記事は断片的な情報となることが多く、体系的な発信が難し...</p><p><a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/231120/"><img src="https://b.hatena.ne.jp/entry/image/https://ics.media/entry/231120/" alt="はてなブックマーク - 『フロントエンドの知識地図』出版のお知らせ - ICS MEDIA" title="はてなブックマーク - 『フロントエンドの知識地図』出版のお知らせ - ICS MEDIA" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/231120/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/manalink_dev/articles/new-nextjs-service-startup-points-2023 takanash 2023-10-20T11:26:12Z NestJS JavaScript 399 <blockquote cite="https://zenn.dev/manalink_dev/articles/new-nextjs-service-startup-points-2023" title="いまNext.jsで新規サービスを立ち上げるときの観点（Router・CSS・認証・監視など/2023年末）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fmanalink_dev%2Farticles%2Fnew-nextjs-service-startup-points-2023" alt="" /> <a href="https://zenn.dev/manalink_dev/articles/new-nextjs-service-startup-points-2023">いまNext.jsで新規サービスを立ち上げるときの観点（Router・CSS・認証・監視など/2023年末）</a></cite><p><a href="https://zenn.dev/manalink_dev/articles/new-nextjs-service-startup-points-2023"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/008453cf6a74410478db83dbdf38dccdfc6e8ac4/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--LNXeJN6b--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252581%252584%2525E3%252581%2525BENext.js%2525E3%252581%2525A7%2525E6%252596%2525B0%2525E8%2525A6%25258F%2525E3%252582%2525B5%2525E3%252583%2525BC%2525E3%252583%252593%2525E3%252582%2525B9%2525E3%252582%252592%2525E7%2525AB%25258B%2525E3%252581%2525A1%2525E4%2525B8%25258A%2525E3%252581%252592%2525E3%252582%25258B%2525E3%252581%2525A8%2525E3%252581%25258D%2525E3%252581%2525AE%2525E8%2525A6%2525B3%2525E7%252582%2525B9%2525EF%2525BC%252588Router%2525E3%252583%2525BBCSS%2525E3%252583%2525BB%2525E8%2525AA%25258D%2525E8%2525A8%2525BC%2525E3%252583%2525BB%2525E7%25259B%2525A3%2525E8%2525A6%252596%2525E3%252581%2525AA%2525E3%252581%2525A9%25252F2023%2525E5%2525B9%2525B4%2525E6%25259C%2525AB%2525EF%2525BC%252589%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3Ameijin%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2FmZjliMGZlZjIuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3A%2525E3%252583%25259E%2525E3%252583%25258A%2525E3%252583%2525AA%2525E3%252583%2525B3%2525E3%252582%2525AF%252520Tech%252520Blog%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2pPWmtyWk1nS3djRXl5a2w1X2lVTFZFVmtVVUpkNzkzcjlfejhERjRzPXMyNTAtYw%3D%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png%3F_a%3DBACAGSGT" alt="いまNext.jsで新規サービスを立ち上げるときの観点（Router・CSS・認証・監視など/2023年末）" title="いまNext.jsで新規サービスを立ち上げるときの観点（Router・CSS・認証・監視など/2023年末）" class="entry-image" /></a></p><p>免責事項 社内向けに展開するように雑にまとめました Next.jsの知見が深くない人がリードしてPoCを立ち上げなきゃいけなくなったが、社内的にはNext.jsを推奨しているみたいな場面を想定しています なので自信ないところも多いですが割と断言するように心がけて書いています PoCの立ち上げ想定なので、jest/Storybookな...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/manalink_dev/articles/new-nextjs-service-startup-points-2023"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/manalink_dev/articles/new-nextjs-service-startup-points-2023" alt="はてなブックマーク - いまNext.jsで新規サービスを立ち上げるときの観点（Router・CSS・認証・監視など/2023年末）" title="はてなブックマーク - いまNext.jsで新規サービスを立ち上げるときの観点（Router・CSS・認証・監視など/2023年末）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/manalink_dev/articles/new-nextjs-service-startup-points-2023"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.publickey1.jp/blog/22/javascriptmemlab.html takanash 2022-09-15T02:42:32Z JavaScript 295 <blockquote cite="https://www.publickey1.jp/blog/22/javascriptmemlab.html" title="JavaScriptのメモリリークを検出するフレームワーク「MemLab」、メタがオープンソースで公開"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F22%2Fjavascriptmemlab.html" alt="" /> <a href="https://www.publickey1.jp/blog/22/javascriptmemlab.html">JavaScriptのメモリリークを検出するフレームワーク「MemLab」、メタがオープンソースで公開</a></cite><p><a href="https://www.publickey1.jp/blog/22/javascriptmemlab.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5d98bb781ec9b2564a60be961a58cc0ad599b09d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2F2022%2Fmemlab.png" alt="JavaScriptのメモリリークを検出するフレームワーク「MemLab」、メタがオープンソースで公開" title="JavaScriptのメモリリークを検出するフレームワーク「MemLab」、メタがオープンソースで公開" class="entry-image" /></a></p><p>JavaScriptのメモリリークを検出するフレームワーク「MemLab」、メタがオープンソースで公開 メタ（旧Facebook）は、JavaScriptアプリケーションのメモリリークを検出するフレームワーク「MemLab」をオープンソースとして公開したと発表しました。 We’ve open-sourced MemLab. #MemLab is a JavaScript memory testing f...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/22/javascriptmemlab.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/22/javascriptmemlab.html" alt="はてなブックマーク - JavaScriptのメモリリークを検出するフレームワーク「MemLab」、メタがオープンソースで公開" title="はてなブックマーク - JavaScriptのメモリリークを検出するフレームワーク「MemLab」、メタがオープンソースで公開" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/22/javascriptmemlab.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.ojisan.io/firebase-auth-ipass-login/ takanash 2022-07-04T03:48:13Z firebase JavaScript 155 <blockquote cite="https://blog.ojisan.io/firebase-auth-ipass-login/" title="firebaseでのパスワードログイン機能の実装をやりきるためのTips"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.ojisan.io%2Ffirebase-auth-ipass-login%2F" alt="" /> <a href="https://blog.ojisan.io/firebase-auth-ipass-login/">firebaseでのパスワードログイン機能の実装をやりきるためのTips</a></cite><p><a href="https://blog.ojisan.io/firebase-auth-ipass-login/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/511246f5ad77ad67c0314d66a8ae6d7d48fda7b8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.ojisan.io%2Fstatic%2F4652560eabb043b88736a25a95ee0add%2Fb0cbe%2Fvisual.jpg" alt="firebaseでのパスワードログイン機能の実装をやりきるためのTips" title="firebaseでのパスワードログイン機能の実装をやりきるためのTips" class="entry-image" /></a></p><p>Firebase Authentification は OAuth 2.0 フローにのっとったログイン方法以外にも Email/Password を使ったログイン方法も提供しています。 このログイン形式をちゃんと使おうとすると、これまでは Provider が担ってくれていたパスワードの編集、パスワードの再発行、メールリンクでのログイン、アドレスの本人確認な...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.ojisan.io/firebase-auth-ipass-login/"><img src="https://b.hatena.ne.jp/entry/image/https://blog.ojisan.io/firebase-auth-ipass-login/" alt="はてなブックマーク - firebaseでのパスワードログイン機能の実装をやりきるためのTips" title="はてなブックマーク - firebaseでのパスワードログイン機能の実装をやりきるためのTips" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.ojisan.io/firebase-auth-ipass-login/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.flatt.tech/entry/node_mysql_sqlinjection takanash 2022-02-16T05:39:03Z MySQL security JavaScript 439 <blockquote cite="https://blog.flatt.tech/entry/node_mysql_sqlinjection" title="Node.jsのMySQLパッケージにおけるエスケープ処理だけでは防げない「隠れた」SQLインジェクション - GMO Flatt Security Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.flatt.tech%2Fentry%2Fnode_mysql_sqlinjection" alt="" /> <a href="https://blog.flatt.tech/entry/node_mysql_sqlinjection">Node.jsのMySQLパッケージにおけるエスケープ処理だけでは防げない「隠れた」SQLインジェクション - GMO Flatt Security Blog</a></cite><p><a href="https://blog.flatt.tech/entry/node_mysql_sqlinjection"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/abf96ea71eed5d6a548382ecb5e1aa03de5f9425/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F3b0adfb94fe6c14492cd72b9a925b5102444a736%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Ff%252Fflattsecurity%252F20220214%252F20220214113741.png" alt="Node.jsのMySQLパッケージにおけるエスケープ処理だけでは防げない「隠れた」SQLインジェクション - GMO Flatt Security Blog" title="Node.jsのMySQLパッケージにおけるエスケープ処理だけでは防げない「隠れた」SQLインジェクション - GMO Flatt Security Blog" class="entry-image" /></a></p><p>※本記事は筆者styprが英語で執筆した記事を株式会社Flatt Security社内で日本語に翻訳したものになります。 TL;DR Node.jsのエコシステムで最も人気のあるMySQLパッケージの一つである mysqljs/mysql (https://github.com/mysqljs/mysql)において、クエリのエスケープ関数の予期せぬ動作がSQLインジェクションを引き起こ...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.flatt.tech/entry/node_mysql_sqlinjection"><img src="https://b.hatena.ne.jp/entry/image/https://blog.flatt.tech/entry/node_mysql_sqlinjection" alt="はてなブックマーク - Node.jsのMySQLパッケージにおけるエスケープ処理だけでは防げない「隠れた」SQLインジェクション - GMO Flatt Security Blog" title="はてなブックマーク - Node.jsのMySQLパッケージにおけるエスケープ処理だけでは防げない「隠れた」SQLインジェクション - GMO Flatt Security Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.flatt.tech/entry/node_mysql_sqlinjection"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/morinokami/books/learning-patterns-1 takanash 2022-01-03T09:57:26Z デザイン フロントエンド JavaScript 1020 <blockquote cite="https://zenn.dev/morinokami/books/learning-patterns-1" title="フロントエンドのデザインパターン"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fmorinokami%2Fbooks%2Flearning-patterns-1" alt="" /> <a href="https://zenn.dev/morinokami/books/learning-patterns-1">フロントエンドのデザインパターン</a></cite><p><a href="https://zenn.dev/morinokami/books/learning-patterns-1"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7ef3a2990925a370eeae2b578ccb606e61af0d73/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--JHzogfRP--%2Fg_center%252Ch_280%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYm9va19jb3Zlci9kZjJkYzdjMzM1LnBuZw%3D%3D%252Cw_200%2Fv1627283836%2Fdefault%2Fog-base-book_yz4z02.jpg%3F_a%3DBACAGSGT" alt="フロントエンドのデザインパターン" title="フロントエンドのデザインパターン" class="entry-image" /></a></p><p>本書は、Lydia Hallie 氏 と Addy Osmani 氏らによる Learning Patterns (https://www.patterns.dev/) の日本語訳です。原著は大きく 3 つのセクションに分かれていますが、本書は、その最初のセクションである Design Patterns を訳したものとなります。</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/morinokami/books/learning-patterns-1"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/morinokami/books/learning-patterns-1" alt="はてなブックマーク - フロントエンドのデザインパターン" title="はてなブックマーク - フロントエンドのデザインパターン" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/morinokami/books/learning-patterns-1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://note.com/yamanoborer/n/n2e4cc40328b7 takanash 2021-06-09T04:09:04Z JavaScript 9 <blockquote cite="https://note.com/yamanoborer/n/n2e4cc40328b7" title="【JavaScript】addEventListenerで関数に引数をわたす｜MI"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Fyamanoborer%2Fn%2Fn2e4cc40328b7" alt="" /> <a href="https://note.com/yamanoborer/n/n2e4cc40328b7">【JavaScript】addEventListenerで関数に引数をわたす｜MI</a></cite><p><a href="https://note.com/yamanoborer/n/n2e4cc40328b7"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/11e008269b63fc588e21fcd277d4dc8dcf8b43dc/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F9102815%2Frectangle_large_type_2_dd9f512f9018b520debb98e2354adddc.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280" alt="【JavaScript】addEventListenerで関数に引数をわたす｜MI" title="【JavaScript】addEventListenerで関数に引数をわたす｜MI" class="entry-image" /></a></p><p>JavaScriptでイベントバインド（クリックしたらこの関数が動く、というプログラム）するときには、『addEventListener』をつかうことが多いと思います。 今回は、「addEventListnerで呼び出す関数に『引数』をわたしたい！」という場面で引っかかりました。ググってもパッとわかる解説記事がなかったので、備忘録も兼ね...</p><p><a href="https://b.hatena.ne.jp/entry/s/note.com/yamanoborer/n/n2e4cc40328b7"><img src="https://b.hatena.ne.jp/entry/image/https://note.com/yamanoborer/n/n2e4cc40328b7" alt="はてなブックマーク - 【JavaScript】addEventListenerで関数に引数をわたす｜MI" title="はてなブックマーク - 【JavaScript】addEventListenerで関数に引数をわたす｜MI" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/note.com/yamanoborer/n/n2e4cc40328b7"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/okmttdhr/books/8c977618755cb68ad2c0 takanash 2020-12-22T02:40:01Z アーキテクチャ フロントエンド JavaScript 613 <blockquote cite="https://zenn.dev/okmttdhr/books/8c977618755cb68ad2c0" title="Micro Frontends Architecture Patterns"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fokmttdhr%2Fbooks%2F8c977618755cb68ad2c0" alt="" /> <a href="https://zenn.dev/okmttdhr/books/8c977618755cb68ad2c0">Micro Frontends Architecture Patterns</a></cite><p><a href="https://zenn.dev/okmttdhr/books/8c977618755cb68ad2c0"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6b58c38bfd067e0b5c468305a00cfc74d5762ee2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--D3q0MaZE--%2Fg_center%252Ch_280%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYm9va19jb3Zlci9hZWEyYTY3MDk0LmpwZw%3D%3D%252Cw_200%2Fv1627283836%2Fdefault%2Fog-base-book_yz4z02.jpg%3F_a%3DBACAGSGT" alt="Micro Frontends Architecture Patterns" title="Micro Frontends Architecture Patterns" class="entry-image" /></a></p><p>本書は、Micro Frontends Architecture Patternsというタイトルを付けていますが、モノリスからJAMstack、Micro Frontendsまで、Webフロントエンドを包括した様々なアーキテクチャパターンの詳細を体系的に紹介しています。 ソフトウェアとしてのアーキテクチャ全体を俯瞰し、他のシステムとのやりとりを設計するような...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/okmttdhr/books/8c977618755cb68ad2c0"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/okmttdhr/books/8c977618755cb68ad2c0" alt="はてなブックマーク - Micro Frontends Architecture Patterns" title="はてなブックマーク - Micro Frontends Architecture Patterns" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/okmttdhr/books/8c977618755cb68ad2c0"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://techracho.bpsinc.jp/hachi8833/2021_05_06/83678 [ takanash 2020-12-15T10:21:56Z rails webpack JavaScript 92 <blockquote cite="https://techracho.bpsinc.jp/hachi8833/2021_05_06/83678" title="Rails 6+Webpacker開発環境をJS強者ががっつりセットアップしてみた（翻訳）｜TechRacho by BPS株式会社"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftechracho.bpsinc.jp%2Fhachi8833%2F2021_05_06%2F83678" alt="" /> <a href="https://techracho.bpsinc.jp/hachi8833/2021_05_06/83678">Rails 6+Webpacker開発環境をJS強者ががっつりセットアップしてみた（翻訳）｜TechRacho by BPS株式会社</a></cite><p><a href="https://techracho.bpsinc.jp/hachi8833/2021_05_06/83678"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/54220d4ce56be290fbbcdc6f17578383e5e6e466/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ftechracho.bpsinc.jp%2Fwp-content%2Fuploads%2F2019%2F11%2Fsetup_rails6_webpacker_eyecatch2-min.png" alt="Rails 6+Webpacker開発環境をJS強者ががっつりセットアップしてみた（翻訳）｜TechRacho by BPS株式会社" title="Rails 6+Webpacker開発環境をJS強者ががっつりセットアップしてみた（翻訳）｜TechRacho by BPS株式会社" class="entry-image" /></a></p><p>概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Rails 6: the missing developer setup guide - DEV Community 💻💻 原文公開日: 2019/11/19（最終更新: 2019/12/17） 著者: Vincent Voyer 日本語タイトルは内容に即したものにしました。画像はすべて元記事からの引用です。 原文の目次は省略しました。原文...</p><p><a href="https://b.hatena.ne.jp/entry/s/techracho.bpsinc.jp/hachi8833/2021_05_06/83678"><img src="https://b.hatena.ne.jp/entry/image/https://techracho.bpsinc.jp/hachi8833/2021_05_06/83678" alt="はてなブックマーク - Rails 6+Webpacker開発環境をJS強者ががっつりセットアップしてみた（翻訳）｜TechRacho by BPS株式会社" title="はてなブックマーク - Rails 6+Webpacker開発環境をJS強者ががっつりセットアップしてみた（翻訳）｜TechRacho by BPS株式会社" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/techracho.bpsinc.jp/hachi8833/2021_05_06/83678"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/okabee326/items/014c282a24b0886c814e takanash 2020-12-15T10:21:38Z webpack JavaScript rails 5 <blockquote cite="https://qiita.com/okabee326/items/014c282a24b0886c814e" title="RailsにWebpack+Vue.jsを、出来るだけ気楽に導入してみる - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fokabee326%2Fitems%2F014c282a24b0886c814e" alt="" /> <a href="https://qiita.com/okabee326/items/014c282a24b0886c814e">RailsにWebpack+Vue.jsを、出来るだけ気楽に導入してみる - Qiita</a></cite><p><a href="https://qiita.com/okabee326/items/014c282a24b0886c814e"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/133abce5118ba75510546a241e82311405a4d6e7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRmF2YXRhcnMzLmdpdGh1YnVzZXJjb250ZW50LmNvbSUyRnUlMkY1NDA0NzY5JTNGdiUzRDQ_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTRiOGZiOThmYjlmMjUzOTdiM2ZlNGQ2N2JmODhkMTQ5%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D1ea1c4b785a4f8ddc083c8ebb4563d39%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9UmFpbHMlRTMlODElQUJXZWJwYWNrJTJCVnVlLmpzJUUzJTgyJTkyJUUzJTgwJTgxJUU1JTg3JUJBJUU2JTlEJUE1JUUzJTgyJThCJUUzJTgxJUEwJUUzJTgxJTkxJUU2JUIwJTk3JUU2JUE1JUJEJUUzJTgxJUFCJUU1JUIwJThFJUU1JTg1JUE1JUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZjdlZjI2MTFjNWZjOWZlZmQzZjFjZTg3OGM5ZGZjMDA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBva2FiZWUzMjYmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz02Mjc2MTZmODdiMTY3Mjc2YzFlNzIwZjMwYTg4MDQ3NA%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dfebc395eb6970ee1ee627a08a9f5aa45" alt="RailsにWebpack+Vue.jsを、出来るだけ気楽に導入してみる - Qiita" title="RailsにWebpack+Vue.jsを、出来るだけ気楽に導入してみる - Qiita" class="entry-image" /></a></p><p>はじめに Vue.jsにはHTML/CSS/Javascriptを単一のファイルにまとめることのできる、コンポーネント機能があります。 しかし、コンポーネントを使用するためにはトランスパイラが必要となり、Rails標準のアセットパイプラインでは処理できません。 そのため、RailsにWebpackを導入することになります。 Webpackの導入方法...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/okabee326/items/014c282a24b0886c814e"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/okabee326/items/014c282a24b0886c814e" alt="はてなブックマーク - RailsにWebpack+Vue.jsを、出来るだけ気楽に導入してみる - Qiita" title="はてなブックマーク - RailsにWebpack+Vue.jsを、出来るだけ気楽に導入してみる - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/okabee326/items/014c282a24b0886c814e"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://tech-blog.yayoi-kk.co.jp/entry/2019/02/22/110000 takanash 2020-12-15T10:21:26Z webpack rails babel JavaScript 87 <blockquote cite="https://tech-blog.yayoi-kk.co.jp/entry/2019/02/22/110000" title="Webpackerを導入してから外すまでをふりかえる - 弥生開発者ブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftech-blog.yayoi-kk.co.jp%2Fentry%2F2019%2F02%2F22%2F110000" alt="" /> <a href="https://tech-blog.yayoi-kk.co.jp/entry/2019/02/22/110000">Webpackerを導入してから外すまでをふりかえる - 弥生開発者ブログ</a></cite><p><a href="https://tech-blog.yayoi-kk.co.jp/entry/2019/02/22/110000"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b735f32961cf37194643d7523b996288d1a0478e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F00bb61641ef321384aaffa2ab557dd51bd56ce65%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn.user.blog.st-hatena.com%252Fdefault_entry_og_image%252F406131%252F1518071761259214" alt="Webpackerを導入してから外すまでをふりかえる - 弥生開発者ブログ" title="Webpackerを導入してから外すまでをふりかえる - 弥生開発者ブログ" class="entry-image" /></a></p><p>こんにちは、@mugi_unoです。 MisocaでjQuery製のフロントエンドコードを書き換え続けていた結果、技術書典6に参加することになりました。現在必死で書いております。 farewell_webpacker さて、先日とあるブランチがmasterにマージされ、リリースされました。 farewell : ごきげんよう！、さらば！ farewellの意味・使...</p><p><a href="https://b.hatena.ne.jp/entry/s/tech-blog.yayoi-kk.co.jp/entry/2019/02/22/110000"><img src="https://b.hatena.ne.jp/entry/image/https://tech-blog.yayoi-kk.co.jp/entry/2019/02/22/110000" alt="はてなブックマーク - Webpackerを導入してから外すまでをふりかえる - 弥生開発者ブログ" title="はてなブックマーク - Webpackerを導入してから外すまでをふりかえる - 弥生開発者ブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/tech-blog.yayoi-kk.co.jp/entry/2019/02/22/110000"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/pochman/items/e9bae50252a2485b6e10 takanash 2020-10-06T09:08:41Z css JavaScript 3 <blockquote cite="https://qiita.com/pochman/items/e9bae50252a2485b6e10" title="モダンブラウザとElectronでの印刷時に余白をピッタリ調整する - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fpochman%2Fitems%2Fe9bae50252a2485b6e10" alt="" /> <a href="https://qiita.com/pochman/items/e9bae50252a2485b6e10">モダンブラウザとElectronでの印刷時に余白をピッタリ調整する - Qiita</a></cite><p><a href="https://qiita.com/pochman/items/e9bae50252a2485b6e10"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8caa54860dfec899fd77e7e9b46249bd64a365a6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnNlY3VyZS5ncmF2YXRhci5jb20lMkZhdmF0YXIlMkY5MDA4MjEzMDFiOGYyZTI3NWMyNjRhYTBjZDFhOGFlOD9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmYmc9RkZGRkZGJmZtPXBuZzMyJnM9NmY0ZjM5MzU0MTc5MzQyNWIzZDFmYTA3YWFlZjU1MGM%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dc282e1e4a06034c220a1cd82171fbb14%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgzJUEyJUUzJTgzJTgwJUUzJTgzJUIzJUUzJTgzJTk2JUUzJTgzJUE5JUUzJTgyJUE2JUUzJTgyJUI2JUUzJTgxJUE4RWxlY3Ryb24lRTMlODElQTclRTMlODElQUUlRTUlOEQlQjAlRTUlODglQjclRTYlOTklODIlRTMlODElQUIlRTQlQkQlOTklRTclOTklQkQlRTMlODIlOTIlRTMlODMlOTQlRTMlODMlODMlRTMlODIlQkYlRTMlODMlQUElRTglQUElQkYlRTYlOTUlQjQlRTMlODElOTklRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0wNWFmMDVmMGE3MjkzZTU1MjliMGNjZTkxZTM3YzAxYQ%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBwb2NobWFuJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9Mjc4Nzc4ZTdmY2JiODNkODBhN2VmNmJiZWY2ZjZkZDE%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Decf4e97e29ccaec0e39f8a29213f53b9" alt="モダンブラウザとElectronでの印刷時に余白をピッタリ調整する - Qiita" title="モダンブラウザとElectronでの印刷時に余白をピッタリ調整する - Qiita" class="entry-image" /></a></p><p>モチベーション ElectronではwebContents.print()関数やwebContents.printToPDT()関数を使って簡単に印刷やPDF作成ができます。この時、CSSで印刷サイズをmm等の実物長さで指定することで、実際の印刷時の各種要素の大きさを指定できるので便利です。が、注意しないと余分な余白が入ってしまいます。経験則からくる注意...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/pochman/items/e9bae50252a2485b6e10"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/pochman/items/e9bae50252a2485b6e10" alt="はてなブックマーク - モダンブラウザとElectronでの印刷時に余白をピッタリ調整する - Qiita" title="はてなブックマーク - モダンブラウザとElectronでの印刷時に余白をピッタリ調整する - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/pochman/items/e9bae50252a2485b6e10"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.jnito.com/entry/2020/06/30/091742 takanash 2020-07-01T02:12:17Z TypeScript JavaScript 572 <blockquote cite="https://blog.jnito.com/entry/2020/06/30/091742" title="【JS完全に理解した】JavaScript PrimerとプログラミングTypeScriptとレガシーフロントエンド安全改善ガイドを読んでみた - give IT a try"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.jnito.com%2Fentry%2F2020%2F06%2F30%2F091742" alt="" /> <a href="https://blog.jnito.com/entry/2020/06/30/091742">【JS完全に理解した】JavaScript PrimerとプログラミングTypeScriptとレガシーフロントエンド安全改善ガイドを読んでみた - give IT a try</a></cite><p><a href="https://blog.jnito.com/entry/2020/06/30/091742"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d854cd669dca2d82203cef9dd8c15b1225de6720/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F737e5f17f369d3fdac0d8e023f40c0f483ccfe09%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252FJ%252FJunichiIto%252F20200630%252F20200630090900.jpg" alt="【JS完全に理解した】JavaScript PrimerとプログラミングTypeScriptとレガシーフロントエンド安全改善ガイドを読んでみた - give IT a try" title="【JS完全に理解した】JavaScript PrimerとプログラミングTypeScriptとレガシーフロントエンド安全改善ガイドを読んでみた - give IT a try" class="entry-image" /></a></p><p>はじめに 僕は仕事でRuby on Railsを使ってWebアプリケーションを開発しているので、JavaScriptはそれなりに使えます。 ですが、サーバーサイドで使っているRubyに比べると、JavaScriptの習熟度はそれほど高くありません。 とくに、文法が一気にブラッシュアップされたES2015（ES6）以降の知識は「なんとなく把握はして...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.jnito.com/entry/2020/06/30/091742"><img src="https://b.hatena.ne.jp/entry/image/https://blog.jnito.com/entry/2020/06/30/091742" alt="はてなブックマーク - 【JS完全に理解した】JavaScript PrimerとプログラミングTypeScriptとレガシーフロントエンド安全改善ガイドを読んでみた - give IT a try" title="はてなブックマーク - 【JS完全に理解した】JavaScript PrimerとプログラミングTypeScriptとレガシーフロントエンド安全改善ガイドを読んでみた - give IT a try" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.jnito.com/entry/2020/06/30/091742"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/jagaapple/items/ce0da04be28c35dc7d4f takanash 2020-02-05T03:25:16Z TypeScript JavaScript 585 <blockquote cite="https://qiita.com/jagaapple/items/ce0da04be28c35dc7d4f" title="TypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fjagaapple%2Fitems%2Fce0da04be28c35dc7d4f" alt="" /> <a href="https://qiita.com/jagaapple/items/ce0da04be28c35dc7d4f">TypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiita</a></cite><p><a href="https://qiita.com/jagaapple/items/ce0da04be28c35dc7d4f"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4bc0ade5f5b16a5d5dea4f70aaaf2004385182d0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-1150d8b18a7c15795b701a55ae908f94.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-4.0.0%2526w%253D840%2526h%253D380%2526txt%253DTypeScript%2525E3%252582%252592%2525E3%252583%252597%2525E3%252583%2525AD%2525E3%252583%252580%2525E3%252582%2525AF%2525E3%252583%252588%2525E9%252596%25258B%2525E7%252599%2525BA%2525E3%252581%2525AB%2525E4%2525BD%2525BF%2525E3%252581%252586%2525E4%2525B8%25258A%2525E3%252581%2525A7%2525E3%252581%2525AE%2525E3%252583%252599%2525E3%252582%2525B9%2525E3%252583%252588%2525E3%252583%252597%2525E3%252583%2525A9%2525E3%252582%2525AF%2525E3%252583%252586%2525E3%252582%2525A3%2525E3%252582%2525B9%2525E3%252581%2525A8%2525E5%2525BF%252583%2525E5%2525BE%252597%2526txt-color%253D%252523333%2526txt-font%253DHiragino%252520Sans%252520W6%2526txt-size%253D54%2526txt-clip%253Dellipsis%2526txt-align%253Dcenter%25252Cmiddle%2526s%253D6549bd63bf8c6abee8d3437a75565512%26mark-align%3Dcenter%252Cmiddle%26blend%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-4.0.0%2526w%253D840%2526h%253D500%2526txt%253D%252540jagaapple%2526txt-color%253D%252523333%2526txt-font%253DHiragino%252520Sans%252520W6%2526txt-size%253D45%2526txt-align%253Dright%25252Cbottom%2526s%253D18305160aa4bacf0c494fd052753baf5%26blend-align%3Dcenter%252Cmiddle%26blend-mode%3Dnormal%26s%3Dee4cc27d01a8795d7d3ccbdbe99b78da" alt="TypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiita" title="TypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiita" class="entry-image" /></a></p><p>同じTypeScriptという言語を利用する場合においても、トランスパイラによってTypeScript自体の機能制限がかかったり、思わぬトラブルを招く場合があります。それぞれのトランスパイラの特徴を踏まえた上で、それにより生じる問題も見ていきましょう。 1-1. tsc TypeScriptの開発元であるMicrosoft純正のTypeScriptトラン...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/jagaapple/items/ce0da04be28c35dc7d4f"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/jagaapple/items/ce0da04be28c35dc7d4f" alt="はてなブックマーク - TypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiita" title="はてなブックマーク - TypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/jagaapple/items/ce0da04be28c35dc7d4f"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/matzkoh/items/90baab22ad489b78384b takanash 2020-01-28T01:05:31Z TypeScript JavaScript 570 <blockquote cite="https://qiita.com/matzkoh/items/90baab22ad489b78384b" title="この TypeScript が Hello, world! のくせに慎重すぎる - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fmatzkoh%2Fitems%2F90baab22ad489b78384b" alt="" /> <a href="https://qiita.com/matzkoh/items/90baab22ad489b78384b">この TypeScript が Hello, world! のくせに慎重すぎる - Qiita</a></cite><p><a href="https://qiita.com/matzkoh/items/90baab22ad489b78384b"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1b0a833809c4092b28153033c901c0d5c54c05d9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMjIyNDMwJTJGcHJvZmlsZS1pbWFnZXMlMkYxNjIyMTI2MTA0P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz0wY2E3MDE1MTBhYTVhMjYwMGFhNTQwZTk0OTllYWFlOA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dea5a14b4b2ff093b54fa45d9d6d71f6e%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgxJTkzJUUzJTgxJUFFJTIwVHlwZVNjcmlwdCUyMCVFMyU4MSU4QyUyMEhlbGxvJTJDJTIwd29ybGQlMjElMjAlRTMlODElQUUlRTMlODElOEYlRTMlODElOUIlRTMlODElQUIlRTYlODUlOEUlRTklODclOEQlRTMlODElOTklRTMlODElOEUlRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz02ODZmZGM5NzNlYjE1YjhiMTViNTYwMzcxMWI0YzIxMg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBtYXR6a29oJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9ZGM3YjNjOWMzZDdhMTc4NGQzNzA3Yjk1NWIwNmQ3OGU%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D4dc827c790d1ebf6d90531901118fec4" alt="この TypeScript が Hello, world! のくせに慎重すぎる - Qiita" title="この TypeScript が Hello, world! のくせに慎重すぎる - Qiita" class="entry-image" /></a></p><p>Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/matzkoh/items/90baab22ad489b78384b"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/matzkoh/items/90baab22ad489b78384b" alt="はてなブックマーク - この TypeScript が Hello, world! のくせに慎重すぎる - Qiita" title="はてなブックマーク - この TypeScript が Hello, world! のくせに慎重すぎる - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/matzkoh/items/90baab22ad489b78384b"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.rdegges.com/2018/please-stop-using-local-storage/ takanash 2019-11-21T01:54:58Z LocalStorage JavaScript security 17 <blockquote cite="https://www.rdegges.com/2018/please-stop-using-local-storage/" title="Please Stop Using Local Storage - DEV Community 👩‍💻👨‍💻"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.rdegges.com%2F2018%2Fplease-stop-using-local-storage%2F" alt="" /> <a href="https://www.rdegges.com/2018/please-stop-using-local-storage/">Please Stop Using Local Storage - DEV Community 👩‍💻👨‍💻</a></cite><p><a href="https://www.rdegges.com/2018/please-stop-using-local-storage/"><img src="" alt="Please Stop Using Local Storage - DEV Community 👩‍💻👨‍💻" title="Please Stop Using Local Storage - DEV Community 👩‍💻👨‍💻" class="entry-image" /></a></p><p>Seriously. Just stop it already. I don’t know what it is, exactly, that drives so many developers to store session information in local storage, but whatever the reason: the practice needs to die out. Things are getting completely out of hand. Almost every day I stumble across a new website stori...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.rdegges.com/2018/please-stop-using-local-storage/"><img src="https://b.hatena.ne.jp/entry/image/https://www.rdegges.com/2018/please-stop-using-local-storage/" alt="はてなブックマーク - Please Stop Using Local Storage - DEV Community 👩‍💻👨‍💻" title="はてなブックマーク - Please Stop Using Local Storage - DEV Community 👩‍💻👨‍💻" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.rdegges.com/2018/please-stop-using-local-storage/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://speakerdeck.com/mukai21/xian-dai-hurontoendoniqian-kasenaiwebpacktobabelwoli-jie-siyou takanash 2019-08-31T01:36:38Z babel webpack JavaScript 511 <blockquote cite="https://speakerdeck.com/mukai21/xian-dai-hurontoendoniqian-kasenaiwebpacktobabelwoli-jie-siyou" title="現代フロントエンドに欠かせないwebpackとBabelを理解しよう"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fmukai21%2Fxian-dai-hurontoendoniqian-kasenaiwebpacktobabelwoli-jie-siyou" alt="" /> <a href="https://speakerdeck.com/mukai21/xian-dai-hurontoendoniqian-kasenaiwebpacktobabelwoli-jie-siyou">現代フロントエンドに欠かせないwebpackとBabelを理解しよう</a></cite><p><a href="https://speakerdeck.com/mukai21/xian-dai-hurontoendoniqian-kasenaiwebpacktobabelwoli-jie-siyou"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/69af8cba9fea393fe3769e06cb3a84b1f71e7f72/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F54b66529a79e4416aab68cdaa470e967%2Fslide_0.jpg%3F13438005" alt="現代フロントエンドに欠かせないwebpackとBabelを理解しよう" title="現代フロントエンドに欠かせないwebpackとBabelを理解しよう" class="entry-image" /></a></p><p>Transcript ݱ୅ϑϩϯτΤϯυʹ͔ܽͤͳ͍
 XFCQBDLͱ#BCFMΛཧղ͠Α͏ʂ� CVJMEFSTDPO�UPLZP����� /BNF� ����4BLJUP�.VLBJ� 5XJUUFS
 ����!@@TBLJUP@@� $PNQBOZ� ����$ZCP[V�JOD�
 ����&#39;SPOUFOE�&amp;YQFSU�5FBN &quot;CPVU�NF w#BCFMͷલʹݱࡏͷ+BWB4DSJQUʹ͍ͭͯ� w#BCFMʹ͍ͭͯ� wXFCQBDLʹ͍ͭͯ� wXFCQBDL #BCFMͰ಺෦࣮૷Λ௥͍ͬͯ͘ &quot;HFOEB #BCFMͷલʹݱࡏͷ+BWB4DSJQUʹ͍ͭͯ &amp;$.&quot;4DSJQUͱ5$�� w+BWB4DSJ...</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/mukai21/xian-dai-hurontoendoniqian-kasenaiwebpacktobabelwoli-jie-siyou"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/mukai21/xian-dai-hurontoendoniqian-kasenaiwebpacktobabelwoli-jie-siyou" alt="はてなブックマーク - 現代フロントエンドに欠かせないwebpackとBabelを理解しよう" title="はてなブックマーク - 現代フロントエンドに欠かせないwebpackとBabelを理解しよう" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/mukai21/xian-dai-hurontoendoniqian-kasenaiwebpacktobabelwoli-jie-siyou"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>