たけるのプログラミング

作ったものとか、気ままにアップします。

アコーディオンメニューを作ってみた【jQuery】【Material icons】

crestadesign.orgこちらの記事ではアコーディオンメニューにおけるメニューの開閉状態を示す矢印をCSSの擬似要素で作っていました。他の方法として思いついたのは、googleのMaterial icons の利用です。 fonts.google.com 実行結果(上記記事のコードを利用さ…

LP作ってみたので、FireShot使ってみた。

横浜の企業のLPを想定して以下のようなLPを作ってみました。GitHub - Shota232423/lp_yokohama https://shota232423.github.io/lp_yokohama/ 作ってみてページ全体のスクリーンショットが撮りたくなったので、撮り方について調べてみました。 すると方法は大…

【PHP】APEX LEGENDS TRACKER APIを使って、ユーザー情報を取得してみた!!!

www.itmedia.co.jp 上記の記事によると、FPSゲームをプレイすると、仕事や勉強などにも関係する「課題遂行能力」が向上する 実際に自分はよくAPEX LEGENDSをプレーしていますが、課題遂行能力が向上したかは自分ではよく分かりません、、、 apex をプレーし…

【Chart.js】モノカブのチャート真似して作ってみた!!!

私はスニーカー収集が趣味で、毎日スニーカーのリセール価格をチェックしています。 リセール市場として今人気なのが、モノカブやスニーカーダンクと呼ばれるサービスです。 モノカブでAirMax95のイエローグラデを買いましたが、非常に使いやすいサービスで…

PHPでtweetしてみた!!!

こんにちは、夏休みをstay homeで堪能しているたけるです。 突然PHPでtweetしたくなったので、実際にtweetしてみました。 twitter apiを使う方法がありますが、英語で申請したり結構めんどくさかった気がします。(※以前pythonでapi使って遊んでました。) な…

iTunes Search APIを使って、音楽検索してみた!

今回は「 iTunes Search API 」を使ってみました。ドキュメントはこちら developer.apple.comアップルはUIが優れているイメージがありますが、ドキュメントもシンプルでわかりやすいです。 今回作ったWebアプリ 検索したキーワードに関連する曲の情報(アーテ…

ハンバーガーメニューを作ってみた【jQuery】

こんにちは。大学の期末テストやレポートが落ち着いて、やっとコーディングできます!今回は、レスポンシブデザインにおいて必須と言っても過言ではない「ハンバーガーメニュー」を作っていきたいと思います!こちらの記事を参考にさせてもらいました。 ハン…

【jQuery】jQueryのプラグインを使って簡単にバリデーションを実装してみた!

Webアプリケーションを作る際に、考えなくてはいけないのが 入力フォームのバリデーションです。 ユーザーが値を入力しなかった場合の処理や、フォーマットとは違う値を入力した場合など、 色々なケースを考え、対処法を考える必要があります。 今回は「jQue…

【PHP】YouTubeのDATA APIを使ってみた。

こんにちは、なんとなくYouTubeのデータを使ってプログラムを書きたいと思ったので、PHPを使って、YouTubeのDATA APIを使ってみたいと思います。GoogleのデベロッパーコンソールからAPIキーの獲得の流れについては以下記事が分かりやすいです。 qiita.com実…

GitHub Pagesを使ってみた!

結構前にherokuを使ったことがあり、同じことができるサービスないかなとネットをみていたら「GitHub Pages」というサービスがあったので使ってみました。無料で静的サイトを公開することができ、JavaScriptも動作するようです。自分ははてなブログに来る前…

「2020 NBA プレイオフ」のスタッツが落ちてたので、javaで遊んでみた。

今日はネットにオーランドのディズニーワールドで行われた「2020 nba プレイオフ」のスタッツが記されたExcelファイルが落ちていたので、 Javaでデータを取り出して、遊んでみたいと思います。 昔pythonでcsvファイルの読み取りをやった記憶があったので、Ja…

コロナウイルスに関するオープンデータを使ってみた。

こんにちは、今回は題名の通り、内閣官房が公開しているコロナウイルスのオープンデータを利用してみたいと思います。corona.go.jp公開されているデータを見てみると、データの形式はjsonのようです。1月14日に公開されているデータを見てみると、最新のもの…

【超簡単】IFTTTを使ってコーディング無しでプログラム作ってみた!

今回はIFTTTを使って、コーディング無しでプログラムを作ってみたいと思います!IFTTTとは「既存のWebサービスを連携させることができる」サービスで、コーディングをせず簡単にプログラムを作ることができます。Webサービスの例:Gmail、Twitter、YouTube、I…