[B! jQuery] R2Mのブックマーク

脱jQueryのためにしたこと - ICS MEDIA

脱jQueryという主張をよく耳にします。私の個人プロジェクト﹁Beautifl - Flash Gallery﹂のリニューアルでも、依存しまくっていたjQueryの採用をやめました。サイトを立ち上げたのは8年前の2009年。最盛期のjQueryをふんだんに使って、インタラクションの充実したRIAの開発に挑戦していました︵参照﹁wonderflのギャラリーサイトBeautiflを作りました﹂︶。この記事では、なぜjQueryをやめようと思ったのか、別の技術で得たものは何なのかを紹介します。 ▲リニューアルしたBeautiflは、jQueryをすべて抜きました ※この記事は﹁CSS Grid Layoutをガッツリ使った所感 - ICS MEDIA﹂に対する後編︵JavaScript編︶となります。リニューアルにあたってJavaScriptで改善したかったことリニューアルにあたって

R2M 2018/05/18

jQuery
HTML

リンク

jQueryを卒業したかった僕がReact StaticでReactをイチから学んでWebサイトを作った話 | 株式会社ヌーラボ(Nulab inc.)

Typetalk チームフロントエンドエンジニアの岡藤︵@johnykei︶です。先日 Typetalk Webサイトリニューアルに伴い、フロントエンドの技術を jQuery から React + styled-components に刷新しました。本記事では、React を用いた Web サイト制作についてお伝えします。はじめにタイトルにもあるように、僕は今まで JavaScript を書く必要がある時は使い慣れた jQuery を使っていました。フロントエンドエンジニアという肩書きではありますが、フロントエンドエンジニアという職種は幅広く、僕はどちらかというとページやUIのスタイリングが主な業務で、普段 JavaScript を書く頻度もそんなに高くありませんでした。最近海外ではそのような業種の人をフロントエンドデザイナーと呼ぶ動きも出てきていますが、jQuery しか使ってい

R2M 2018/03/26

リンク

いよいよ正式版が登場！ jQuery 3での変更点と前バージョンからの移行のポイント

何が変わったか︵概要︶ jQuery 3.0では、非推奨としていたAPIやドキュメントになかったAPIを削除したり、全体的にAPIを整理してバグを修正しています。また一部のAPIでは、大きな仕様変更があります。既存のコードを動作させる場合には注意が必要ですので、まず移行プラグインをバージョンアップ対応ツールとして使って、影響具合を確認することをお勧めします。なお、jQuery 3.0での特に大きな変更点は、次のとおりです。バージョンの1本化 Deferred機能が﹁Promises/A+﹂仕様に準拠非推奨のload、unload、errorを削除して、onメソッドに統一カスタムセレクタの高速化既存コードからの移行既存のコードを移行できるように、Ver3用移行プラグインがリリースされています。このプラグインでは、影響のあるコードに対して警告がブラウザのコンソールに表示されますので

R2M 2016/07/26

jQuery

リンク

FullCalendar - JavaScript Event Calendar

npm install @fullcalendar/angular import { Component } from '@angular/core' import { CalendarOptions } from '@fullcalendar/angular' @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { calendarOptions: CalendarOptions = { initialView: 'dayGridMonth', events: [ { title: 'event 1', date: '2019-04-01' }, { title: 'e

R2M 2016/05/11

リンク

fullcalendarを使ってみよう | Casley Deep Innovations株式会社技術ブログ

こんにちはSI部の加藤(祐)です。社内プロジェクトでgoogleカレンダーのようなカレンダーを使ったUI画面に予定を登録できる画面の作成を行いました。その際に使ったjQuery カレンダープラグイン﹁fullcalendar﹂というものを使ったので紹介させていただきます。初めに fullecalendarを使うとカレンダーを使ったUI画面を簡単に作ることができるだけでなく、提供されているオプションを使うことで自分独自のデザインやカスタマイズを行えます。また、googleカレンダーとの連携を行うライブラリも提供されている為、googleカレンダーで登録した予定の取り込み等も容易に行うことができます。今回はjQuery カレンダープラグイン﹁fullcalendar﹂の導入から日本語化などのオプションについて簡単に説明を行っていきます。 fullcalendarの取得以下のサイトか

R2M 2016/05/11

jQuery

リンク

ものっすごい簡単にGoogleマップAPIを操作出来るjQueryGoogleMAPプラグイン

タイトルで全部言っちゃってる気がしないではないですが、WebサイトにGoogle MAPを設置して、色々と簡単にAPIを叩けるプラグインです。ちなみにこの記事の為にこのjQueryプラグインを読み込むなんてことはしておりませんので、説明で使用しているMAPは全てキャプチャー画像です。本来なら、ぐりぐりと拡大縮小出来るあのMAPを貼り付ける事が出来ます。気になる方は、最後に紹介するチュートリアルページをご覧になっていただければ、わかると思います。まずは呼び出し基本の呼び出し。まずはページのどっかに書いて読み込みましょう。 <script src="javascripts/jquery.js"></script> <script type="text/javascript" src="//www.google.fr/jsapi"></script> <script type="text/

R2M 2015/10/25

リンク

[JS]ほんの数行で便利な機能を実装するjQueryのスニペットのまとめ -jQuery Tips

jQueryには高性能なプラグインがたくさんリリースされていますが、ほんの数行のコードだけでも便利な機能を簡単に実装することもできます。 Webサイトで最近よく利用されている便利な機能を実装するスニペットを紹介します。 jQuery Tips Everyone Should Know -GitHub イラスト: Girls Design Materials コードはMITライセンスで、個人でも商用でも無料で利用できます。ページの上に戻るボタン画像のプリロード画像がロードされているかチェックリンク切れの画像を自動修復ホバーのトグル入力欄を使用できなくする aタグのクリックイベントだけを利用するアニメーションを簡単に設定するシンプルなアコーディオン異なる高さのdiv要素を揃える外部リンクを新しいタブ・ウインドウで開くテキストが無い要素は非表示にするページの上に戻るボタン

R2M 2015/10/23

jQuery

リンク

50代におすすめのマッチングアプリは

病院は時間がかかりますが、皮ふ科に行ったら40代の人に今日は2時間以上かかると言われました。マッチングアプリ50代というのは混むものだと覚悟してはいるものの、相当な会える人がかかるので、ホテルの中はグッタリしたマッチングアプリ50代になってスタッフさんたちも平謝りです。近頃はマッチングアプリ50代のある人が増えているのか、50代のシーズンには混雑しますが、どんどん人妻が長くなっているんじゃないかなとも思います。会える人は以前より増えて今年も近所に出来たのですが、ぼっちゃりの数が多すぎるのでしょうか。困ったものです。先週、おかずの添え物に使うつもりでいたら、マッチングアプリ50代を使いきってしまっていたことに気づき、かるめとパプリカと赤たまねぎで即席の付き合いたいを作ってその場をしのぎました。しかし20代にはそれが新鮮だったらしく、マッチングアプリ50代なんかより自家製が一番とべ

R2M 2015/10/17

jQuery

リンク

jQuery 642 プラグイン：skuare.net

jQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavaScriptライブラリで、AjaxやDOMプログラミングコードを﹁簡潔・簡単﹂に書けます。ここでは、画像関連、メニュー関連、フォーム関連、テキスト／リンク関連、その他、日本語未解説のjQueryプラグインを分類して紹介しています。初心者でもすぐにリッチなサイトを作成可能ですので、ぜひjQueryプラグインをご利用ください Image Menu Form Text/Link Other W/O_JP

R2M 2015/10/03

リンク

特集：jquery.jsを読み解く｜gihyo.jp … 技術評論社

R2M 2015/10/03

リンク

『jQuery 最高の教科書』サンプルサイト

Chapter 02 3 ステップではじめるかんたん jQuery 入門 # Easing Chapter 04 確かな基礎力を養う jQuery の基本テクニック 01 さまざまなホバーエフェクトで学ぶ動きのある表現の基本 02 画像とキャプションの表現 03 丸いボタンのレイアウト 04 見え隠れするサイドバー 05 タイポグラフィの表現 # Chaper 04 完成版 Chapter 05 活用の幅を広げる jQuery の必修テクニック 01 なめらかな動きのスライドショー Basic 02 多機能なスライドショー Advanced 03 スティッキーヘッダー Basic 04 デザインが変化するスティッキーヘッダー Advanced 05 画面領域を有効活用できるタブ Basic 06 高機能で拡張しやすいタブ Advanced 07 スムーズスクロール Basic 08 拡

R2M 2013/12/06

jQuery

リンク

機能全部入りアップローダー実装jQueryプラグイン「Fine Uploader」:phpspot開発日誌

Fine Uploader a.k.a valums file-uploader 機能全部入りアップローダー実装jQueryプラグイン﹁Fine Uploader﹂。プログレスバー付きでアップロード後の即時サムネイル表示、ドラッグ＆ドロップアップロード、複数ファイルアップロード対応など全部入り。 BootStrapのテーマにあわせることもできます。IE7移行も対応しています。モダンなアップローダーを作るなら1つの選択肢になりそうです関連エントリ画像選択時にサムネイルが出て分かりやすい進捗付きjQueryファイルアップローダー﹁jQuery File Upload Demo﹂ HTML5を使ったファイルアップロード用プログラム集

R2M 2012/11/05

リンク

はてなブックマーク

タグ

関連タグで絞り込む (6)

jQueryに関するR2Mのブックマーク (12)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス