tagcloud.jquery.jsでLIGブログの記事を取得して3D回転させてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ フロントエンドエンジニアのゆたろです。みなさんいかがお過ごしですか？ 今回は、先日見つけたtagcloud.jquery.jsを使って少し遊んでみたいと思います。 tagcloud.jquery.jsとは？ https://github.com/dynamicguy/tagcloud/ tagcloud.jquery.jsは、指定された文字列を3D回転させてくれるプラグインです。 このプラグインとajaxを使って、LIGブログの記事を最新10件だけ取得して3D回転させてみようと思います。 tagcloud.jquery.jsでLIGブログの記事10件を3D回転させてみる 1. RSSから情報を取得する まずはRSSから情報を取得しましょう。 同一ドメインの場合は普通にajaxで取得できるのですが、クロスドメインで情報を取得する場合はphpを挟むことによって同一ドメインのように
Electronでデスクトップアプリを簡単構築
全国5000人のエンジニアをやめて寿司職人になろうと思っているみなさんこんばんは。 前回までスライド共有用のアプリケーションを趣味(リハビリ)で作っていたのですが、折角なのでデスクトップクライアントも作ってみました。 構築にはElectronを使ったのですが、結構簡単にできたので記録としてまとめておきます。 Electronって何？GitHubが開発するクロスプラットフォームで動作するアプリケーションを開発するためのフレームワーク。コードの記述はHTML5とNode.js。その範囲であれば既存のWeb開発技術が使いまわせる。例えばjQueryとかAngularなんかを使うのも可能Chromeブラウザのオープンソース版のChroniumのエンジンを内蔵例えばAtom・Visual Studio Code・Slackクライアントや、日本だとKobitoあたりがメジャー作り方あちこちに記事があが
JavaScriptを使用する開発者にとって、jQueryを学ぶ価値は現在でもあるのか | スラド デベロッパー
過去10年近くにわたってWeb開発でJavaScriptを使用する際の重要な基盤に成長したjQueryだが、モダンブラウザーはかつてjQueryが補ってきた機能の多くを備えている。それでもjQueryを学ぶ必要はあるのだろうか(Dice Newsの記事、 本家/.)。 jQueryで実現可能なことはjQueryを使用しなくても実現できる。jQueryを使用することでシンプルな記述が可能となるものの、JavaScriptのネイティブ機能を直接呼び出す方が高速に処理を実行可能だ。jQueryでは、古いWebブラウザーだけが必要としていたコードを削り、モダンブラウザーのみをターゲットにしたバージョンの開発も進められている。その結果、モダンjQueryライブラリーは以前のバージョンよりも大幅にコードサイズが減少しているが、jQueryを捨てることが正当化されるようにも感じられるという。 多くの人が
爆速でわかるjQuery.Deferred超入門
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。これまで、JavaScriptで非同期処理を書く上での問題として、コールバック地獄やエラー処理に例外が使えないことなどを解説してきました。 これらの問題に対処するライブラリの1つであるjQuery.Deferredに関して、もう少し丁寧に解説いたします。なお、jQueryのバージョンは記事執筆時点の最新である、1.9.1を想定しています。 jQuery.Deferredとは jQuery.DeferredとはjQueryのバージョン1.5から導入された、非同期処理をうまく扱うための標準モジュールです。使いこなすことで、以下のような効果が見込めます。 非同期処理を連結
jQueryでイベントを操作する
■readyイベント $(function(){}) readyイベントは、WEBページの読み込み終了後に動作させてたい処理を記述する。 $(function(){ //なんらかの初期化処理を記述する //WEBページ読み込みが終わり、準備できたら処理しなさいという命令 }) ■clickイベント .click() clickイベントは、対象要素がクリックされたときに動作するイベント。 $("button").click(function(){ $("img").attr("src","sea.jpg").attr("alt","海"); }); 画像を変更 ■ダブルclickイベント .dblclick() dblclickイベントは、対象要素がダブルクリックされたときに動作するイベント。 $("a").dblclick(function(){ $("img").attr("src","
それって本当にjQuery必要？『You might not need jQuery』 | 100SHIKI
ちとマニアックだがなるほど、と思ったのでご紹介。 クロスブラウザのいろいろを気にしなくていいのでjQueryを使っている開発者は多いだろう。 しかしInternet Explorer 8以下もだいぶ使われなくなってきたので、「そこ、別にjQueryじゃなくてもよくない？」とあらためて考えてみてもいいだろう。 というわけで登場したのがYou might not need jQueryだ。 このサイトでは「jQueryではこう書くけど、IE8+対応だったらこうしてもいいんだよ」と教えてくれる。 確かにライブラリはいろいろ重くなるので、シンプルな処理だったらそれを使わずにすむに越したことはない。 シンプルなコードを書くことが多い人は覗いてみてもいいですね。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA