脱jQueryのためにしたこと - ICS MEDIA
脱jQueryという主張をよく耳にします。 私の個人プロジェクト「Beautifl - Flash Gallery」のリニューアルでも、依存しまくっていたjQueryの採用をやめました。 サイトを立ち上げたのは8年前の2009年。最盛期のjQueryをふんだんに使って、インタラクションの充実したRIAの開発に挑戦していました（参照「wonderflのギャラリーサイトBeautiflを作りました」）。 この記事では、なぜjQueryをやめようと思ったのか、別の技術で得たものは何なのかを紹介します。 ▲リニューアルしたBeautiflは、jQueryをすべて抜きました ※この記事は「CSS Grid Layoutをガッツリ使った所感 - ICS MEDIA」に対する後編（JavaScript編）となります。 リニューアルにあたってJavaScriptで改善したかったこと リニューアルにあたって
脱jQueryのためにしたこと - Qiita
この記事は加筆して「脱jQueryのためにしたこと - ICS MEDIA」に引っ越しました。 64000PV、480いいねとフロントエンド界隈でご好評いただいた内容です。ぜひご覧ください。 ※Google検索で辿り着いた方にリンク切れとなっては申し訳ないので、元の記事を残しています。ご了承ください。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
JSF で JQueryUI Sortable を使う - A Memorandum
最近すぐに忘れてしまうので、細かいことでも書いておこう。 テーブルの一覧画面の並び順や項目名、表示/非表示などをユーザが自由にカスタマイズする機能追加の対応があった。 ユーザ独自のビューとして画面で見たり、ダウンロードして他のシステムに投入したりできるようにするというもの。 カスタマイズボタンからモーダルダイアログを開き、ダイアログでドラッグして並び順を変えて保存できるようにする。並び替えは JQueryUI の Sortable でやることにした。 Sortable Sortable は以下のようなテーブルに対して、 <table id="sortable"> <thead> <tr><th>A</th><th>B</th></tr> </thead> <tbody> <tr><td>1</td><td>2</td></tr> <tr><td>3</td><td>4</td></tr>
jQuery Auto Pagination
jQuery Auto Pagination Verson 0.1.0 An unobstrusive auto pagination plugin for JQuery Download About Demo Installation jQuery Auto Pagination converts paginated webpages into a single page that loads subsequent pages automatically as the user scrolls downwards. To see how this works visit the demo page. Extremely small file size. Minified js file is only ~1.4kb. Extremely low dependency on page DO
textareaで行ごとにナンバリングする
Result コード見せたいけどSyntax highlight使うほどじゃない時とかに。gistでいいんじゃ、と言われたらそれまでですが。 jQuery;(function ( $, window, document, undefined ) { 'use strict'; var pluginName = 'lineLine', defaults = { startsFrom: 0, className: 'lineline' }; //オプションセッティング function Plugin( element, options ) { this.element = element; this.options = $.extend( {}, defaults, options); this._defaults = defaults; this._name = pluginName; th
アカウント登録不要のシンプルなファイル共有サービス・「dewdrop.io」
dewdrop.ioはユーザー登録不要のファイル共有サービスです。ドラッグ＆ドロップでアップロードが可能で時間も高速です。アップすれば共有の為のURLが発行されるので、それを相手に教えればいいだけ、というもの。ただ、保存期間やサイズ上限、セキュリティ面のポリシー等は記載が見当たりませんでしたのでオンラインストレージと言ってしまうとちょっとアレですが、シンプルで使いやすいのは確かです。試した所、0.9GB程度なら即アップロードが終わりました。まあ選択肢は既存サービスでも山ほどあるのでお好みで、という感じになりそうです。 dewdrop.io
[JS]ほんの数行で便利な機能を実装するjQueryのスニペットのまとめ -jQuery Tips
jQueryには高性能なプラグインがたくさんリリースされていますが、ほんの数行のコードだけでも便利な機能を簡単に実装することもできます。 Webサイトで最近よく利用されている便利な機能を実装するスニペットを紹介します。 jQuery Tips Everyone Should Know -GitHub イラスト: Girls Design Materials コードはMITライセンスで、個人でも商用でも無料で利用できます。 ページの上に戻るボタン 画像のプリロード 画像がロードされているかチェック リンク切れの画像を自動修復 ホバーのトグル 入力欄を使用できなくする aタグのクリックイベントだけを利用する アニメーションを簡単に設定する シンプルなアコーディオン 異なる高さのdiv要素を揃える 外部リンクを新しいタブ・ウインドウで開く テキストが無い要素は非表示にする ページの上に戻るボタン
![[JS]ほんの数行で便利な機能を実装するjQueryのスニペットのまとめ -jQuery Tips](https://cdn-ak-scissors.b.st-hatena.com/image/square/2305f06c940fb5e398486ead4dbf84a83e3fa8a8/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201503%2F2015102301.png)
今から３分で，Chromeブラウザの独自アドオンを自作してみよう （jQueryを使ったクローム拡張機能を，開発および動作テストする入門） - 主に言語とシステム開発に関して
今から３分で，Chromeブラウザのアドオン（拡張機能）を作ろう。 ここで作るのは，「表示したWebページの内容をjQueryで加工する」というChromeプラグインだ。 アドオン自作の入門，初歩の第一歩にうってつけ。 作成に必要なツールは，なんとメモ帳だけ。 JavaScriptやJSONなどの「Web系技術」を使って，ちょこっとコーディングするだけで完成してしまう。 わずか３分で作成とインストールを終えるので，今すぐに始めてみよう。 （１）フォルダを作ってjQueryを格納 （２）マニフェストを作成 （３）メイン処理を実装 （４）ブラウザにインストールする （５）動作テスト 使い終わったら 参考資料 （１）フォルダを作ってjQueryを格納 まず，どこでもいいので，適当な名前のフォルダを作成する。 フォルダ名は「hoge」でよい。 下記URLから，jQueryをダウンロード。 先のフォ
最近５〜６年分の人気のある jQueryプラグインを，年別に全て把握するまとめ。定番プラグインの日本語解説付きページへのリンク集 - 主に言語とシステム開発に関して
JavaScriptプログラミングのTOPへ さいきん５〜６年で人気のある jQueryプラグインを， 年ごとに全て把握するためのまとめ。 毎年，「今年のお勧めプラグイン」が ランキング記事として幾つか発表される。 それらの記事へのリンク集。 目を通しておくだけで，最新のjQuery事情が把握できるし， Webデザインの引き出しを増やせる。 ２０１５年 ２０１４年 ２０１３年 ２０１２年 ２０１１年 ２０１０年 ※↑ もくじジェネレータ で自動生成 ２０１５年 [jQuery]WEB制作でよく使うjQueryプラグイン [2015年版] | EMiAC-Works http://emiac-works.com/coding/jquery/... 2015/04/16 WEB制作でよく使うjQueryプラグインをご紹介。色々使ってきた中で今のものに落ちついてきた。定番と呼ばれるものが多い ス
csv2tableを使ってみて - by shigemk2
csv2tableとは CSVファイルをHTML上でテーブルにします。というライブラリを今日知りました。 見た目としてはこんな感じです。 サンプルのCSVとHTMLは以下から拝借しています。 qiita.com <html> <header> <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script> <script src="http://jsgt.org/lib/jquery/plugin/csv2table/v002/js/jquery.csv2table-0.02-b-4.7.js" type="text/javascript" charset="utf-8"></script> </header> <body> <div id="view0"></div> <script> $(function(){ $
【jQuery Tips】スクロールで画像がめくれる動きを表現する
こんにちは、生形です。 最近、嬉しいことにアシアルの書籍の売れ行きが軒並み好調です。 6月に入り、弊社岡本が執筆した「イラストでよくわかるPHP」が、Kindleの月替わりセール対象商品になりました。 なんと699円（紙の本の価格の64%OFF！）で購入いただけます。 現在、アマゾンWebプログラミングカテゴリの売れ筋ランキング１位です！ セールは今月いっぱいですので、ぜひこの機会に。 つづいて、私の執筆した「スラスラわかるJavaScript」に増刷がかかりまして、 個人的な目標の1万部まであと少しというところまで来ました！ セミナー等でお会いした方には本を買いましたよと声をかけて頂くこともあり、大変ありがたく思っております。 購入者特典としてjQueryのTips集を翔泳社のスラスラわかるシリーズ公式サイトで配布していますので、 ご存じなかった方はぜひダウンロードしてみて下さい！ さて
今っぽくなった！トレンドをおさえたjQuery プラグインまとめ
作成：2015/04/6 更新：2016/06/29 Web制作 > トレンドとなりつつある視覚効果や、細部にちょっとした動きを取り入れたいときに使えるjQuery プラグインをまとめました。ユーザーが使いやすくなるよう、ページにひと工夫したいときに。少し前のプラグインもありますが、今から使えそうなものもピックアップ。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マイクロインタラクション １．粘性 ２．移動するプレースホルダー ３．滑らかにページ移動させる ４．パスワード強度を可視化 ５．オートコンプリート ６．テキスト入力 ７．Google Map（吹き出し・マーカー） ８．オートページャー ９．プログレス12パターン １０．ノーティフィケーション レタリング １１．１文字ごとに指定 フルスクリーン １２．モーダルウィンドウ（全画面） １３．フォーム（全
Onsen UIとjQueryを組み合わせてスマートフォンWebサイト/ハイブリッドアプリを作ろう
Onsen UIはHTML5モバイルアプリを高速化し、かつネイティブアプリのようなUIを提供するフレームワークになっています。技術的にはカスタムエレメントとAngularJSを使って作られていますが、その利用に際してAngularJSの習得が必須という訳ではありません。現在のOnsen UIはAngularJS以外の様々なJavaScriptフレームワークと組み合わせて使えるようになっています。 今回はWeb開発で最も使われているであろうjQueryを使ってOnsen UIの操作を説明したいと思います。 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="mobile-web-ap
連載：jQuery逆引きリファレンス 第1回 セレクタ編 － ＠IT
jQueryは近年、JavaScriptライブラリの中でも高い人気を持ち、急速に普及してきたライブラリです。jQuery自体はオープンソースで開発が進められるライブラリですが、2008年9月にマイクロソフトが正式サポートすることを表明したことから、今後は、ASP.NETの世界でも採用される機会が多くなってくると予想されます。本連載が、これからjQueryを利用される方の有用な資料となれば幸いです。 なお、本連載はリファレンスという性質上、入門レベルからの解説は行っていません。jQueryの基本については、拙稿「ASP.NETプログラマーのためのjQuery入門」も併せて参照することをお勧めします。 それではさっそく始めましょう。まずは、jQueryのキモともいえる「$()関数」で使える、さまざまなセレクタ構文についてまとめていきます。 id値で要素を特定するには？ タグ名で要素を特定するに
ASP.NETプログラマーのためのjQuery入門（1/5） - ＠IT
従来、ASP.NETでは、JavaScriptプログラミングのための標準ライブラリとしてMicrosoft AJAX Library（以降、「MS AJAX Lib」）を提供してきた。MS AJAX Libは、ASP.NET AJAXの中で提供されるクライアントサイド・フレームワークである。同じくASP.NET AJAXのサーバサイド・フレームワークであるASP.NET AJAX Extensionsとセットで開発が進められたことから、サーバサイド機能との親和性に優れているという特徴がある。 もっとも、逆にいうならば、MS AJAX LibはあくまでASP.NET AJAX Extensionsとの連携を目的としたライブラリであり、（MS AJAX Libに触れたことがある方ならばお分かりのように）単体のJavaScriptライブラリとしては、お世辞にも高機能とはいいにくい*1。MS AJ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
漢は黙ってjQuery
CSSやJavaScriptをブラウザ上で書いて動作テスト出来るMozilla製のオンラインコードエディタ・「Thimble」