たった3分、ブラウザだけでNuxt.jsアプリをデプロイする[CodeSandbox] - Qiita
はじめに こんばんは、「つざき」といいます。 Twitterをやってますのでよろしければフォローお願いします。（https://twitter.com/820zacky） この記事は、Nuxt.jsアドベントカレンダー 19日の記事です。 この記事はなに？ 記事を書く前は、 Nuxt.jsで何か作ってVercelなんかのホスティングサービスで公開したいというモチベーションでいたのですが、 そもそも、何か作ってホスティングするという作業を簡単にする方法 を見つけたので、今回それを紹介します。 アプリを作って公開する方法 Nuxt.jsのアプリを作って公開する場合、Nuxt.jsのプロジェクトを作成し、エディタでコードを編集、GitHubにPush、ホスティングサービス上でポチポチしたりしてようやくホスティングされます。 （うろ覚えです） これらの作業は、そんなに手間ではないですが、もっと簡単
![たった3分、ブラウザだけでNuxt.jsアプリをデプロイする[CodeSandbox] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e43be7ecde358a22b0d5b9298e849a9d884436f/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgxJTlGJUUzJTgxJUEzJUUzJTgxJTlGMyVFNSU4OCU4NiVFMyU4MCU4MSVFMyU4MyU5NiVFMyU4MyVBOSVFMyU4MiVBNiVFMyU4MiVCNiVFMyU4MSVBMCVFMyU4MSU5MSVFMyU4MSVBN051eHQuanMlRTMlODIlQTIlRTMlODMlOTclRTMlODMlQUElRTMlODIlOTIlRTMlODMlODclRTMlODMlOTclRTMlODMlQUQlRTMlODIlQTQlRTMlODElOTklRTMlODIlOEIlNUJDb2RlU2FuZGJveCU1RCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YjlmYjZmY2ZhZmE4NDQyOWQ4OTVhOGIzMGYyMmUxYWU%26mark-x%3D142%26mark-y%3D100%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDB6YWNrZXkyJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yNmMxYTM1NTA1ZjBhODgwNmQzOTRmMWQyMjY1ZjVmNQ%26blend-x%3D142%26blend-y%3D455%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-TSZB44Kv44Op44Km44OJ%26txt-width%3D972%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25233A3C3C%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D550%26s%3De813970175d3b0e18e3807d09b97f0e1)
GitHubのポップアップメニューはdetailsタグと:beforeが使われててクレバーだった - Qiita
概要 普段使ってるGitHubのUIパーツの実装を見てみたら真似したいエッセンスがあったので紹介します。 GitHub上でちょいちょい使われてるポップアップメニュー 図 マイページのコンテキスト切り替えメニュー 図 プルリクエストページのプロジェクト選択メニュー なにが優れてる？ Javascript使ってない メニュー外をクリックしたらメニューが閉じる サンプルコード <div class="wrap"> <details> <summary>button</summary> <div>menu</div> </details> </div> *, *:before, *:after { box-sizing: border-box; } .wrap { width: 500px; height: 500px; margin: 0 auto; padding: 50px 50px; }
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
