【CSS/jQuery】スクロールアニメーションを簡単に実装するためのテンプレートを作成した

#139 スクロールアニメーション実装のテンプレートを用意

今回はスクロールアニメーションを簡単に実装するためのテンプレを紹介。waypoints.jsを使用して、Webサイトでよく見かけるスクロールに反応して要素がフェードインするアニメーションを数行のコードで実装するためのテンプレートコードを掲載。

 

more… “【CSS/jQuery】スクロールアニメーションを簡単に実装するためのテンプレートを作成した”

【GAS】スプレッドシートを用いたAPI作成の基本

プログラミング初心者の勉強ブログ #120

GAS(Google Apps Script)を使ったAPI作成の基本についてのまとめ。「APIを作る」と言うとハードルが高そうだが、GASのサービスを使ってGoogleのapp群をJSで動かし、自分のアプリが欲しいデータを返すようにコードを少し書くだけ。「あらかじめGoogleが用意しているAPIを自分オリジナルに設定し外部に公開できる」みたいな感じ。

 

more… “【GAS】スプレッドシートを用いた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アプリにインストールして利用する際に、アセットパイプラインに関する学びがあったのでまとめようと思う。

more… “【Ralis】slick.jsをインストールして使ったらアセットパイプラインの理解が深まった話”

【JavaScript】とても簡単なハンバーガーメニューの作り方をわかりやすく解説

プログラミング初心者の勉強ブログ #91

ハンバーガーメニューは仕組みさえわかれば簡単にオリジナルを作成することができます。今回は簡易的なハンバーガメニューを簡単に作る方法を、実際のコードとともに紹介していきます。ほんの少しのJSを書き込むだけで、あとはCSSでオリジナルのデザインを作ることができます。positionプロパティも解説してます。

more… “【JavaScript】とても簡単なハンバーガーメニューの作り方をわかりやすく解説”

【Rails】未経験からプログラミング始めて40日で作成したアプリ公開します

【Railsでアプリ開発中】プログラミング初心者の勉強ブログ #42

オリジナルアプリ(プロトタイプ)公開。スクールに通い、プログラミングを勉強し始めて40日間の成果物です。これまでの学習の流れや、感想をまとめます。Railsで開発し、jQueryのAjax通信で画面遷移のない、動くブラウザ画面を実装しました。

more… “【Rails】未経験からプログラミング始めて40日で作成したアプリ公開します”

【Rails】初心者がJavaScriptやらのフロントエンドを約1ヶ月勉強してみての感想

【Railsでアプリ開発中】プログラミング初心者の勉強ブログ #40

僕のここ最近の勉強時間の大半が、JavaScriptやjQueryやらのフロント部のコーディングでした。なので初心者がフロントを1ヶ月やってみての感想を書いていきます。

more… “【Rails】初心者がJavaScriptやらのフロントエンドを約1ヶ月勉強してみての感想”

【HTML】セレクトボックスの使い方(selectタグの書き方、JavaScriptで要素取得)

【Railsでアプリ開発中】プログラミング初心者の勉強ブログ #36

こんにちは。

36日目。セレクトボックスの使い方についてです。<select>、<option>タグの書き方から、JavaScriptでvalue値を取得し、値をajaxでコントローラーに渡す方法までを実装していきます。

more… “【HTML】セレクトボックスの使い方(selectタグの書き方、JavaScriptで要素取得)”