Microsoft Ajax Minifierを使用してJavaScript,CSSを圧縮して１つのファイルにまとめる（Webサイトの高速化、ブラウザ側） - tekkの日記 C#,VB.NET
Webサイトの高速化を行う手法の１つで、JavaScriptとCSSの圧縮・統合があります。複数のjs,cssファイルをまとめると、ブラウザとWebサイトとの接続回数が減り、CSSSpriteと同じく大きな効果があります。圧縮も効果はありますが、圧縮より統合の方が効果が大きいです。 実施に当たっては、CSSSpriteより js,cssの方が簡単なので、ファイルをまとめるという効果がどれほどのものなのか体感するにも良いと思います。 今回は、Microsoft Ajax Minifier を使った手法を紹介します。 Microsoft Ajax Minifier http://ajaxmin.codeplex.com/ JavaScriptの圧縮・統合 AjaxMin.exe -JS -clobber -warn -xml c:\jsmin.xml 2> c:\jserr.logJavaSc
LDRがなくなるとのことで俺用フィードリーダー作った - mizchi's blog
2日で作った。昨日から無職なので手が空いてたのもある。 こんなの mizchi/my-feed-reader 概要 nodeでクローラ100行、サーバー40行、クライアント400行ぐらい。テストはない。cssもない。 認証とかなくて、ローカルで動かすの前提。LDRのexport.xml(opml)を読み込む。詳しくはREADMEで。 jksaでフィードを移動する。sで飛ばした時に未読フラグつけてる。oでバックグラウンドで開く。 大事なことなんだけど、マウス操作は一切対応してない。 データベースは使ってない。サーバーでインメモリで抱えてる分だけ降ってきて、既読管理は最後に読んだフィードの更新日時をlocalStorageで持ってて新規フィードもらうたびに比較してる。雑な設計。 技術的な話 Koa, React, Generatorとか自分が使いたい技術を適当に使った。 Reactで雑に作るの
簡単！RSS（XML）を取得&表示させる方法 – jQuery + Google Feed APIを使用してFeedを表示させる方法 | Stronghold Archive
どうもこんばんは！Toshikuraです。今回のtipsは【簡単！RSSを取得&表示させる方法 – jQuery + Google Feed APIを使用してFeedを表示させる方法】です。最近ちょくちょく使ったのでメモしておこうかと思いました。 RSSの取得&表示について 一例ですがこの「RSSの取得&表示」は、書いているブログと異なったサイトに記事一覧を表示させる際に便利な方法です。通常ですとクロスドメインの制限で記事一覧を表示させるのは若干手間ですが【Google Feed API】を使う事で簡単にこの問題を回避できます。 前置きが長くなりましたがコード例は以下になります。 ・JS <script src="js/jquery-1.X.X.min.js"></script> <script type="text/javascript" src="https://www.google.
Google Maps API v3 で全てのマーカーが表示されるようにズームレベルを調整する方法 - まいける's Tech Blog
v2 では、 getBoundsZoomLevel を使えばよかったのですが、v3 ではなくなってしまいました。仕方がないので、この機能を使う部分だけは v2 のままでいたのですが、いつの間にか代替機能が追加されていました（この機能に気づく前に、Google Maps API V3ではgetBoundsZoomLevelが使えないを参考に v3 対応させたのですが、以下で紹介する方法のほうが通常は簡単）。 XMLからのデータ読み込みと併せてご紹介します。 マーカーの XML は、こんな感じで準備しておきます。 <?xml version="1.0" encoding="UTF-8"?> <markers> <marker name="マーカーＡ" lat="34.6981457" lon="135.5071395"/> <marker name="マーカーＢ" lat="34.698068
非同期通信（XMLHttpRequestの使い方）｜XML->DOM生成->HTML出力｜Ajax｜PHP & JavaScript Room
オブジェクト名.onreadystatechange = 関数名 function 関数名(オブジェクト名) { 処理 } オブジェクト名.onreadystatechange = function() { 関数名(オブジェクト名); } function 関数名(obj) { 処理 } onreadystatechangeイベントは、readyStateプロパティ（リクエストの処理状態）が変化した時に発生し、イベントハンドラを実行します。 IE、Firefox、Safari、Operaなど多くのブラウザに対応しています。 openメソッドの第3引数にTRUEを指定し、非同期通信でサーバーにリクエストを送っている場合は、 sendメソッドでリクエストを送信したサーバーからのレスポンスを待って完全にデータの受信が完了してからresponseXML／responseTetxプロパティをコールす
Client-Side DatabaseとLocal Storage - 強火で進め
Client-Side Storage(クライアントサイドストレージ)はリレーショナルDB(SQL文を使うようなDB)。バックグラウンドはSqliteで実装されている事が多いみたいです。 Local Storageはキーバリュー型(キーを指定して値を取得)のDBです。 サンプル Client-Side Storage サンプル <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja-JP" lang="ja-JP"><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="initial-scale=1.0"> <meta name="apple-mo
HugeDomains.com
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
[鏡] 入門 JSON 2 -- 戯れ言++
「入門 JSON」が微妙に評判がいいみたいなので， 今回はもう少し踏み込んだ内容を書いてみたいと思います。 前回では JSON のデータフォーマットについて曖昧な表現や説明のまま流していますが， ここではもう少し厳密に見ていきます。 またもや長文です。 ご注意を。 なお， この記事は「Introducing JSON」（日本語訳）と併せてご覧いただくことをお奨めします。 前回は JSON のデータ型について連想配列（members）と配列（array）の2つがあると説明しました。 しかし実際にはもうひとつオブジェクト（object）という型があります。 実は JSON ではこのオブジェクトがデータの基本になっています。 （説明が長くなるので前回はこの部分についてワザと端折りました） オブジェクトは以下に示すようにブレス記号で囲んだ表現になります。 { } { members } ここで注意
![[鏡] 入門 JSON 2 -- 戯れ言++](https://cdn-ak-scissors.b.st-hatena.com/image/square/b9403aeb9e428539e1bdb60550747807cd52d387/height=288;version=1;width=512/https%3A%2F%2Fbaldanders.info%2Fimages%2Fattention%2Fremark.jpg)
[鏡] 入門 JSON -- 戯れ言++
ここではあまりプログラミングの話はしないのですが（私も今気がついた）， たまにはいいでしょう。 今回は JSON というデータフォーマットのお話です。 めっさ長文です。 ご注意を。 （3/8 追記があります） 最近 JSON （JavaScript Object Notation）にハマってます。 JSON というのはごく軽量のデータフォーマットで， Javascript （というより ECMAScript と言うべきかもしれませんが）の言語仕様がベースになっています。 とはいえ， JSON 自体は Javascript からは独立していますので他の言語（C/C++, Java, C#, Perl, Ruby, Python など）でも問題なく扱うことができます。 JSON は以下の2種類のデータ構造の組み合わせでできています。 （JSON フォーマットの詳しい解説をご所望の方は「入門 J
MayaaでHTML5のスマートフォンページを作る際にはまったこと - susumuis Info
僕はMayaaが好きです。仕事でもかなり使っています。 今回、スマートフォン（iPhoneおよびAndroid対応）向けECサイトのフロントエンドに、Mayaaを使用しました。そこではまったことを報告します。 metaタグにContentTypeが省略できるようになったため、ドキュメント判別の手段が減ってしまった HTML5では、 <meta charset="UTF-8"> のような書き方が許されるようになりました。 従来は <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> という書き方をしていました。 これで何が問題なのかというと、Mayaa自体がこのContent-Type指定を読んでいてそれによって処理を判別（例えばapplication/xhtml+xmlかどうかなど）もしているので、動作が
プログラマーとデザイナーの境界が縮まってきた気がする - susumuis Info
しごとがいっぱいあふれてるのに、ブログを書くとか完璧に現実逃避なのですが……。 今日のひがさんのエントリを読んで、appengineとは全然関係ないけど思ったことを書きます。 http://d.hatena.ne.jp/higayasuo/20101109/1289290143 ひがさんのエントリでは、appengine/Javaのスピンアップ問題を解決するために、静的HTMLをレスポンスして、JavaScriptで後から動的なデータを取得するパターンが提案されています。 別にこれ、appengineに限らず最近僕の近辺ではトレンドだなと思っていました。 SEOがあるので、サーバーサイドテンプレートもまだ必要だとは思いますが。 それで、思ったのがプログラマーの仕事についてです。僕が見てきたことを書きます。 むかしはJSPを書くだけのプログラマーがいました。 むかしむかし、ウェブシステムの画
XMLのWebAPIを爆速で使いこなせるフレームワーク
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。先日、爆速JSONPを使うと、JSONPのWebAPIを簡単に使いこなせることを示しました。 とは言っても、JSONPに対応していないWebAPIも数多くあります。ニュースAPI、知恵袋API…。これらは現時点ではXMLしか対応しておらず、爆速JSONPではブログパーツ化できません。 …いや、「ブログパーツ化できませんじゃなくて、とっととJSONPに対応しろよ」とお叱りを受けるところなんですが、実はXMLなら何でもJSONPに変換することのできる「YQL」というサービスがあり、これを使うことでカバーする方法があるのです！ YQLの説明は後にして、まずはデモをご覧くだ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebAPIのこれまでとこれから