#139 スクロールアニメーション実装のテンプレートを用意
今回はスクロールアニメーションを簡単に実装するためのテンプレを紹介。waypoints.jsを使用して、Webサイトでよく見かけるスクロールに反応して要素がフェードインするアニメーションを数行のコードで実装するためのテンプレートコードを掲載。
タグ: jQuery
【GAS】スプレッドシートを用いたAPI作成の基本
プログラミング初心者の勉強ブログ #120
GAS（Google Apps Script）を使ったAPI作成の基本についてのまとめ。「APIを作る」と言うとハードルが高そうだが、GASのサービスを使ってGoogleのapp群をJSで動かし、自分のアプリが欲しいデータを返すようにコードを少し書くだけ。「あらかじめGoogleが用意しているAPIを自分オリジナルに設定し外部に公開できる」みたいな感じ。
【Firebase】リアルタイム更新されるチャットアプリを作成してFirebaseを学ぶ（Aauthログインも）
プログラミング初心者の勉強ブログ #118
Firebaseを使って簡易的なチャットアプリを作成したのでまとめる。リアルタイム更新はもちろん、DBもストレージもあって、APIも少ない手間で実装できるしFirebaseすげーって感じでした。
more… “【Firebase】リアルタイム更新されるチャットアプリを作成してFirebaseを学ぶ（Aauthログインも）”
【JavaScript】じゃんけん関数を”class”で定義する（constructor, getter, setterなど）
プログラミング初心者の勉強ブログ #115
じゃんけんのアルゴリズムが課題で出され、せっかくの機会なので現代的？と言われるJavaScriptの書き方で書いてみることにした。プロパティとメソッドとか変数とか関数とか、Rubyともごっちゃになり概念とか呼び方の若干の違いに戸惑いつつ、できるだけ整ったコードを書いていく。
more… “【JavaScript】じゃんけん関数を”class”で定義する（constructor, getter, setterなど）”
【Ralis】slick.jsをインストールして使ったらアセットパイプラインの理解が深まった話
プログラミング初心者の勉強ブログ #107
jQueryライブラリの一つであるslick.js。簡単に整ったスライドショーを実装でき、初心者から大企業のHPまで、多岐にわたって利用されているのを見かけたことがあるライブラリ。今回はslick.jsをCDNではなくRailsアプリにインストールして利用する際に、アセットパイプラインに関する学びがあったのでまとめようと思う。
【JavaScript】とても簡単なハンバーガーメニューの作り方をわかりやすく解説
プログラミング初心者の勉強ブログ #91
ハンバーガーメニューは仕組みさえわかれば簡単にオリジナルを作成することができます。今回は簡易的なハンバーガメニューを簡単に作る方法を、実際のコードとともに紹介していきます。ほんの少しのJSを書き込むだけで、あとはCSSでオリジナルのデザインを作ることができます。positionプロパティも解説してます。
【Rails】未経験からプログラミング始めて40日で作成したアプリ公開します
【Railsでアプリ開発中】プログラミング初心者の勉強ブログ #42
オリジナルアプリ（プロトタイプ）公開。スクールに通い、プログラミングを勉強し始めて40日間の成果物です。これまでの学習の流れや、感想をまとめます。Railsで開発し、jQueryのAjax通信で画面遷移のない、動くブラウザ画面を実装しました。
【Rails】初心者がJavaScriptやらのフロントエンドを約1ヶ月勉強してみての感想
【Railsでアプリ開発中】プログラミング初心者の勉強ブログ #40
僕のここ最近の勉強時間の大半が、JavaScriptやjQueryやらのフロント部のコーディングでした。なので初心者がフロントを1ヶ月やってみての感想を書いていきます。
【Ruby】eachを動的に使う方法（〇〇.each_with_index）JavaScriptとの連携
【Railsでアプリ開発中】プログラミング初心者の勉強ブログ #37
こんにちは。
37日目。Rubyでeachを実行した際の各要素にインデックス番号を振り、動的に扱う方法をやっていきます。
more… “【Ruby】eachを動的に使う方法（〇〇.each_with_index）JavaScriptとの連携”
【HTML】セレクトボックスの使い方（selectタグの書き方、JavaScriptで要素取得）
【Railsでアプリ開発中】プログラミング初心者の勉強ブログ #36
こんにちは。
36日目。セレクトボックスの使い方についてです。<select>、<option>タグの書き方から、JavaScriptでvalue値を取得し、値をajaxでコントローラーに渡す方法までを実装していきます。