[B! jquery][jQuery] IndigoHawkのブックマーク

IndigoHawk id:IndigoHawk

jqueryとjQueryに関するIndigoHawkのブックマーク (56)

山手線なう！ (2017年版)
このアプリについて﹁山手線なう！﹂とは？﹁山手線なう！﹂は、列車位置などの山手線の情報を表示する Webアプリです。列車位置について表示される列車位置は、2017年3月4日改正のJR山手線のダイヤを元に、ブラウザから時刻を取得して計算しています。実際の列車の走行位置を表示するものではありません。表示と実際の列車位置は、列車の遅延や運休などで異なる場合があります。また、臨時列車や年末年始の終夜運転の表示には対応していません。動作環境 HTML5/CSS3/JavaScriptが動作するAndroid/iOSのスマートフォンやタブレット、およびPCのフルブラウザ上で動作します。OSやブラウザのバージョンが最新でない場合、正常に表示されないことがあります。ご利用にあたってこのアプリは無保証です。利用者がアプリを個人的な範囲で自由に利用していただいて構いませんが、動作
IndigoHawk 2017/03/30
山手線

プログラム

jQuery
リンク
JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita
JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～JavaScriptjQuery ※2017/4/21にオンロード時のデバッグ方法8を追記しました！こんにちは！エイチーム引越し侍の加藤です！みなさんJavaScript書いてますか？ console.logめっちゃ使うよねーって人は目からうろこのデバッグ方法を、ケース毎に紹介していこうと思います。(僕はconsole.log使いません) サーバーにデバッグ用のコードをアップロードすること無いので、消さずに意図に反してリリースしてしまう危険性がないのもお勧めです。前提知識 F12で出てくるデベロッパーツール(Elements, Console, Source, Network)の知識 Ctrl+Shift+Fで外部ソース(js,css)に対して一括検索が
IndigoHawk 2017/03/30
目から鱗

JavaScript

console

js

jQuery
リンク
たまにはjQueryに頼るのをやめてみる - Qiita
はじめにありとあらゆる所で使用されている超有名なJavaScriptライブラリといえば jQuery ですが、ちょっとした処理を行いたいがために使っているようであれば無駄な気もします。最近のJavaScriptはjQueryなしでも割といろんな処理を行うことができます。というのも、jQueryの動作を模倣してみようとゼロから書いた拙作のライブラリ queries.js を通してどのような処理を行っているのか理解が深まったからです。宣伝になってしまいますが、queries.js へのリンクを貼っておきます。 jQueryライクなJavaScriptライブラリ queries.js ちなみに、処理に関しては Internet Explorer 11 未満は考慮していません。ここに書かれているコードのほとんどは意図的に関数化していません。これらのコードを元に自由に組んで自分で使いやすい
IndigoHawk 2017/03/17
jQuery

ライブラリ

あとで読む
リンク
軽量なのに強力！jQueryそっくりなJavaScriptライブラリ「Umbrella」とは？
オープンソースのjQueryライブラリはWeb開発の現場において何年もの間不動の地位についていました。 JavaScriptのことを深く理解していなくとも、オブジェクト指向で分かりやすい構文、豊富な外部プラグイン、加えてAjaxなどの非同期通信も簡単に扱うことができたのが、その人気の理由です。 JavaScriptを用いた開発現場ではいまもなお人気のjQueryですが、ここに来て新たなJavaScriptライブラリが注目を集めています。それが、Umbrellaです。 UmbrellaはjQueryと同様に完全オープンソースで、jQueryと同じく要素セレクタを扱うことができたり、DOM操作ができたり、Ajaxリクエストを行うことができます。また、UmbrellaはjQueryと若干異なる文法や関数の呼び出し方を採用していますが、基本的に残りの部分はほとんどjQueryと一緒です。それ
IndigoHawk 2017/03/17
Ajax以外にどのくらいjQueryと違う書き方ができるのか知りたい。／$に慣れてるからかu(hoge)に目が慣れないな…。

jQuery

Umbrella
リンク
20160930 フロントエンド高速化業務編 (社内勉強会)
スタートアップやプロダクトの成功に必要な「アイデア×プロダクト×実行×チーム×運」の 5 つの項目について解説した概要のスライドです。急成長するプロダクトの初期に役立てていただければと思います。プロダクトマネージャーやスタートアップの CEO の方向けにどうぞ。 ※ Japan Product Manager Conference 2016 の登壇資料です
IndigoHawk 2016/10/06
フロントエンド

高速化

javascript

jquery

web制作

CSS
リンク
YoutubeやVimeo、Vineなどのembedをレスポンシブにする非依存の軽量スクリプト・「superembed.js」
superembed.jsはYoutubeやVimeo、Vine等の動画共有サービスのembedをレスポンシブWebデザインに対応する為のスクリプトです。CSSで動画要素を包括して、といった作業の必要もなく、他ライブラリへの依存も無く、現状なら圧縮版で1.6kbと非常に軽量なスクリプトですので扱いやすいかと思います。コードは非常にシンプルなので対応サービスを増やしたい場合でもすぐ分かるかと思います。また、iframe要素には自動でsuperembed-forceというclassが付与されますので必要に応じて利用出来ます。スクリプトを読みこめば即RWD対応出来るのは魅力かなと思います。 superembed.js
IndigoHawk 2016/08/29
あとで読む

js

スクリプト

レスポンシブ

YouTube

jQuery

Vine
リンク
jQueryのプッシュ通知プラグインを作りました - クラウドワークスエンジニアブログ
初めまして。インターンの@asmsuechanです。IDに使ってる'asm'はあすみんじゃなくてアセンブリです。最近のマイブームはgithubのstudyリポジトリをブログ代わりにtipsを書いた.mdファイルをポンポン投げていくことです。やってること自分は今メッセージ改修チームに所属しており、メッセージのUX改善を目標として仕事をしています。これまでほぼほぼJavaScriptは書いたことなかったのですが最近はほとんどJavaScriptしか書いていません。JavaScript楽しいのでもっと書けるようになりたいです。ここでする話プッシュ通知が簡単にできるjquery_push_notificationというプラグインを作ったことについて書きます。デモサイトはこちらです。以下のサイトで紹介していただきました。 phpspot.org プラグインを作るきっかけメンターさ
IndigoHawk 2016/08/10
jQuery

プラグイン

プッシュ通知
リンク
【翻訳まとめ】jQuery 3.0 アップグレードガイド - Qiita
はじめに jQuery 3.0が正式リリースとなったので、最新のアップグレードガイドをまとめようと思います。原文から一部わかりやすいように言い換えたり、補足したり、省略したりしています。注意: 長いです。主要な変更点は前回の記事【翻訳まとめ】jQuery 3.0 alpha リリースノートを参照してください。 jQuery Core 3.0 Upgrade Guide 全体像 APIを綺麗にしてバグを修正しました。 - 一部破壊的な変更があり - 既に非推奨と公表していたAPIを削除 - ドキュメントにない隠しAPIの削除 - 特定の入力値に対する既存APIの振る舞いを修正サポートブラウザ IE9 以上 Chrome, Edge, Firefox, Safariの最新版とそのひとつ前のバージョン Operaの最新版 iOS 7 以上のモバイルSafari Android 4.0以上
IndigoHawk 2016/06/13
jQuery3.0

プラグイン

jQuery

api

あとで読む
リンク
Longshadow Jquery Plugin -Dang Thanh Blog
Blog chia sẻ về web và phát triển web
IndigoHawk 2016/04/27
jQuery
リンク
jQueryで楽になる部分、楽にならない部分、顧客が本当に必要だったもの - Qiita
俺も昔はお前のような jQueryスパゲッティジェネレーターだったのだが、膝にReactを受けてしまってな… 基本的な方針とくにライブラリ設計者において、小さなモジュールを単機能で分割する以上、ライブラリ設計者は可能な限り依存を減らすことを求められます。node環境ならdependency hellの回避のため、フロントエンド環境ならファイルサイズを減らすためです。ライブラリ設計者ならずともコードのポータビリティを維持するため、できるだけライブラリに依存しないコードを書くのが望ましいです。 Githubみてる限り、最近書かれるJSのライブラリの多くはjQuery非依存です。ユーザーから見る限りは、jQueryElement渡すかHTMLElement使うかぐらいの違いですけどね。また、Angular, React等のSPAをスクラッチで設計する場合、気づいたらjQueryを使っていな
IndigoHawk 2016/04/20
“膝にReactを受けてしまってな”当ててやろうか？誰かに、スイート・ロールを盗まれたかな？

jQuery

ライブラリ

あとで読む
リンク
You Don't Need jQuery - Qiita
注意とお願いこの記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。ひとつお願いがあります。﹁あれ、動かないぞ﹂というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。﹁これはもう動かないよ﹂という印をつけたいのです。この記事はYou Don't Need jQueryの日本語訳と同じ内容です。先日ひょんなことからYou Don't Need jQueryの日本語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。なお、本家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。追記この記事は当初は﹁もうjQueryは必要ない﹂というタイトルで
IndigoHawk 2016/04/13
jQueryに「必要ない」理由がなかったという…。

jQuery

programming
リンク
偽のjQueryを利用した攻撃、「WordPress」「Joomla」を利用するサイトで急増
サイバーセキュリティ企業Avast Softwareの研究者らは、ハッカーが﹁jQuery﹂というJavaScriptのライブラリを悪用し、オープンソースのコンテンツ管理システムである﹁WordPress﹂や﹁Joomla﹂を利用している数多くのウェブドメインに悪意のあるコードを注入していると警告している。 Avastによると、ウェブサイトに偽のjQueryを注入するというインジェクション攻撃がこのところ活発化しているという。同社ブログには、ある攻撃手法が過去数カ月で急増しており、その攻撃においてWordPressやJoomlaを使用しているウェブページのheadセクション内に、偽のjQueryスクリプトを注入するという手段が用いられていると記されている。その結果、ハッカーの手に落ちたドメインや悪意のあるドメインによる感染の巣が生み出されている。研究者らによると、ハッカーの手に落ちたウェ
IndigoHawk 2016/04/06
スクリプト

jQuery

+セキュリティ
リンク
モダンブラウザ向けのjQuery代替な軽量スクリプト・「cash」
cashはモダンブラウザ向けのjQuery代替スクリプトです。と言っても100％代替を目指すつもりは無いようで、あくまで軽量さを保ちつつ、ある程度jQueryで出来ることをカバーしていく、というもののようですね。cashのコアは圧縮版で8KBと軽量で、必要に応じて他のスクリプトを読み込むコンポーネントタイプなのでシーンによって使い分ければ良さそうですね。jsDelivrにもCDNを用意してくれてるみたいです。ライセンスはMITとの事。 cash
IndigoHawk 2016/01/12
jQuery

ドメイン

スクリプト

cash
リンク
フロントエンドで知っておきたい要素指定の考え方 - pixiv inside [archive]
みなさんはじめまして、ピクシブのフロントエンドエンジニア id:koharusugiura です。 JavaScript を用いた開発を行う際に jQuery や React、vue.js といったライブラリーを使う方は多いでしょう。これらのライブラリーは共通して DOM を扱うライブラリーとなります。 DOM についての説明は長くなるのでここでは省きますが、簡単に説明すると HTML や XML の構造を表現するための仕様です。DOM は JavaScript のためだけにある仕様ではなく、 Java や Python など、多くの言語に対応する仕様です。前述した各ライブラリーは多くのウェブブラウザー間の差異を吸収してくれるため、非常に便利なものです。しかし、その機能の豊富さからライブラリー自体のサイズは大きく、ウェブブラウザーで読み込むファイルの数や合計の容量が増えてしまいます。状況
IndigoHawk 2015/12/25
あとで読む

JavaScript

jQuery
リンク
[jQuery] ドラッグ&ドロップをカンタン実装！【draggableメソッドまとめ編】
jQuery メソッドはけっこうな数が用意されていて、ドラッグ&ドロップに関してはなんでもできちゃいそうです。のでまとめました。ドラッグ&ドロップってどうやって実装するの？という場合はコチラの記事で詳しく書きました！よければどうぞ！また今回は使用用途ごとにジャンル分けしてまとめました。上記の目次からジャンルを確認できます。この記事はJQuery UI– SakuraSaku jQuery Libraryさんのサイトを超参考にさせていただきました。指定要素にドラッグ&ドロップさせる系ドロップ先を限定する場合に使うメソッドです。紐付けしたあとに他のメソッドと組み合わせてなにかするようなものが多いです。 connectToSorta ble
IndigoHawk 2015/12/24
ドラッグ＆ドロップ

jQuery

javascript
リンク
Web Designer - Developer - Software Engineer - Business Consultant - London
Projects can take many forms and I enjoy the challenge of both design and development. Designing simple interfaces that can integrate with complex backend infrastructures. I've spent my career in web development, working for a number of leading techno logy companies in the UK. I joined Myspace as one of the only developers outside the US, working on digital marketing campaigns for large consumer an
IndigoHawk 2015/12/22
Drag & Drop

jQuery

PHP

MySQL

database
リンク
シンプルなテーブルフィルター jQuery プラグイン
01_readme.md jQuery Simple Table Filter シンプルなテーブルフィルター jQuery プラグイン。 ##使い方フィルタ条件の入力フィールドテキストフィールド、ラジオボタン、プルダウンメニューに対応します。 <h2>Filter</h2> <dl class="filters"> <dt>Class：</dt> <dd> <input name="class-filter" type="radio" value="" checked/>all <input name="class-filter" type="radio" value="core"/>core <input name="class-filter" type="radio" value="ui"/>ui </dd> <dt>Category：</dt> <dd> <input id="c
IndigoHawk 2015/12/22
jQuery

フィールド

プラグイン

フィルタ
リンク
Googleも推奨！アニメーションライブラリTweenMaxの使い方　入門編 — un-Tech
ごきげんよう。フーミンです。﹁JavaScriptでアニメーション作るならTweenMaxが最強だよ﹂と先輩から教わり早2年。いまだ現役最強︵僕の中で︶JavaScriptアニメーションライブラリTweenMaxの良さを広めるために、入門編・応用編の全2回に分けてご紹介しようと思います。 TweenMaxとは TweenMaxとは、GreenSock社が開発した超高性能アニメーションプラットフォーム﹁GSAP﹂のひとつで、DOMアニメーションに特化したJavaScriptライブラリです。 requestAnimationFrameを使用しているため、jQueryのanimateメソッドを使うより、動作が高速かつ安定しています。同じようなライブラリにmokichiくんが紹介してくれたVelocity.jsというのもあります。 TweenMaxと同様に動作が高速かつ安定しており、jQuer
IndigoHawk 2015/11/26
“ごきげんよう。フーミンです。”メモ：げろしゃぶ　ではない

アニメーション

JavaScript

TweenMax

jQuery

あとで読む
リンク
デバイスに適したテキストサイズにしてくれるレスポンシブテキストjQueryプラグイン
なんて言えばいいのか・・・。マルチデバイスにあわせて、フォントがしっかりとフィットするように作られたプラグイン。凄くシンプルなのに、海外で話題になっていたのでご紹介。それぞれにあわせた形にフィット Fit Text - A plugin for inflating web type サンプルコードは以下より抜粋 https://github.com/davatron5000/Fit Text.js/blob/master/example.html <body> <div class="container"> <header> <h1 id="fit text1">Squeeze with Fit Text</h1> <h1 id="fit text2">Squeeze with Fit Text</h1> <h1 id="fit text3">Squeeze with Fit Text</h1> <
IndigoHawk 2015/11/02
jQuery

js

jQueryプラグイン

あとで読む
リンク
jQueryとCSSのtransitionで可視範囲に入ってからアニメーションさせる方法
可視範囲になってから表示されたり動いたり、スクロールに応じてアニメーションさせる方法を紹介します。動きをつけて目を引くことで、効果的に伝えることができるかもしれません。以前、「jQueryを使って、スクロールしてコンテンツが現れたときにアニメーションさせてみる｜Webpark」という記事で同じようなものを紹介したのですが、デモが気に入っていない、アニメーションが1度きりということで作り変えました。まずはサンプルをご覧ください。スクロールするとアイコンとテキストが順番にフェードインします。このサンプルで使われている、画面いっぱいに表示する方法と、上にスクロールしたときに現れるメニューは以前紹介しています。気になる方はどうぞ。画面サイズに合わせて高さを指定する3つの方法｜Webpark jQueryで作る、下にスクロールで消えて、上にスクロールで現れる固定メニュー｜Webpark とい
IndigoHawk 2015/10/28
あとで読む

アニメーション

javascript

jQuery
リンク
1 2 3 次のページ