Re: React.js界隈の人に聞きたい - mizchi's blog
React.js界隈の人に聞きたい 前提 Reactより前に僕がやりたかったこととして、冪等性の担保の為に毎フレーム document.body.innerHTML を書き換えたかったがパフォーマンス的にそれが許されなかったが、Reactは擬似的にそれを達成させてくれたという圧倒的感謝🙏がある— ダイナモポグラマ (@mizchi) 2016年5月23日 SPA 世の中にSPAの需要があるのか？という点考えていたけど、需要がないからSPA技術がいらない、というのはたぶん間違ってて、SPA技術を持たない人が多いからその発想もなく、SPAで達成できることがイメージ出来ないのがアプリケーション設計の縛りになっている、という感じな気がする— ダイナモポグラマ (@mizchi) 2016年5月23日 GmailやTrelloやPivotalやグラブルは異常な技術の集大成ではなく、個別に分解可能な
jQuery から Zepto.js に移行した時のメモ | mof-brown engineer blog
先日、開発中のサービスのパフォーマンスがよろしくないという指摘が上がり、 原因は色々あるのだけどまぁフロントエンドでもやることはやろうということで、 ライブラリとして利用していた jQuery から Zepto.js に移行してみました。 Zepto.js は jQuery と比較してファイルサイズが小さく、初期化処理が高速なので、移行するだけでパフォーマンス改善が期待できます。 ただし、jQuery の完全サブセットというわけではないので、jQuery への依存度によって移行の難易度は変わってきます。 今作っているサービスでは、以下の対応で無事移行することができました。 同じような状況の方の参考になれば。 Deferred が無い simply-deferred を導入して解決しました。 ただ、$.when を利用した時に全ての Deferred の戻りを resolve に返してくれな
The jQuery Credit Card | jQuery Foundation
jQuery: The Write Less, Do More, JavaScript LibraryThe jQuery Credit Card Your support helps us keep the jQuery project going strong. The jQuery Foundation is pleased to offer a platinum rewards jQuery credit card for those who want to support the jQuery Foundation's activities while expressing their commitment to jQuery. The jQuery credit card is an easy way for anyone to contribute to the growth
jQueryのDeferredとPromise - tkawachi Blog
JavaScript(というか CoffeeScript)って90年代にブラウザ上で使われていた頃のイメージが拭えず、どうも気持ち悪くて逃げて回ってたんですが、事情があって最近は渋々書いてます。 JavaScripterの皆様にとっては何を今更だとは思いますが jQuery.Deferredを使って楽しい非同期生活を送る方法 を読んで Deferred 便利だな、と思ったので理解したところをメモしておきます。 利用シーン $.get() ってエラーハンドリングできないのか。使えないなー。と思ったとき 複数の AJAX リクエスト(などの非同期処理)を同時に開始して、全部終わったら何かしたいとき。 Deferred object キーになるのは Deferred object です。 状態 Deferred object は状態を持ちます。状態は３つのうちいずれか。 未解決(unresolv
Python mini hack-a-thon 夏山合宿 で書いた jQuery Plugin - 祢占堂
を Github にあげるなどした。 縦置きのメニューにマウスオーバーするとビャッとサブメニュー的なものがスライドアウトする感じのやつです。 政治的な理由でソース本体に日本語でもっさりコメント書いてあります。 https://github.com/drillbits/jquery.boxvertmegamenu デモは Github Pages です。 似たようなものは探したのですが、最新版の jQuery で動かなかったりなんか色々あって作ることになりました。以下のような動きをします。 メニューのうちのどれか（メニューアイテム）に mouseover すると、子要素のボックス（サブメニュー）が右側にスライドアウトして出てくる そのときのサブメニューの縦幅は子要素の大きさに関係なく、メニューの縦幅と同じになる 上下の別のメニューアイテムに mouseover すると、子要素は切り替わるがサ
jQuery 1.8の更新内容をまとめたよ。 | Ginpen.com
個人的に油断してたんですが、jQuery 1.8がリリースされましたね。 CSSのベンダープレフィックスを自動でほぼ補完してくれるようになったのが目玉機能でしょうか。作業量としては、セレクターエンジンSizzleとアニメーション関係を全面的に書き換えた事が大きそうです。なお諸々強化されているにも関わらず、ファイルサイズは減っています。（ちょっとだけどね。） えらい！ jQuery Blog » jQuery 1.8 Released jQuery Blog » jQuery 1.8 Beta 1: See What’s Coming (and Going!) jQuery Blog » The New Sizzle jQuery Blog » jQuery Core: Version 1.9 and Beyond jQuery Blog » jQuery 1.9 and 2.0 — TL;
jQueryのbind/live/delegateの違いまとめ、と新API .on()の使い方 - y-kawazの日記
jQueryのイベント記述方法はいくつかあり、大雑把におさらいしたのが以下の3パターンです。 まず一番基本的なのが $("a").click(fn) や $("a").bind('click', fn) です。click(fn)はbind('click', fn)の省略形です。 次にjQuery1.3で $("a").live("click", fn) という機能が出来ました。liveの良いところはDOM操作で出たり消えたりするエレメントに対して再バインド無しでイベント定義ができる利便性と、内部的にはbind個所がdocumentの1か所になり複数個所へのbindが無くなることによるメモリ効率と実効速度の向上です。 更にjQuery1.4.2で $("#foo").delegate("a", "click", fn) という書き方が出来るようになりました。これは特定要素以下に限定するliv
アニメーションしながら少しずつ文字を表示させていくエフェクトを実装するjQueryプラグイン・Lettering Animate
使いどころもありそうだったので 備忘録。文字をアニメーションし ながら少しずつ表示させていく様 なエフェクトを実装できるjQuery プラグイン・Lettering Animate です。 プロダクトのキャッチコピーなんかもこの方法でユーザーの視点を誘導出来るかもしれないですね。Flashでは昔からよく見かける表現かもしれません。 lettering.jsにアニメーションエフェクトを追加したものになります。8種類のアニメーションエフェクトが用意されていました。 以下動作サンプルです。 Sample コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script type="text/javascript" src
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
jQueryのcontents - Study03.net 対シンバシ専用
社内のSkypeで、こんなお題があがってきて、へーと思ったのでメモ。 下記DOMから、DOM的操作で「piyo」という文字列を抽出しなさい。 <div id='hoge'>hoge<span>foo</span><span>bar</span>piyo</div> 正規表現とか使わずに、jQueryのDOM操作でどうやるかってーとこうなるらしい。 $("#hoge").contents().last().text(); //=> piyo contensはテキストノードも含めた、ノード一覧を返してくれるので、「hoge」テキストノード, spanタグノード、「piyo」テキストノードを返してくれるらしい。なるほど。 ae42++ DOMの中身ではなく、DOM自体を入れ替える これは、なんどかやってすぐ忘れるから単なるメモ。例えば、こんな感じのdivがあるとする。 <div id='hoge
Zudolab -
The Search for a Trusted 메이저사이트: A World of Thrills, Security, and Immersive GamingdErsPOId - December 1, 2023In the dynamic world of online entertainment, the quest for finding a trustworthy 메이저사이트, or major site, is akin to navigating through a labyrinthine digital jungle. Much like the adventurers of old scouring for hidden treasures, modern-day netizens are on the lookout for that one platform
David DeSandro: jQuery Masonry
Masonry is a layout plugin for the ever-popular Javascript library jQuery. Download jQuery Masonry Think of Masonry as the flip side of CSS floats. Where as floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. The result leaves no vertical gaps between elements of varying height, just like a mason fitting stones in a wall. Invoking Masonry only
jQueryで実現するスライドショー&フォトギャラリーBest20「20 Best jQuery Slideshow / Photo Gallery Plugins」
jQueryで実現するスライドショー&フォトギャラリーBest20「20 Best jQuery Slideshow / Photo Gallery Plugins」 javascriptを利用した非常に高機能なライブラリjQuery。利用者も多く、日々新しいプラグインがリリースされており、便利に使えるので、WEB制作の現場でもにjQueryを利用して構築するということも多いと思います。今日紹介するのはjQueryのプラグインの中でも利用頻度の高い、ギャラリーやスライドショーのプラグインを集めたエントリー「20 Best jQuery Slideshow / Photo Gallery Plugins」。 1. Galleria 今回は紹介されているスライドショー&フォトギャラリープラグインからいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■2. Galle
画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 LightboxLightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。グル
jQuery UIのdraggable・droppableとsortable - monjudoh’s diary
iGoogleのように、縦にガジェットを複数ぶら下げたのを横に並べて、 並び替えできるUIを作りたいので、 jQuery UIの調査をしました。 draggable・droppableとsortableは併用不可 それぞれ縦にsortableを使って、draggable・droppableで列間の移動を実現すればいいのかと思って、 いろいろ試してみたところsortableとdraggableの併用は出来ないことがわかりました。 draggableメソッドを実行するのが、 移動させたい要素そのもの(をラップしたjQueryオブジェクト)であるのに対し、 sortableメソッドを実行するのは、 並び替える要素を含む親要素であるという違いがあります。 そのため、親要素でsortableメソッドを実行し、 その子要素でdraggableメソッドを実行した場合、 draggableによってマウスイ
マイクロソフト、jQueryへの全面的な支持を発表
マイクロソフトはクライアントサイドのAjaxアプリケーションを開発するテクノロジーとして、jQueryを最優先（Primary Technology）にするという方針を明らかにしました。 すでにASP.NETチームの担当者はフルタイムでjQueryのコアライブラリの開発に参加しており、これまでASP.NET Ajax Libraryを使ってアプリケーションを開発してきたデベロッパーには、jQueryへ移行するように勧めています。 MIX10のキーノートにjQueryの開発者登場 ラスベガスで行われているマイクロソフトのイベント「MIX10」、2日目のキーノートスピーチで同社バイスプレジデントのScott Guthrie氏は、「18カ月前、製品の一部にjQueryを含めて出荷を開始しオフィシャルなサポートを提供してきた、昨年にはAjax CDN（コンテンツデリバリネットワーク）を通じてjQu
Google人気JavaScriptライブラリ配布開始、ネット全体でキャッシュ効果 | エンタープライズ | マイコミジャーナル
GoogleからGoogle AJAX APIを拡張する新しいサービス「The AJAX Libraries API」が公開された。The AJAX Libraries APIはGoogleのサイトで人気のある有益なJavaScriptライブラリを提供しようというもの。これまでYUIであればYahoo!、DojoであればAOLなどが同類のサービスを提供していたが、特定のJavaScriptライブラリに限定することなく有益であれば配布に追加するというポリシーをもっている点が新しい。 JavaScriptライブラリを活用するタイプのWebアプリケーションは数多くある。結果として、何度も似たようなJavaScriptライブラリをダウンロードしていることになり、このままいけば今後ライブラリ自体のサイズの巨大化や多くのサービスの登場でライブラリダウンロード総量は増加することになる。 The AJAX
jQuery と prototype.js を同時に使う。（$(); のコンフリクト回避）｜JavaScriptプログラムメモ｜プログラムメモ
jQueryとprototype.js を同時に使いたい場面がまれにあります。 そのとき $('id_name'); といった書式を jQuery, prototype.js 共に持っているのですが、その動作（書式や戻り値）が違います。 例えば戻り値の場合、 prototype.js：DOMオブジェクトを返す jQuery：jQueryオブジェクトを返す という違いがあります。 そこで jQueryとprototype.jsを同時に使いたい場合は jQueryの $(); を違う名前に変更して使います。 <html> <head> <script src="prototype.js"></script> <script src="jquery.js"></script> <script> // 下記2行を追加 jQuery.noConflict(); var j$ = jQuery; <
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.ne.jp/asahi/digital/dokuichigo/mami/mouth.htm
Domain Details Page