jQuery

1/176ページ

JsRenderの基本的な使い方

はじめに htmlのテンプレートエンジンとしてjQuery Templatesを使用していたが、JSPでは使えなかった。 回避策を紹介しているサイトもあったが、そもそも現在はjQuery Templatesの開発がストップしているということで、後継ライブラリであるJsRenderに切り替えてみた。 6/23 追記 続きを書きました。 6/23 追記ここまで 導入 jsrender.jsをロードする […]

Ajax(jQuery)での通信中にローディング画像を表示する

やりたいこと Ajaxでサーバーと通信する際、くるくるのローディング画像を表示したい。 概要 beforeSend を使用する。これを使うことでajaxのリクエスト前に処理を実行させることができます。 removeClass, addClassを用いてローディング画像の表示、非表示を実行します。 画像はこちらから拝借いたしました。https://www.benricho.org/loading_i […]

JsRenderの使い方その2

はじめに 前回、JsRenderの基本的な使い方を紹介した。 今回はもう少し発展的な使い方を紹介する。 検証 親・子オブジェクトの変数取得について 子オブジェクトの変数取得 {{for 子オブジェクト}}...{{/for}}で囲まれた中で{{>変数名}}を記述すると子オブジェクトの変数を取得できる。 また{{>子オブジェクト.変数名}}と記述しても同様に取得できる。 <ul i […]

電卓アプリで学ぶReact/Redux入門(実装編)

はじめに React.jsとReduxを理解するために簡単な電卓アプリを作成しました。 今回はWelcome to Reactから始まり、実際にReact/Reduxで電卓アプリを作るまでの手順を説明したいと思います。 特にReduxのデータフローについては言葉や図だけではよくわからないと思うので、電卓アプリを実際に作成することで少しでも理解の助けになればいいなと思っております。 今回の記事では実 […]

オンラインふせんアプリを作りたい人のためのファーストガイド

この記事でわかること jQueryを用いたオンラインふせんアプリの作り方 どんなことが書かれているか 画面領域にふせんを貼る方法 ふせんをドラッグ・アンド・ドロップで移動させる方法 ふせんの削除 ふせんの色を変える 画像を貼る テキストの入力に合わせて入力領域を広げる ふせんを手動で広げる データ保存のタイミング 書かれていないこと サーバーサイドのコード デプロイの方法 対象者 ふせんアプリを作 […]

【超初心者向け】デザイナーでもわかる!「数学」から学ぶJavaScript

デザイナーだって「動くもの」を作りたい! デザイナーでもコーディングをすることが多くなってきている昨今ですが、やっぱり、JavaScriptとなるといまいち手が出せない…なんていうデザイナーの人は多いのではないでしょうか。 HTMLだったら、入れ子にしてクラス名もそれっぽくつけていけばかけるし、CSSもdisplay:flexやtransition、animationの登場でだいぶレスポンシブかつ […]

TypeScript+Gulp+Webpack+jQueryで開発環境を構築

やること TypeScript, Gulp, WebPack, jQueryを組み合わせて、簡単なWebアプリケーションを作ってみます。 TypeScriptは型が書けたりクラスが書けたりする、AltJS(コンパイルしてjsにして使用する物)です。 TypeScriptはコンパイルしてjsにすることで、ブラウザで使用できるようになります。 今回使う他のツールです。 Gulp: タスクランナーです。 […]

Rails5でシンプルチャット

概要 Ruby on Rails Tutorial をひと通りやってみたけど、後半は難しすぎたのでもう少し簡単なのにチャレンジしようと思って作成しました。 参考にしたサイト Rails 5 + ActionCableで作る!シンプルなチャットアプリ(DHH氏のデモ動画より) rails5:Railsでチャットアプリが簡単にできちゃいます。メジャーアップデートを体験してみよう Ruby on Rai […]

1 176