APINext.jsを使ってホットペッパーのグルメサーチAPIを表示する
今回は、Next.jsのgetServerSidePropsを使って、ホットペッパーのグルメサーチAPIを読み込んで表示させてみます。APIキーをゲットまず、リクルートWebサービスのAPIキーを発行します。新規登録ページにてメールアドレス...
JavaScript
API
JavaScriptHTMLとJavaScriptでドラッグアンドドロップできるリストを作る
今回は、ドラッグアンドドロップができるリストを作成します。Drag and Drop Sortable List With Javascript (Simple Example)の記事を参考にしました。完成形のGIF動画です。リストをドラッ...
CSSJavaScriptとCSSでアコーディオンメニューを作る
今回はJavaScriptとCSSでアコーディオンメニューを作っていきたいと思います。完成形はこんな感じです。アコーディオンメニューの完成形アコーディオンメニューの作成今回のファイル構成です。全部同じディレクトリにあります。- index....
CSSウェブサイトに簡単に雪を降らせるスクリプトを試す
一行のスクリプトタグを追加するだけで雪を降らせられるものがあったので試してみます。スクリプトタグはこちら。まずはHTMLとCSSでベースを作ります。いったん雪がないバージョンを作成します。雪がない、ただのHTMLとCSSソースコードは下記。...