第21回 jQueryでAJAX入門：Google AJAX Feed APIを利用したRSSの読み込みとプラグインへの組み込み | gihyo.jp
Google AJAX Feed APIを使って取得したデータをjQueryを使ってページ内に表示させる 以上をふまえて、第18回で作成したサンプルデータを書き換えてみましょう。 $.ajax()で取得していた部分をfeed.load()に置き換えてその後の処理もGoogle AJAX Feed APIにあわせて書き換えています。 // Feed APIのロード google.load('feeds', '1'); jQuery(function($){ // ロードしたRSSを表示するブロック var rssBlock = $('#rss').append('<ul/>'); // Feedインスタンスの生成 var feed = new google.feeds.Feed('http://rss.rssad.jp/rss/gihyo/design/feed/rss2'); // Fee
FullCalendar - JavaScript Event Calendar
npm install @fullcalendar/angular import { Component } from '@angular/core' import { CalendarOptions } from '@fullcalendar/angular' @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { calendarOptions: CalendarOptions = { initialView: 'dayGridMonth', events: [ { title: 'event 1', date: '2019-04-01' }, { title: 'e
SNSとリスティングの違い/jQueryの読み込み方/いまどきLP10選
国内外のWebメディア、ブログから、マーケティングやWeb制作に役立つ注目記事をピックアップ。先週は、LINEの乗っ取り対策など考えさせられる話題がありました（ピックアップ期間＝2014/6/30〜7/6）。 マーケティング（ソーシャル／SEO／SEM／アクセス解析など） Facebook広告、Twitter広告、Adwordsの実績を比較してみた。（gamba流(ル)） http://gamba.blog.jp/archives/1005266751.html ソーシャルメディア広告とリスティング広告の実績比較。商材やターゲットにもよると思いますが、ここまで差が出るんですね。 GoogleウェブマスターツールとGoogleアナリティクスを連携しないと利用できない2つのこと（真摯のブログ） http://cinci.jp/blog/20140707-cooperation-of-googl
週6フリーターもWEBサービス作ってみました。
こんにちは。週6フリーターです。WEB業界で働く為に勉強中です。 ちゃんと働いてカーチャン温泉につれてくんだ。。。 下記の記事に触発されて自分もWEBサービスを作ってみました。 ・『自分でWEBサービスを作りたいと思っている人へ』 http://anond.hatelabo.jp/20101203150748 ・『Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました』 http://d.hatena.ne.jp/inouetakuya/20120331/1333192327 あ、でも今回作ったものはエロ関係ありません（笑） 下記が今回の製作物になります。 今回の製作物 『はてブ1000users超え記事アンテナ(´・ω・)』 http://hatebu-1000users-over.com/ ・このサイトについて はてなブックマークにて1000users以上取
AngularJS ― Superheroic JavaScript MVC Framework
AngularJS support has officially ended as of January 2022. See what ending support means and read the end of life announcement. Visit angular.io for the actively supported Angular. Why AngularJS? HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resu
JSでのタイマー処理がもっと簡単になるjQueryプラグイン「timing」:phpspot開発日誌
timing: a jQuery plugin JSでのタイマー処理がもっと簡単になるjQueryプラグイン「timing」 setTimeoutやsetIntervalはタイマー関連の関数ですが、沢山使うとどこで何やってるかわかりにくくなって管理がめんどくさいですね。 timingプラグインを使えば、次のように書けば 0.3秒ごとにクラスをつけたり消したりということが可能。これにより文字を点滅させたりする処理が簡単にかけます $('.example1').repeat(300).toggleClass('blink'); repeat は setIntervalにあたり、何度も実行させるメソッドでありますが、setTimeoutの対応としてwaitメソッドがあります。 次のように書けば、0.5秒後にクラスを追加し、その0.2秒後にクラスを削除というような処理が可能です。これをsetTim
ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
APIと少しのjQueryコードでGoogle Mapの地図の色を変更する
Google MapのデザインをjQueryで変更する為のメモ書き。Google Map APIとjQueryでGoogle Mapの色合いを変更し、オリジナルのマーカーを付けてみます。こうする事で、既存デザインに合わせたGoogle Mapが出来ます。 今後必要になりそうだったので調べ物をしたついでにメモ書きです。デザインを変更、というと語弊がありますけど、好みの色に変えてみます。 ゴール↓ こんな感じのをjQueryでやろう、みたいな内容です。特に目新しい情報では無いですが。 なんかシャドウ変になっちゃった・・色やマーカーだけでもWebサイトで使用している色にあわせれば地図だけ浮いてしまうような事も無くなるんじゃないかなと思います。 ジオコーディングリクエスト<script type='text/javascript' src='http://ajax.googleapis.com/a
Engadget | Technology News & Reviews
The Polaris Dawn crew is back on Earth after a historic mission
カナリア諸島沖の海底噴火により、新たな島が隆起する可能性 | スラド サイエンス
先週の火曜日、スペイン領・カナリア諸島の南西端に位置するのエル・イエロ島 (Google マップ) の沖合で海底噴火が発生していたとのこと。現在もなお噴火が続いており、マグマの堆積により新たな島が隆起してくる可能性が高まっている (ABC News の記事、本家 /. 記事より) 。 海底山に積もった堆積物が海上から顔を出すまであと 70 m というところまできており、現在は海水が海上 20 m まで噴き上げられている状態であるという。エル・イエロ島は海面から漂ってくる硫黄の臭気に包まれており、島民は既に避難している。Involcan (カナリア諸島火山研究所）によれば、二酸化炭素量が通常の 3 倍であることから更なる噴火活動が予想されるとのこと。
Chromeの「シークレットウィンドウ」はWeb開発にとても使える
皆さん、Google Chrome の「シークレットウィンドウ」使ってますか？ Google Analytics を見る限り、このブログでは Google Chrome がトップシェアですが、周りの方に話を聞いてみると、残念ながら Google Chrome の「シークレットウィンドウ」機能はそれほど使われていないようです。 あれほど Web 開発に使える機能は他にないのに…と残念に思っていても仕方ないので、活用方法をまとめて記事にしてみました。 目次 まずは基本の使い方 Webサービスにログインしている状態としていない状態を同時に確認 Webサービスに2つのアカウントで同時にログイン Webページの表示がおかしい時は、まず「シークレットウィンドウ」で確認 検索エンジンでの順位チェックは「シークレットウィンドウ」で ニコニコ動画が何度もエラーになる時は「シークレットウィンドウ」で まずは基
Googleの中の人が作ったAndroidアプリioschedを参考にしよう！（とりあえずビルドまで） - がぶちゃんの日記
Googleの中の人が作ったGoogle I/O用のAndroidアプリ iosched がオープンソースで公開されているのですが、Androidアプリを開発する時に非常に参考になるので（Table対応したバージョンから難解になったのがネックですが）紹介したいのですが、ビルドするまで少し作業が必要なのでダウンロードしてビルドするところまで手順をメモっておきます。 Mercurialをインストールする ソースコードのチェックアウトページに行くと hg clone https://code.google.com/p/iosched/と書いてあって、svnやgitではなくhgなのでMercurialが必要みたいです。 ということで、brewでさくっと入れようかなーと思ったけど何か嫌な予感（今思えば今回に限ってなんで嫌な予感を感じたか不思議でしょうがないけど）がしてググったらbrewでMercur
iPhoneとGoogleアカウントの連携について改めて考えてみた｜男子ハック
@JUNP_Nです。iPhoneを使いこなしたい！と思っている人はだいたいGmailを使ってるんじゃないかと勝手にイメージしています。予定の管理もデフォルトカレンダーじゃなくてGoogleカレンダーと連携だよって人も多いはず。ちょっと思うところあってGoogleアカウントとの連携について改めて考えてみました。 メールはGmailで登録？MicrosoftExchangeで登録？ iPhoneをソフトバンクで使っている人は@i.softbankのメールを受信する時に使う「メール」アプリ。このアプリとGmailを連携させる時ってどうしていますか？ Gmailで登録すると「すべてのメール」（アーカイブ）の表示やアイコンが出る 「Gmail」として登録すると、ちゃんとフォルダやアイコンが綺麗に教示されます。やっぱりアイコンが綺麗な方が見やすいですし、使っていて気持ちがいいですね。 もちろんアーカイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
Google+「ページ」がFacebookやTwitterに勝つ理由
パスワード認証