https://b.hatena.ne.jp/silossowski/javascript/ javascriptに関するsilossowskiのはてなブックマーク (42) https://blog.nkzn.net/entry/2023/09/27/205646 silossowski 2024-01-13T06:32:45Z あとで読む TypeScript react javascript <blockquote cite="https://blog.nkzn.net/entry/2023/09/27/205646" title="書評：これからはじめるReact実践入門 - ナカザンドットネット"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.nkzn.net%2Fentry%2F2023%2F09%2F27%2F205646" alt="" /> <a href="https://blog.nkzn.net/entry/2023/09/27/205646">書評：これからはじめるReact実践入門 - ナカザンドットネット</a></cite><p><a href="https://blog.nkzn.net/entry/2023/09/27/205646"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/aa4dc709e297d749e3fd63d3a0c8cfd5e5d4a20b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fc85d93528b1bd471da1a298d651d96dd09ccc334%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252FN%252FNkzn%252F20230927%252F20230927192008.jpg" alt="書評：これからはじめるReact実践入門 - ナカザンドットネット" title="書評：これからはじめるReact実践入門 - ナカザンドットネット" class="entry-image" /></a></p><p>明日、2023/9/28に発売する「これからはじめるReact実践入門」を献本いただきましたので、簡単に目を通した感想を書こうと思います。 これからはじめるReact実践入門 目次 目次 かなり網羅性が高い 足りない情報があったら プロを目指す人のためのTypeScript入門 Next.jsについて、次に読む本はありますか？ 補足したい...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.nkzn.net/entry/2023/09/27/205646"><img src="https://b.hatena.ne.jp/entry/image/https://blog.nkzn.net/entry/2023/09/27/205646" alt="はてなブックマーク - 書評：これからはじめるReact実践入門 - ナカザンドットネット" title="はてなブックマーク - 書評：これからはじめるReact実践入門 - ナカザンドットネット" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.nkzn.net/entry/2023/09/27/205646"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 156 https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-ion-sound.html silossowski 2022-04-28T06:54:30Z javascript 音 <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-ion-sound.html" title="[JS]ボタンのクリック時にちょっと音をつけたい時に、イベントにサウンドを割り当てるスクリプト -Ion.Sound"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjquery-plugin-ion-sound.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-ion-sound.html">[JS]ボタンのクリック時にちょっと音をつけたい時に、イベントにサウンドを割り当てるスクリプト -Ion.Sound</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-ion-sound.html"><img src="" alt="[JS]ボタンのクリック時にちょっと音をつけたい時に、イベントにサウンドを割り当てるスクリプト -Ion.Sound" title="[JS]ボタンのクリック時にちょっと音をつけたい時に、イベントにサウンドを割り当てるスクリプト -Ion.Sound" class="entry-image" /></a></p><p>ボタンをクリックした時に軽快な音をつけるなど、ページ上のさまざまなイベントにサウンドを割り当てることができるjQueryのプラグインを紹介します。 Ion.Sound Ion.Soundのデモ Ion.Soundの使い方 Ion.Soundのデモ デモはデスクトップはChrome, Firefox, Opera, Safari, IE9+、スマフォの各ブラウザにも対応しています...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-ion-sound.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-ion-sound.html" alt="はてなブックマーク - [JS]ボタンのクリック時にちょっと音をつけたい時に、イベントにサウンドを割り当てるスクリプト -Ion.Sound" title="はてなブックマーク - [JS]ボタンのクリック時にちょっと音をつけたい時に、イベントにサウンドを割り当てるスクリプト -Ion.Sound" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-ion-sound.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 61 https://cly7796.net/blog/javascript/transparent-to-cursor/ silossowski 2021-11-05T08:42:58Z css javascript マウス ポインタ <blockquote cite="https://cly7796.net/blog/javascript/transparent-to-cursor/" title="一定時間後にカーソルを非表示にする"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcly7796.net%2Fblog%2Fjavascript%2Ftransparent-to-cursor%2F" alt="" /> <a href="https://cly7796.net/blog/javascript/transparent-to-cursor/">一定時間後にカーソルを非表示にする</a></cite><p><a href="https://cly7796.net/blog/javascript/transparent-to-cursor/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2e9bc952ecc4d4bf384e621828ef90fedc94a3b2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcly7796.net%2Fblog%2Fwp-content%2Fuploads%2F2017%2F02%2Ftransparent-to-cursor.jpg" alt="一定時間後にカーソルを非表示にする" title="一定時間後にカーソルを非表示にする" class="entry-image" /></a></p><p>一定時間マウス操作がなかったときに、カーソルを非表示にできるかどうかを試してみました。 サンプルコード まずは一定時間後にカーソルを消すようにしてみます。 CSS html, body { height: 100%; } .cursor-hide { cursor: url(cursor.cur), auto; } JavaScript $(function() { setTimeout(function() { $(&#39;body&#39;).add...</p><p><a href="https://b.hatena.ne.jp/entry/s/cly7796.net/blog/javascript/transparent-to-cursor/"><img src="https://b.hatena.ne.jp/entry/image/https://cly7796.net/blog/javascript/transparent-to-cursor/" alt="はてなブックマーク - 一定時間後にカーソルを非表示にする" title="はてなブックマーク - 一定時間後にカーソルを非表示にする" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/cly7796.net/blog/javascript/transparent-to-cursor/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://mbeaudru.github.io/modern-js-cheatsheet/translations/ja-JP.html silossowski 2021-10-11T03:07:55Z javascript プログラミング js <blockquote cite="https://mbeaudru.github.io/modern-js-cheatsheet/translations/ja-JP.html" title="モダン JavaScript チートシート"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmbeaudru.github.io%2Fmodern-js-cheatsheet%2Ftranslations%2Fja-JP.html" alt="" /> <a href="https://mbeaudru.github.io/modern-js-cheatsheet/translations/ja-JP.html">モダン JavaScript チートシート</a></cite><p><a href="https://mbeaudru.github.io/modern-js-cheatsheet/translations/ja-JP.html"><img src="" alt="モダン JavaScript チートシート" title="モダン JavaScript チートシート" class="entry-image" /></a></p><p>Skip to the content. モダン JavaScript チートシート 画像クレジット: Ahmad Awais ⚡️ イントロダクション 動機 このドキュメントはモダンなプロジェクトでよく見られる JavaScript のチートシートと最新のサンプルコードです。 このガイドは読者に JavaScript をゼロから教えるものではありません。 基礎知識は持って...</p><p><a href="https://b.hatena.ne.jp/entry/s/mbeaudru.github.io/modern-js-cheatsheet/translations/ja-JP.html"><img src="https://b.hatena.ne.jp/entry/image/https://mbeaudru.github.io/modern-js-cheatsheet/translations/ja-JP.html" alt="はてなブックマーク - モダン JavaScript チートシート" title="はてなブックマーク - モダン JavaScript チートシート" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/mbeaudru.github.io/modern-js-cheatsheet/translations/ja-JP.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 999 https://sbfl.net/blog/2021/04/30/javascript-html-picture-in-picture/ silossowski 2021-04-30T04:32:52Z html javascript <blockquote cite="https://sbfl.net/blog/2021/04/30/javascript-html-picture-in-picture/" title="JavaScriptで任意のHTML要素をPicture-in-Pictureする"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsbfl.net%2Fblog%2F2021%2F04%2F30%2Fjavascript-html-picture-in-picture%2F" alt="" /> <a href="https://sbfl.net/blog/2021/04/30/javascript-html-picture-in-picture/">JavaScriptで任意のHTML要素をPicture-in-Pictureする</a></cite><p><a href="https://sbfl.net/blog/2021/04/30/javascript-html-picture-in-picture/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d6e2c64e5797f68d55578d30b7159e19a7bd1798/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fsbfl.net%2Fblog%2Fstatic%2Fassets%2Fogp.png" alt="JavaScriptで任意のHTML要素をPicture-in-Pictureする" title="JavaScriptで任意のHTML要素をPicture-in-Pictureする" class="entry-image" /></a></p><p>みなさんはPicture-in-Picture(PiP)という機能を使ったことがありますか。PiPは動画コンテンツなどを浮遊する小窓に表示する機能です。小窓はウィンドウの外側を自由に移動できます。 デスクトップが賑やかになりがちなPCでもPiPは大活躍なのですが、特にスマートフォンにおいては数少ない「ウィンドウ」機能になります...</p><p><a href="https://b.hatena.ne.jp/entry/s/sbfl.net/blog/2021/04/30/javascript-html-picture-in-picture/"><img src="https://b.hatena.ne.jp/entry/image/https://sbfl.net/blog/2021/04/30/javascript-html-picture-in-picture/" alt="はてなブックマーク - JavaScriptで任意のHTML要素をPicture-in-Pictureする" title="はてなブックマーク - JavaScriptで任意のHTML要素をPicture-in-Pictureする" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/sbfl.net/blog/2021/04/30/javascript-html-picture-in-picture/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 397 https://qiita.com/baby-degu/items/df70cccf686ad9fe4940 silossowski 2020-04-08T03:11:06Z javascript 開発 *フロントエンド <blockquote cite="https://qiita.com/baby-degu/items/df70cccf686ad9fe4940" title="2020年にフロントエンド開発者が作りたい9つのプロジェクト - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fbaby-degu%2Fitems%2Fdf70cccf686ad9fe4940" alt="" /> <a href="https://qiita.com/baby-degu/items/df70cccf686ad9fe4940">2020年にフロントエンド開発者が作りたい9つのプロジェクト - Qiita</a></cite><p><a href="https://qiita.com/baby-degu/items/df70cccf686ad9fe4940"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f92a3fb20c9155ea8d2965210f33b6666afa1671/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-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9MjAyMCVFNSVCOSVCNCVFMyU4MSVBQiVFMyU4MyU5NSVFMyU4MyVBRCVFMyU4MyVCMyVFMyU4MyU4OCVFMyU4MiVBOCVFMyU4MyVCMyVFMyU4MyU4OSVFOSU5NiU4QiVFNyU5OSVCQSVFOCU4MCU4NSVFMyU4MSU4QyVFNCVCRCU5QyVFMyU4MiU4QSVFMyU4MSU5RiVFMyU4MSU4NDklRTMlODElQTQlRTMlODElQUUlRTMlODMlOTclRTMlODMlQUQlRTMlODIlQjglRTMlODIlQTclRTMlODIlQUYlRTMlODMlODgmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTEzMTk0ODBhMTUxODYxYzkwOWRiYjk2MTg2ZTU3ZmNj%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBiYWJ5LWRlZ3UmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTc2OTdkYTNiOTQzYzBlNjc3NmY0MzM0YmVlNWY4ZWVk%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gYmFieS1kZWd1%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D53da654e65c19bce394b15ba76bef858" alt="2020年にフロントエンド開発者が作りたい9つのプロジェクト - Qiita" title="2020年にフロントエンド開発者が作りたい9つのプロジェクト - 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? こちらの記事は、Simon Holdorf 氏により2020年01月に公開された『 9 Projects to Inspire Front-End Developers in 2020 』の和訳です。 本記事は原著者から許可を得た上で記事を...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/baby-degu/items/df70cccf686ad9fe4940"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/baby-degu/items/df70cccf686ad9fe4940" alt="はてなブックマーク - 2020年にフロントエンド開発者が作りたい9つのプロジェクト - Qiita" title="はてなブックマーク - 2020年にフロントエンド開発者が作りたい9つのプロジェクト - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/baby-degu/items/df70cccf686ad9fe4940"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 108 https://qiita.com/fujineyuri/items/7dc05612345122b9072e silossowski 2019-06-06T04:32:36Z javascript 学習 初心者向け <blockquote cite="https://qiita.com/fujineyuri/items/7dc05612345122b9072e" title="2019年5月時点　JavaScript初心者が参考にしていいモダンJavaScript解説サイト2つ - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Ffujineyuri%2Fitems%2F7dc05612345122b9072e" alt="" /> <a href="https://qiita.com/fujineyuri/items/7dc05612345122b9072e">2019年5月時点　JavaScript初心者が参考にしていいモダンJavaScript解説サイト2つ - Qiita</a></cite><p><a href="https://qiita.com/fujineyuri/items/7dc05612345122b9072e"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f6abb286e8453152daf4c7640407b7b6f0eaf2ca/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMjkzNzk5JTJGcHJvZmlsZS1pbWFnZXMlMkYxNTU3MzE3ODIzP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz1iYTJiMzUzNjczMzA1YzQwYjZhNTkyMTdjMWUxODYwZg%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D632e3336ab936f9b2f3ac7f76990c22d%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9MjAxOSVFNSVCOSVCNDUlRTYlOUMlODglRTYlOTklODIlRTclODIlQjklRTMlODAlODBKYXZhU2NyaXB0JUU1JTg4JTlEJUU1JUJGJTgzJUU4JTgwJTg1JUUzJTgxJThDJUU1JThGJTgyJUU4JTgwJTgzJUUzJTgxJUFCJUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJTg0JUUzJTgxJTg0JUUzJTgzJUEyJUUzJTgzJTgwJUUzJTgzJUIzSmF2YVNjcmlwdCVFOCVBNyVBMyVFOCVBQSVBQyVFMyU4MiVCNSVFMyU4MiVBNCVFMyU4MyU4ODIlRTMlODElQTQmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz05OTU3ZjRlMmE2N2U2NDE5MjRkYjVmMzk4NTMwNDA1Yg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBmdWppbmV5dXJpJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9Mzk2NjdjZjI4OTQ1YzdmYWJjYTBhYmQyYzVlMWI5YjI%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D247b0a8218697b622ce37afd8da0d279" alt="2019年5月時点　JavaScript初心者が参考にしていいモダンJavaScript解説サイト2つ - Qiita" title="2019年5月時点　JavaScript初心者が参考にしていいモダンJavaScript解説サイト2つ - Qiita" class="entry-image" /></a></p><p>初心者向け解説によくある例です。 これが現時点（2019年5月時点）で非推奨な書き方だと、初心者は気付くことができない。つらい。 【JavaScript初心者のつらいところ】 初心者向け解説（チュートリアル）のvarをconstやletに置き換えなきゃいけない 何も知らずvarで写経すると悪癖がつく 他にも「今は覚えなくていい書...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/fujineyuri/items/7dc05612345122b9072e"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/fujineyuri/items/7dc05612345122b9072e" alt="はてなブックマーク - 2019年5月時点　JavaScript初心者が参考にしていいモダンJavaScript解説サイト2つ - Qiita" title="はてなブックマーク - 2019年5月時点　JavaScript初心者が参考にしていいモダンJavaScript解説サイト2つ - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/fujineyuri/items/7dc05612345122b9072e"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 36 https://mizchi.hatenablog.com/entry/2019/03/05/123617 silossowski 2019-03-05T08:53:32Z javascript frontend SPA <blockquote cite="https://mizchi.hatenablog.com/entry/2019/03/05/123617" title="SPA が、ウェブ開発のベストプラクティスになる時代 - mizchi&#39;s blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmizchi.hatenablog.com%2Fentry%2F2019%2F03%2F05%2F123617" alt="" /> <a href="https://mizchi.hatenablog.com/entry/2019/03/05/123617">SPA が、ウェブ開発のベストプラクティスになる時代 - mizchi&#39;s blog</a></cite><p><a href="https://mizchi.hatenablog.com/entry/2019/03/05/123617"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/33ae07d78d3887eb2411ef366346eccc0152c590/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729889376%2F17680117126988143910%2F1551758576" alt="SPA が、ウェブ開発のベストプラクティスになる時代 - mizchi&#39;s blog" title="SPA が、ウェブ開発のベストプラクティスになる時代 - mizchi&#39;s blog" class="entry-image" /></a></p><p>最近のフロントエンドに関するお気持ち。正直まとまってはない。 最近、こんな感じのツイートや記事が増えた。 web 技術をキャリアの中心にしない シングルページアプリケーション (以下SPA) の台頭により、私の観測範囲ではモダンな Web サイトは SPA で作られるようになった。サーバーサイドは JSON を返す API サーバ...</p><p><a href="https://b.hatena.ne.jp/entry/s/mizchi.hatenablog.com/entry/2019/03/05/123617"><img src="https://b.hatena.ne.jp/entry/image/https://mizchi.hatenablog.com/entry/2019/03/05/123617" alt="はてなブックマーク - SPA が、ウェブ開発のベストプラクティスになる時代 - mizchi&#39;s blog" title="はてなブックマーク - SPA が、ウェブ開発のベストプラクティスになる時代 - mizchi&#39;s blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/mizchi.hatenablog.com/entry/2019/03/05/123617"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 956 https://qiita.com/riversun/items/29d5264480dd06c7b9fb silossowski 2018-11-13T04:47:42Z webpack javascript ハンズオン フロントエンド <blockquote cite="https://qiita.com/riversun/items/29d5264480dd06c7b9fb" title="新人にドヤ顔で説明できるか、今風フロントエンド開発ハンズオン(git/node.js/ES6/webpack4/babel7) - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Friversun%2Fitems%2F29d5264480dd06c7b9fb" alt="" /> <a href="https://qiita.com/riversun/items/29d5264480dd06c7b9fb">新人にドヤ顔で説明できるか、今風フロントエンド開発ハンズオン(git/node.js/ES6/webpack4/babel7) - Qiita</a></cite><p><a href="https://qiita.com/riversun/items/29d5264480dd06c7b9fb"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e103632d97cc3075d011205adb2b610823236500/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTcwOTA1JTJGcHJvZmlsZS1pbWFnZXMlMkYxNTQyNTE5MzYxP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz1hNzI5OTI5ZGVkNDZjZTIxZDk5ZjRiY2Q4NTUxMzFiNA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Da00a7dbddea6328d860ea1b25e5fa40b%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUU2JTk2JUIwJUU0JUJBJUJBJUUzJTgxJUFCJUUzJTgzJTg5JUUzJTgzJUE0JUU5JUExJTk0JUUzJTgxJUE3JUU4JUFBJUFDJUU2JTk4JThFJUUzJTgxJUE3JUUzJTgxJThEJUUzJTgyJThCJUUzJTgxJThCJUUzJTgwJTgxJUU0JUJCJThBJUU5JUEyJUE4JUUzJTgzJTk1JUUzJTgzJUFEJUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgyJUE4JUUzJTgzJUIzJUUzJTgzJTg5JUU5JTk2JThCJUU3JTk5JUJBJUUzJTgzJThGJUUzJTgzJUIzJUUzJTgyJUJBJUUzJTgyJUFBJUUzJTgzJUIzJTI4R2l0JTJGTm9kZS5qcyUyRkVTNiUyRndlYnBhY2s0JTJGQmFiZWw3JTI5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZDI1ODBhOTRiZTUwYjYwY2MwNDk2YmU4Njg2OGNjZmI%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDByaXZlcnN1biZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWQ1MDlmYTgzOTRkZDcyNTljMDM4YzlkNGU1NjVkNWM5%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D182623cef3a43ada8e026e2a9c889335" alt="新人にドヤ顔で説明できるか、今風フロントエンド開発ハンズオン(git/node.js/ES6/webpack4/babel7) - Qiita" title="新人にドヤ顔で説明できるか、今風フロントエンド開発ハンズオン(git/node.js/ES6/webpack4/babel7) - Qiita" class="entry-image" /></a></p><p>概要 今風の手法でJavaScriptアプリを作ろうとすると色々ツールがあって便利な反面、複雑でわからないことがたくさんあります。 わからないことがあったら、それを放置せず、しっかり理解して大いに寄り道しつつブラウザで動作するJavaScriptアプリをゼロから作っていきます ブラウザ上で動作するフロントエンドアプリを...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/riversun/items/29d5264480dd06c7b9fb"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/riversun/items/29d5264480dd06c7b9fb" alt="はてなブックマーク - 新人にドヤ顔で説明できるか、今風フロントエンド開発ハンズオン(git/node.js/ES6/webpack4/babel7) - Qiita" title="はてなブックマーク - 新人にドヤ顔で説明できるか、今風フロントエンド開発ハンズオン(git/node.js/ES6/webpack4/babel7) - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/riversun/items/29d5264480dd06c7b9fb"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 680 https://w3g.jp/blog/js_browser_sniffing2015 silossowski 2018-11-06T10:00:03Z UA javascript userAgent スマートフォン <blockquote cite="https://w3g.jp/blog/js_browser_sniffing2015" title="JavaScriptユーザエージェント判別・判定"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fw3g.jp%2Fblog%2Fjs_browser_sniffing2015" alt="" /> <a href="https://w3g.jp/blog/js_browser_sniffing2015">JavaScriptユーザエージェント判別・判定</a></cite><p><a href="https://w3g.jp/blog/js_browser_sniffing2015"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a234f376021e1042412e1f23a4e9fdac44070bb3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fweb.w3g.jp%2Fogp.png" alt="JavaScriptユーザエージェント判別・判定" title="JavaScriptユーザエージェント判別・判定" class="entry-image" /></a></p><p>Updated 2015.11.24 / Published 2015.04.02 新しいFirefox OSやWindows Phoneを含めた2015年現在のユーザエージェントを判定し分岐処理を行う手順をご紹介します。OSや機種毎の処理を行っていくには、もはや無理がありますので、タブレットかスマートフォンかを判別することのみにフィーチャーしています。 ユーザエー...</p><p><a href="https://b.hatena.ne.jp/entry/s/w3g.jp/blog/js_browser_sniffing2015"><img src="https://b.hatena.ne.jp/entry/image/https://w3g.jp/blog/js_browser_sniffing2015" alt="はてなブックマーク - JavaScriptユーザエージェント判別・判定" title="はてなブックマーク - JavaScriptユーザエージェント判別・判定" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/w3g.jp/blog/js_browser_sniffing2015"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 365 https://syncer.jp/html5-javascript-hello-button silossowski 2018-11-05T10:09:26Z javascript 音 <blockquote cite="https://syncer.jp/html5-javascript-hello-button" title="クリックすると音が鳴るボタンの作り方"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsyncer.jp%2Fhtml5-javascript-hello-button" alt="" /> <a href="https://syncer.jp/html5-javascript-hello-button">クリックすると音が鳴るボタンの作り方</a></cite><p><a href="https://syncer.jp/html5-javascript-hello-button"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a46600281664630590b7f8ceff12ced663609d46/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fsyncer.jp%2Fstorage%2Fjavascript%2Fhtml5-javascript-hello-button%2Fstatic%2Fdst%2Feyecatch_og.png" alt="クリックすると音が鳴るボタンの作り方" title="クリックすると音が鳴るボタンの作り方" class="entry-image" /></a></p><p>Google Nowなどに見られるように、音声入力が一般的になってきた昨今。逆に音声出力するコンテンツを活用する機会が、これから増えてくるかもしれません。今回はJavaScriptを利用して、音が鳴るボタンを作成する方法を解説します。</p><p><a href="https://b.hatena.ne.jp/entry/s/syncer.jp/html5-javascript-hello-button"><img src="https://b.hatena.ne.jp/entry/image/https://syncer.jp/html5-javascript-hello-button" alt="はてなブックマーク - クリックすると音が鳴るボタンの作り方" title="はてなブックマーク - クリックすると音が鳴るボタンの作り方" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/syncer.jp/html5-javascript-hello-button"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 36 https://mizchi.hatenablog.com/entry/2018/10/03/195854 silossowski 2018-10-04T04:03:23Z javascript TypeScript <blockquote cite="https://mizchi.hatenablog.com/entry/2018/10/03/195854" title="TypeScript入門以前ガイド - mizchi&#39;s blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmizchi.hatenablog.com%2Fentry%2F2018%2F10%2F03%2F195854" alt="" /> <a href="https://mizchi.hatenablog.com/entry/2018/10/03/195854">TypeScript入門以前ガイド - mizchi&#39;s blog</a></cite><p><a href="https://mizchi.hatenablog.com/entry/2018/10/03/195854"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4ffcc361b32158233c391b90ce4b37448bf268eb/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729889376%2F10257846132644745900%2F1563265986" alt="TypeScript入門以前ガイド - mizchi&#39;s blog" title="TypeScript入門以前ガイド - mizchi&#39;s blog" class="entry-image" /></a></p><p>某社で自分が React/Redux + TypeScript などの講習をやってみた結果、TypeScript 入門用資料が必要だと思って書いたやつです。 このドキュメントのターゲット TypeScript で書かれたプロジェクトに参加する人 TypeScript を導入するために、その事前知識が必要な人 このドキュメントの読み方 ES2015 for Beginners ES20...</p><p><a href="https://b.hatena.ne.jp/entry/s/mizchi.hatenablog.com/entry/2018/10/03/195854"><img src="https://b.hatena.ne.jp/entry/image/https://mizchi.hatenablog.com/entry/2018/10/03/195854" alt="はてなブックマーク - TypeScript入門以前ガイド - mizchi&#39;s blog" title="はてなブックマーク - TypeScript入門以前ガイド - mizchi&#39;s blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/mizchi.hatenablog.com/entry/2018/10/03/195854"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1771 https://qiita.com/mimoe/items/56784c9d17ed34ee7533 silossowski 2018-10-03T04:39:49Z vue.js javascript <blockquote cite="https://qiita.com/mimoe/items/56784c9d17ed34ee7533" title="1週間でVue.jsをマスターしようと思った時に参考にしたサイト"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fmimoe%2Fitems%2F56784c9d17ed34ee7533" alt="" /> <a href="https://qiita.com/mimoe/items/56784c9d17ed34ee7533">1週間でVue.jsをマスターしようと思った時に参考にしたサイト</a></cite><p><a href="https://qiita.com/mimoe/items/56784c9d17ed34ee7533"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4d964d44eb9cddaff51bf82b5fa96441a4a43935/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.1.1%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzQ2MzQlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY0MzU_aXhsaWI9cmItNC4xLjEmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPWU4NGJkZDQyZGUzMzAwMTkwNzc5ZGFmZWEwNWQ4OTIw%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dbdf8f5246731c8ec7f8f923db3e4b5ce%3Fixlib%3Drb-4.1.1%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9MSVFOSU4MCVCMSVFOSU5NiU5MyVFMyU4MSVBN1Z1ZS5qcyVFMyU4MiU5MiVFMyU4MyU5RSVFMyU4MiVCOSVFMyU4MiVCRiVFMyU4MyVCQyVFMyU4MSU5NyVFMyU4MiU4OCVFMyU4MSU4NiVFMyU4MSVBOCVFNiU4MCU5RCVFMyU4MSVBMyVFMyU4MSU5RiVFNiU5OSU4MiVFMyU4MSVBQiVFNSU4RiU4MiVFOCU4MCU4MyVFMyU4MSVBQiVFMyU4MSU5NyVFMyU4MSU5RiVFMyU4MiVCNSVFMyU4MiVBNCVFMyU4MyU4OCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWM2OGM5OGY3MTE3OWU0MWI3NDI5N2VmNTExZmEzMmVh%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBtaW1vZSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPThjODY4MmFkYjNmY2VhN2VjMjNjZTkzYTUyN2YyNTdh%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D0e41301db1cfefb145eb42bd5c29eb93" alt="1週間でVue.jsをマスターしようと思った時に参考にしたサイト" title="1週間でVue.jsをマスターしようと思った時に参考にしたサイト" class="entry-image" /></a></p><p>前置き（とばしてください〜） めっちゃ久しぶりに更新します。 プロフィールなども古いですがとりあえず今度そのあたりも更新しようと思っています。 簡単に今の私について。 携帯の販売→スマートフォンアプリの専門学校→Web制作会社→フリーランス→フリーランスの時に仕事を受けたスタートアップの会社に就職（まだ2週...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/mimoe/items/56784c9d17ed34ee7533"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/mimoe/items/56784c9d17ed34ee7533" alt="はてなブックマーク - 1週間でVue.jsをマスターしようと思った時に参考にしたサイト" title="はてなブックマーク - 1週間でVue.jsをマスターしようと思った時に参考にしたサイト" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/mimoe/items/56784c9d17ed34ee7533"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 421 https://tonari-it.com/gas-web-app-vue-js/ silossowski 2018-08-15T07:59:17Z Vue javascript あとで読む <blockquote cite="https://tonari-it.com/gas-web-app-vue-js/" title="GASとJavaScriptフレームワークVue.jsを使ってWebアプリを作成するための最初の一歩"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftonari-it.com%2Fgas-web-app-vue-js%2F" alt="" /> <a href="https://tonari-it.com/gas-web-app-vue-js/">GASとJavaScriptフレームワークVue.jsを使ってWebアプリを作成するための最初の一歩</a></cite><p><a href="https://tonari-it.com/gas-web-app-vue-js/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a66edefa16f3b9125250db5b50c1eed147927128/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ftonari-it.com%2Fwp-content%2Fuploads%2Fvue.js.png" alt="GASとJavaScriptフレームワークVue.jsを使ってWebアプリを作成するための最初の一歩" title="GASとJavaScriptフレームワークVue.jsを使ってWebアプリを作成するための最初の一歩" class="entry-image" /></a></p><p>GASでクライアント側にもJavaScriptを使用してWebアプリを作成する方法をシリーズでお伝えしています。今回は、GASでクライアントJavaScriptを使用する超簡単なプログラムについて紹介します。 前回のおさらい まず、前回作成したプロジェクト構成を紹介します。 URLリクエストを受け取ったら、後述するindex.htmlを受け...</p><p><a href="https://b.hatena.ne.jp/entry/s/tonari-it.com/gas-web-app-vue-js/"><img src="https://b.hatena.ne.jp/entry/image/https://tonari-it.com/gas-web-app-vue-js/" alt="はてなブックマーク - GASとJavaScriptフレームワークVue.jsを使ってWebアプリを作成するための最初の一歩" title="はてなブックマーク - GASとJavaScriptフレームワークVue.jsを使ってWebアプリを作成するための最初の一歩" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/tonari-it.com/gas-web-app-vue-js/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 306 https://hashrock.hatenablog.com/entry/2017/12/04/215559 silossowski 2017-12-06T04:42:15Z vue.js SVG JavaScript <blockquote cite="https://hashrock.hatenablog.com/entry/2017/12/04/215559" title="グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhashrock.hatenablog.com%2Fentry%2F2017%2F12%2F04%2F215559" alt="" /> <a href="https://hashrock.hatenablog.com/entry/2017/12/04/215559">グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing</a></cite><p><a href="https://hashrock.hatenablog.com/entry/2017/12/04/215559"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/612a813e3444ce98ca81428a3e19d99770bcc6f6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F325d9f5f015fe88e0062e977bb503bb695434185%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fh%252Fhashrock%252F20171204%252F20171204200705.gif" alt="グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing" title="グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing" class="entry-image" /></a></p><p>これは Vue.js #3 Advent Calendar 2017 – Qiita 4日目の記事です。 こんにちは。SVGで色々なコンポーネントを作っているものです。最近の作品は下記のような感じです。 Webでグリグリ動くUIを作りたい！！という一心でやっています。 これらはほとんどSVGとVueの組み合わせのみで作っています。依存が少ないというのは...</p><p><a href="https://b.hatena.ne.jp/entry/s/hashrock.hatenablog.com/entry/2017/12/04/215559"><img src="https://b.hatena.ne.jp/entry/image/https://hashrock.hatenablog.com/entry/2017/12/04/215559" alt="はてなブックマーク - グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing" title="はてなブックマーク - グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/hashrock.hatenablog.com/entry/2017/12/04/215559"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 812 https://speakerdeck.com/ahomu/zui-jin-false-web-pahuomansugai-shan-nituitezhi-tuteokitaikoto silossowski 2017-09-25T01:47:13Z パフォーマンス web slide html5j2017 javascript <blockquote cite="https://speakerdeck.com/ahomu/zui-jin-false-web-pahuomansugai-shan-nituitezhi-tuteokitaikoto" title="最近の Web パフォーマンス改善について知っておきたいコト"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fahomu%2Fzui-jin-false-web-pahuomansugai-shan-nituitezhi-tuteokitaikoto" alt="" /> <a href="https://speakerdeck.com/ahomu/zui-jin-false-web-pahuomansugai-shan-nituitezhi-tuteokitaikoto">最近の Web パフォーマンス改善について知っておきたいコト</a></cite><p><a href="https://speakerdeck.com/ahomu/zui-jin-false-web-pahuomansugai-shan-nituitezhi-tuteokitaikoto"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/680bdac5b20a1f3786044e00195a98b109d8728c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Fe6f1ed8ac08e4b20a5b9f4e40bc89dce%2Fslide_0.jpg%3F8621753" alt="最近の Web パフォーマンス改善について知っておきたいコト" title="最近の Web パフォーマンス改善について知っておきたいコト" class="entry-image" /></a></p><p>HTML5 Conference 2017 http://events.html5j.org/conference/2017/9/ で使用したスライドです。本編45分。</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/ahomu/zui-jin-false-web-pahuomansugai-shan-nituitezhi-tuteokitaikoto"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/ahomu/zui-jin-false-web-pahuomansugai-shan-nituitezhi-tuteokitaikoto" alt="はてなブックマーク - 最近の Web パフォーマンス改善について知っておきたいコト" title="はてなブックマーク - 最近の Web パフォーマンス改善について知っておきたいコト" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/ahomu/zui-jin-false-web-pahuomansugai-shan-nituitezhi-tuteokitaikoto"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 430 https://magic.reactjs.net/htmltojsx.htm silossowski 2017-07-06T06:58:15Z JSX react javascript <blockquote cite="https://magic.reactjs.net/htmltojsx.htm" title="HTML to JSX"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmagic.reactjs.net%2Fhtmltojsx.htm" alt="" /> <a href="https://magic.reactjs.net/htmltojsx.htm">HTML to JSX</a></cite><p><a href="https://magic.reactjs.net/htmltojsx.htm"><img src="" alt="HTML to JSX" title="HTML to JSX" class="entry-image" /></a></p><p>HTML to JSX Compiler Loading...</p><p><a href="https://b.hatena.ne.jp/entry/s/magic.reactjs.net/htmltojsx.htm"><img src="https://b.hatena.ne.jp/entry/image/https://magic.reactjs.net/htmltojsx.htm" alt="はてなブックマーク - HTML to JSX" title="はてなブックマーク - HTML to JSX" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/magic.reactjs.net/htmltojsx.htm"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 50 https://www.oreilly.co.jp//books/9784873118062/ silossowski 2017-06-01T03:09:36Z javascript オライリー SPA 本 <blockquote cite="https://www.oreilly.co.jp//books/9784873118062/" title="サーバーレスシングルページアプリケーション"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.oreilly.co.jp%2F%2Fbooks%2F9784873118062%2F" alt="" /> <a href="https://www.oreilly.co.jp//books/9784873118062/">サーバーレスシングルページアプリケーション</a></cite><p><a href="https://www.oreilly.co.jp//books/9784873118062/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/58083283f37bfc02a9205fabc25e3da4831e3155/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.oreilly.co.jp%2Fbooks%2Fimages%2Fpicture_large978-4-87311-806-2.jpeg" alt="サーバーレスシングルページアプリケーション" title="サーバーレスシングルページアプリケーション" class="entry-image" /></a></p><p>第2刷（2017年5月27日発行）に対する正誤表 ■57ページ　「learnjs/3200/public/app.js」のコード内の上から5行目 誤 learnjs.applyObject(learnjs.problems[problemNumber 1], view); 正 learnjs.applyObject(learnjs.problems[problemNumber - 1], view); 本書への推薦の言葉 監訳者まえがき はじめに 目次 1章　シンプ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.oreilly.co.jp//books/9784873118062/"><img src="https://b.hatena.ne.jp/entry/image/https://www.oreilly.co.jp//books/9784873118062/" alt="はてなブックマーク - サーバーレスシングルページアプリケーション" title="はてなブックマーク - サーバーレスシングルページアプリケーション" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.oreilly.co.jp//books/9784873118062/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 222 https://qiita.com/nabepon/items/22ec2f486f9543b0dd52 silossowski 2017-05-17T03:00:54Z JavaScript react redux slide <blockquote cite="https://qiita.com/nabepon/items/22ec2f486f9543b0dd52" title="React+Redux未経験者のプロジェクト受入 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fnabepon%2Fitems%2F22ec2f486f9543b0dd52" alt="" /> <a href="https://qiita.com/nabepon/items/22ec2f486f9543b0dd52">React+Redux未経験者のプロジェクト受入 - Qiita</a></cite><p><a href="https://qiita.com/nabepon/items/22ec2f486f9543b0dd52"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1e5ad4f8194928091fdbe086c3b95fbf01293560/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGNjgwODclMkZwcm9maWxlLWltYWdlcyUyRjE1Nzg5MDk3MzY_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9NTFjZGM1MjczMDJhMjg3ZmYwYmQ1ZGFmMWY0ODk1YzY%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D5a5e861967ee8c5d9f7a46d0debf26e6%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9UmVhY3QlMkJSZWR1eCVFNiU5QyVBQSVFNyVCNSU4QyVFOSVBOCU5MyVFOCU4MCU4NSVFMyU4MSVBRSVFMyU4MyU5NyVFMyU4MyVBRCVFMyU4MiVCOCVFMyU4MiVBNyVFMyU4MiVBRiVFMyU4MyU4OCVFNSU4RiU5NyVFNSU4NSVBNSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTk0NDE0YWRjZjIxMmQ4ZjU2YzdiMTMyNGM0YmEzMzEz%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBuYWJlcG9uJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YjI1ZDFiZGY4ZjY3ODhlYWFjMDM0YjI2MmY5ZTA2MTg%26blend-x%3D242%26blend-y%3D454%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26txt64%3DaW4g44Ki44K444Ki44Kv44Ko44K544OI5qCq5byP5Lya56S-%26txt-x%3D242%26txt-y%3D539%26txt-width%3D838%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D28%26s%3D991f48bcbf49212d549fd8c266618fca" alt="React+Redux未経験者のプロジェクト受入 - Qiita" title="React+Redux未経験者のプロジェクト受入 - Qiita" class="entry-image" /></a></p><p>自己紹介 渡辺 貴明 EngFrontend follow me! アジアクエスト株式会社 フロントエンドエンジニア 今日の話 React未経験者が、 Reduxのプロジェクトにスムーズに参加するため 何をしたか？ 想定する状況 ソースはreact-redux-universal-hot-example を元に複雑にした感じ 大事 アーキテクチャはこんな感じ これから物量を...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/nabepon/items/22ec2f486f9543b0dd52"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/nabepon/items/22ec2f486f9543b0dd52" alt="はてなブックマーク - React+Redux未経験者のプロジェクト受入 - Qiita" title="はてなブックマーク - React+Redux未経験者のプロジェクト受入 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/nabepon/items/22ec2f486f9543b0dd52"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 311 https://qiita.com/kenju/items/c7fad62a12cc2809b507 silossowski 2017-05-15T05:17:54Z javascript 変数 <blockquote cite="https://qiita.com/kenju/items/c7fad62a12cc2809b507" title="中上級者になるためのJavaScript【知識編】 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fkenju%2Fitems%2Fc7fad62a12cc2809b507" alt="" /> <a href="https://qiita.com/kenju/items/c7fad62a12cc2809b507">中上級者になるためのJavaScript【知識編】 - Qiita</a></cite><p><a href="https://qiita.com/kenju/items/c7fad62a12cc2809b507"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c46633f16c7dd3d6e36b0bf94152b5e6e60ee366/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fqiita-fb-2887e7b4aad86fd8c25cea84846f2236.png" alt="中上級者になるためのJavaScript【知識編】 - Qiita" title="中上級者になるためのJavaScript【知識編】 - Qiita" class="entry-image" /></a></p><p>【News】電子書籍化しました！ Gitbook Read Online Download PDF Download EPUB Download MOBI この記事は、敷居が低いもののなかなか中上級に進めず困っているJavaScript学習者の方を対象としています。よりJavaScriptに対する理解を深める際に気を付けるべき事柄、知っておくべきキーワードの提供をゴールとします。 ...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/kenju/items/c7fad62a12cc2809b507"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/kenju/items/c7fad62a12cc2809b507" alt="はてなブックマーク - 中上級者になるためのJavaScript【知識編】 - Qiita" title="はてなブックマーク - 中上級者になるためのJavaScript【知識編】 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/kenju/items/c7fad62a12cc2809b507"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 95