2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな？ - Qiita

2017/02/14 1322 users Qiita 向こう フロントエンドエンジニア ツール 以下

って 海の向こうの人 が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下は Front-End Developer Handbook 2017 の第三部、 Front-end Developer Tools からリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150... 続きを読む

この上なく便利！すごい「jQuery」の小技まとめ３２ | コムテブログ

2013/07/01 1687 users コムテブログ プラグイン 定番 ブラウザ 近い将来

先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 も... 続きを読む

爆速でわかるjQuery.Deferred超入門 - Yahoo! JAPAN Tech Blog

2013/03/05 1140 users 爆速 Yahoo デベロッパーネットワーク Hiraku 例外

Yahoo!デベロッパーネットワークの中野(@Hiraku)です。これまで、JavaScriptで非同期処理を書く上での問題として、コールバック地獄やエラー処理に例外が使えないことなどを解説してきました。 これらの問題に対処するライブラリの1つであるjQuery.Deferredに関して、もう少し丁寧に解説いたします。なお、jQueryのバージョンは記事執筆時点の最新である、1.9.1を想定してい... 続きを読む

短期間でJavaScriptを習得し、アプリ・Webサービスをつくるための勉強法 | らふらく ^^ @TwinTKchan #spam

2013/02/15 1136 users ハッタリ TwinTKchan spam Ajax Hello

前回書いた 短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ が好評だったので、今回は、JavaScriptに絞って習得するための方法をまとめてみたいと思います。 ちなみに、一番最初に、JSに触れた時は、Hello, Worldを表示させたり、 aタグでリンクをはったりぐらいしか出来ませんでした。 ですが、現在はjQueryで社内システムの 画面をつくる(Ajaxとかを... 続きを読む

7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 | OZPAの表4

2012/11/06 1230 users OZPA jQu 語呂 JavaScript サンプル

約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQu... 続きを読む

TEST CORDING » この順番に読んだらOKだった！ド素人からJavaScriptを理解するための10冊+α

2012/11/05 1212 users TEST CORDING 順番 ド素人 JavaScript

JavaScriptを学んでおきたいな、と思いつつもいったいどの本から読めば「言語として」JavaScriptを習得できるのか分かりませんでした。ド素人の状態から、jQuery内のコードが読めるくらいには理解できるようになります。私自身がド素人状態から始めて検証したので、間違いはないかなと思います。jQueryなどのチップス集などで満足するのではなく、本格的にJavaScriptを理解したいと思っ... 続きを読む

ウェブ制作者に必ず役立つ！iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ | コリス

2012/10/14 1148 users Git iOS Sass コリス htaccess

ウェブ制作、主にフロントエンドの開発者に役立つチートシートを紹介します。 順番は、iOS, HTML5, CSS, jQuery, WordPress, .htaccess, Git です。 HTML5での美しいコードの書き方、Sass、Zen Coding、jQueryのパフォーマンス、Gitの使い方などもありますよ。 続きを読む

この順番で読めばOK！JavaScriptを理解するための14冊 | DECONCEPTER

2012/10/10 1924 users DECONCEPTER ダントツ 一択 順番 ステップ

JavaScriptの書籍はjQueryやサンプル中心のチップス本などを含めると、多数出ており、これから勉強したい人にとってはどれから読めばいいか迷うところだと思います。 今日はここ数年で出た書籍の中で初級者から脱中級者になるまでに読みたい書籍を、この順番で読めばステップアップできるという内容で紹介したいと思います。 STEP1. 初心者へのおすすめはダントツでこれ一択。 初心者向けの内容としては... 続きを読む

東京渋谷 “HTML5入門＆jQuery” 勉強会(5/26)の資料を公開します | tonowp

2012/06/01 1036 users Twitter ATND スライド ハッシュタグ 資料

東京渋谷 “HTML5入門＆jQuery” 勉強会(5/26)を行いました。 jQueryをおぼえよう！ということで、HTML5のざっくりとした解説と、jQueryの基本的な使い方を学習します！詳細：ATND そのときのスライドおよび資料を公開します。 今後も勉強会を開催する予定です。 twitterのハッシュタグ #gooyaHub で告知していきますので よかったら参加してみてください！ ⑮j... 続きを読む

jQueryでフォームの値を取得する方法をまとめておくので、コピペでご利用ください。 | Ginpen.com

2012/05/21 1011 users input要素 jsdo.it Ginpen.com 共通

必要ならどうぞ。 デモ jQueryでフォームの値を取得する方法をまとめ – jsdo.it – Share JavaScript, HTML5 and CSS jQueryでフォームの値を取得する方法をまとめ – jsdo.it – share JavaScript, HTML5 and CSS 共通：要素の探し方 input要素なんかにid振っちゃうのが一番なんだけど、属性セレクターを使うと楽... 続きを読む

オシャレエロサイト「h300」をリリースして、10万PV/日を捌くためにやったこと - 彼女からは、おいちゃんと呼ばれています

2012/04/10 1888 users おいちゃん エロサイト 反響 Rails3 エントリー

前回のエントリー「Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました - h300」で紹介したオシャレエロサイト「h300」 ▽ h300 - 人妻動画サイトを Rails3 と jQuery スキルアップのためにつくってみました（※閲覧は18歳になってから） おかげさまで大変な反響がありまして、リリース2日目には1日のアクセスが10万PVを超えました。 しかしその... 続きを読む

Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました - h300 - 彼女からは、おいちゃんと呼ばれています

2012/03/31 1315 users おいちゃん エロサイト マジメ Ruby Rails3

Ruby, JavaScriptいつぞやの飲み会で、これだけウェブの技術が進化しているのだから、もっとオシャレなエロサイトがあってもいいんでないかい？という話になりまして。 だけどどうせ作るんならということで、Rails3 と jQuery を使って、結構マジメにつくってみました。 ▽ h300 - 人妻動画サイトを Rails スキルアップのためにつくってみました（※閲覧は 18歳になってから）... 続きを読む

jQueryでスクロールすると表示する系いろいろ | webOpixel

2012/03/08 1658 users webOpixel

最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p>... 続きを読む

[JS]jQueryのプラグイン100選 -2011年総集編 | コリス

2011/12/11 1383 users コリス エフェクト アニメーション CSS3 影響

2011年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年はCSS3の影響もあってかアニメーションのエフェクトが目立ちました。また、Resposive Web Design用の可変ものや動画・テ [...] 続きを読む

CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました

2011/10/11 2159 users jQu CSS HTML 表現 webデザイン

Webデザインに欠かせない？jQuery。HTML と CSS はわかるけど、 jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQu... 続きを読む

クライアントワークでよくお世話になっているjQueryプラグインいろいろ

2011/09/20 1198 users クライアントワーク GPL MIT jQueryプラグイン

仕事での Web制作、クライアントワークで使っている jQueryのプラグインをまとめてみました。ちょっと変わった？レイアウトを組むときに重宝しています。色んな jQueryプラグインがありますが、クライアントワークで使っているので、ライセンスはMIT、GPLのものばかりです。私が仕事でWeb制作をする時に、よく利用させてもらっている jQueryのプラグインをまとめてみました。ライセンスは MI... 続きを読む

バニデザノート - 最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ

2011/09/09 1014 users jQueryライブラリ バニデザノート ウェブデザイン 定番

ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 最近はもう定番になりつつあります。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非... 続きを読む

知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て - 三等兵

2011/08/23 1470 users function Greasemonkey 即時関数 三等兵

JavaScript(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも... 続きを読む

手間ひまかけずcss3だけでデザインしたい人のためのチュートリアル集22選 | Webデザインのレシピ

2011/08/02 1027 users CSS3 レシピ webデザイン 溜め息 チュートリアル

最近すっかりPHPが面白くなってしまい、デザインが2の次になりがちでした。最近改めてデザインを見直す機会があり、jQueryや画像などを使わなくても、ある程度見やすくて今っぽいデザインにできるcss3の使い方を見て溜め息をついています。 そんなわけで今回は、システム作りに忙しくてデザインに時間がとれてない人のための、簡単でカッコいいデザインにできるcss3のチュートリアルです。 優秀なみなさんです... 続きを読む

これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」:phpspot開発日誌

2011/07/19 1012 users jQueryベース UIライブラリ phpspot開発日誌

これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 2011年07月19日- jQuery EasyUI - help you build your web page easily これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 Ext.jsばりに美しくてリッチなUIをjQueryでも実現で... 続きを読む

「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net

2011/04/19 2383 users ノンプログラマー Twitter ノンプログラマー向け 拡散

Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 ノンプログラマーのためのjQuery入門 View more presentations from Hayat... 続きを読む

最近気になってきたjQueryについて色々調べてみました - もとまか日記

2011/02/27 1188 users ライブラリ 仕様 概要 キーワード JavaScript

最近、「jQuery」というキーワードをよく見かけます。 これって何だろ？と思ったので調べてみたら、JavaScriptのライブラリのようで。 てことで、最近ちょっと気になってたJQueryについて調べてみました。 jQueryの概要 まずは難しいことは抜きにして、以下を読んでみると分かりやすいです。 はじめてのjQuery jQuery仕様関連 一応ですが、仕様について。 jQuery 日本語リ... 続きを読む

「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる － Publickey

2011/02/14 1647 users Publickey jQueryモバイル ライブラリ 水曜日

このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単！ スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから... 続きを読む

少しのコードで実装可能な20のjQuery小技集 | Webクリエイターボックス

2011/01/24 2967 users 実装 jQuery小技集 Webクリエイターボックス コード

素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ jQueryの基本的な使い方 まずはjQ... 続きを読む

画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net

2010/08/04 1414 users net 画像 エフェクト jQueryプラグイン スライド

画像にエフェクトをかけて拡大表示 したり、スライドを作ったり、ツール チップで表示したり、というような 画像を使用したjQueryプラグイン が沢山あるのと、探してる方が直ぐ に見つけられるように、という事で リンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメ... 続きを読む