スキップしてメイン コンテンツに移動

投稿

Javascriptで実装された画像ギャラリーライブラリ

(2020年5月更新) こちらの下記理由により、デモを非公開にしました。 picasaはもうGoogle Photosに統合されてAPIが変わった。 Gallerifficももうアクティブに開発されていない。JQueryのプラグイン化されたようです。 記録目的で記事は残してあります。 Javascriptで実装された画像ギャラリーのライブラリ集です。 試しにいくつか使ってみた中で実際に使えると思ったものを選びました。 他にもかっこいいものがいっぱいあるのですが、実際使うとなると、なかなか厳しい(=使いにくい)ものも多いです。 最近はブラウザのJavascriptエンジンの性能も上がっていますし、HTML5やCSS3も徐々に浸透してきていますので、 ブラウザでお手軽に見栄えのするものが作れるのが魅力かなと思います。 注意点をいくつか。 上記のデモの場合、1つのオリジナル画像につき、「75px程度の正方形にクロップされた画像」と「幅が500px程度にサイズ変更された画像」の2つが必要です。 Picasaについては画像サイズを指定してクエリを投げられるので、ちょうどよい大きさの画像のクエリを作成して投げれば簡単にサムネイルが画像を取得できます。 肝はデモで使っているURLの https://picasaweb.google.com/data/feed/api/all?alt=rss&kind=photo&thumbsize=72c,512&access=public&imgmax=1600&hl=en_US&max-results=50 のthumbsize=72c,512の部分です。 簡単に説明しますと、サイズの後にcをつけると画像を正方形にクロップしてくれます。何もつけないとアスペクト比を固定して画像をリサイズしてくれます。 詳しく知りたい方は Picasa Data APIの公式ドキュメント を参照してください。 自分で大量の画像のサイズ変更するのは面倒くさいと思います。私の場合はJavaやC#で画像サイズを変更するプログラムを書きました。バッチ処理が可能な画像処理用のソフトを使うのもいいかもしれません。 C#のコードは簡潔で、実行性能もいいので載せておきます。画像を指定したサイズの正方形

Fast Fourier Transform Links

I love a kind of signal processing. The following links are the related to Fourier Transform. Article Nearly Optimal Sparse Fourier Transform Code Tips The faster-than-fast Fourier transform : MIT found fourier transform than fast fourier transform!! フーリエ逆変換を用いたローパスフィルタ(Player10) FFT.java Fast Fourier Transform 2D Fourier Transform On Images

Flatten JSON object to html ul & li items by Javascript

I have written Javascript code snippet which can flatten JSON object to html ul and li items. Please see this example . The example demonstrates flattening the following JSON object. { "Name":"Duke", "Birth Year": 1876, "Skill":{ "Java":"Wizard (hopefully)", "C#":"Master (kidding)", "F#":"Beginner (No!)" }, "Favorite":["Violin", "Programming"] } Actual Javascript code is something like this: // original data var person = { "Name":"Duke", "Birth Year": 1876, "Skill":{ "Java":"Wizard (hopefully)", "C#":"Master (kidding)", "F#":"Beginner (No!)" }, "Favorite":["Violin", "Programming"] } window.onload = function(){ try{ writeAsHtml(person,

Google App Engine

はじめに Google App Engineを試して見ようと思い、 Google App Engine for Java実践クラウド・プログラミング を購入して、ちょっと触って見ました。一通りできることは解説してあるので、とりあえずGoogle App Engineで動くサイトを作りたい人にはいい本かもしれません。 2012年7月8日追記: リンク先をチェックしたら 絶版 になってしまったようです。。。 必要なもの Java SDK: 私はJava SE Development Kit 7u3をインストールしました Eclipse: 私はEclipse IndigoのJava EE IDE for Web Developersをインストールしました Google App Engine Eclipse Plugin:私は以下の画像のものをとりあえずチェックしてインストールしました Bigtable Google App EngineのデータストアサービスであるBigtableのクエリに関しては、以下のリンクが参考になります。 Datastore Queries - Google App Engine — Google Developers 以下のコードでローカル環境に仮想のデータストアサービスがセットアップされます。 package com.dukesoftware.gaej.dao; import org.junit.After; import org.junit.Before; import org.junit.Test; import com.google.appengine.tools.development.testing.LocalDatastoreServiceTestConfig; import com.google.appengine.tools.development.testing.LocalServiceTestHelper; public class DaoTest { private final LocalServiceTestHelper helper = new LocalServiceTestHelper(new LocalDatastoreSer

Aptana Studioの設定Tips

皆さんはWeb系の開発環境はどんなものを利用していますか? 私はいろいろ試して、結局 Aptana で公開されているAptana Studioを使っています。 日本語化 IT技術者入門サイト「GOBU」 コンビニメイト テーマの変更 Aptana Studio 3.0ではどういうわけか背景が黒のテーマがデフォルト設定になっています。 個人的には普通の白い背景の方が好きなので変更しました。 手順 メニューバーからWindow->Preferencesと開いて、右のAptana Studioツリー下のThemesという項目を見つけてください。テキストボックスから検索すると早いと思います。 コンボボックスから Aptana Studio 2.X に変更してみてください。 JQueryのコード補完 エディタ上でJQueryのコード補完(Ctrl + Spaceを押して自動的に出てくるやつ)を有効化する方法です。 適切なJQueryのsdocmlファイルをプロジェクト直下にコピーすれば良いようです。少なくとも私の場合はそれだけで上手くいきました。 私は github からjquery.1.4.2.sdocml をコピーしました。 参考にしたサイト Aptana3をインストールしてWeb開発環境を充実させる 3Add Star

クラウド関連のメモ

プラットフォーム Heroku サポート言語数の高いウェブホスティングサービス。サイトには"Ruby, Node.js, Clojure, Java, Python, and Scala. "と書かれているので、かなりの言語が自由に使えるようです。機会があればぜひ使ってみたいです。 AppFog  特に PHPFog はHerokuではサポートされていないPHPのアプリケーションの短期開発に有用そうです。 Windows Azure Web API Windows Live API