OnesignalでRailsのWebプッシュ通知(個別通知)を実装する

  • 2019.08.11

自身のWebサイトからwebpush通知を送りたいときにOnesignalという便利なサービスがあります。 https://app.onesignal.com 今回はOnesignalを用いて、Railsのデータベースに格納された情報を個別に送信する方法を記載していきます。 Onesignalの導入 導入については、下記で紹介されているため、割愛します。 https://qiita.com/shi […]

Ruby on RailsでDailymotionのAPIを使用して、動画の検索を行う

  • 2019.08.04

今回はDailymotionのapiをRubyで使用する方法について紹介します。 ※下記でYoutubeやニコニコ動画のAPIについても紹介しています Ruby on RailsでYouTube Data API (v3)を使用して、動画の検索を行う Ruby on Railsでニコニコ動画のコンテンツ検索APIを使用して、動画の検索を行う Dailymotionのapiを使用して動画の検索結果を […]

Ruby on Railsでニコニコ動画のコンテンツ検索APIを使用して、動画の検索を行う

  • 2019.08.03

今回はニコニコ動画のapiをRubyで使用する方法について紹介します。 ※下記でYoutubeやDailymotionのAPIについても紹介しています Ruby on RailsでYouTube Data API (v3)を使用して、動画の検索を行う Ruby on RailsでDailymotionのAPIを使用して、動画の検索を行う niconico コンテンツ検索APIを使用して動画の検索結 […]

Ruby on RailsでYouTube Data API (v3)を使用して、動画の検索を行う

指定したキーワードで各種動画サイトの検索結果を毎日取得してくれるサイトとかあれば良いなって思いました。 そんなサイトを作成したく思い、まずは、youtubeの検索結果を取得するためにYoutube Data Apiの使用方法について学びました。 ※下記でニコニコ動画やDailymotionのAPIについても紹介しています Ruby on Railsでニコニコ動画のコンテンツ検索APIを使用して、動 […]

Railsで作成したアプリのHerokuへのデプロイ時に躓いたところ(cloud9→Github→Heroku)

  • 2019.06.26

基本的に下記の記事を参考に進めたが、中途半端にアプリを作成した時点でデプロイを試してみたといった経緯もあり、デプロイの過程で3点つまずいたところがあったので、改善点の記載。 https://qiita.com/kazukimatsumoto/items/a0daa7281a3948701c39 ※初めてのRailsでのアプリ作成のため、経験者からすると色々と信じられない手順もあるかもしれないでっす […]

Progate道場コースRuby on Rails5 Ⅲまで完遂したので、その時点の知識でRailsでサービスを作っていく流れをまとめてみる

  • 2019.06.01

※自分用メモのため、情報はかなり飛び飛び ざっくりした流れ ・ターミナルにて以下のコマンドでプロジェクトを作成。色々なファイルが生まれる。 [crayon-5dd6fa2adde71517690668/] アプリ新規作成後は、githubと連携しておくと、ファイル管理がしやすくなる。 連携については、下記の記事を参照。 ※vscodeを使用して上記の手順を試みたところ、git pushの際に下記の […]

ピアノ鍵盤に選択したコードが表示されるよ。レスポンシブ対応。(css+jquery)

css
  • 2019.04.05

cssで鍵盤を作りました!ってだけでなく、選択したコードが一発で表示されたら便利だねってことでコードが表示される仕組みも実装しました。 ※ボタンを押すと音声も再生されるので注意してください See the Pen ZPooLZ by yoneshi (@yoneshi) on CodePen. 実際のWebサービスに組み込んだ事例はこちらで紹介しております。 1.css側 基本的にフレックスボック […]

自前の音源をもとに編集・新たなメロディの再生ができるTone.Sampler

  • 2019.04.03

Tone.Samplerの概要 Tone.samplerはその名のとおり、サンプラーとして使用できる機能です。 公式解説はこちらから 読み込んだ音をただ再生するだけでなく、synth音源の様に音程の変化や再生される音の長さを変化させることが出来ます。 音源の導入 以下の記載で、音源の設定ができます。 [crayon-5dd6fa2adea92443480801/] ポイントとしては、「この音色をこ […]