タグ

ブックマーク / blog.verygoodtown.com (7)

  • 自由にカスタマイズ可能な地図ライブラリ「Polymaps」 | Web活メモ帳

    「Polymaps」はタイル画像とSVGJavaScriptを使って作られた地図表示用のライブラリです。 お手軽に地図を載せたい場合にはGoogleマップの方が良いかと思いますが、 もっと凝った地図にしたい場合に良さそうです。 一部データは欧米でしか使用できないようですが、面白そうなライブラリなのでご紹介。 詳しくは以下 地図のサンプル サンプルにあったものをいくつかご紹介。 ■ 真夜中の地図 デモ ■ インターネット使用率 デモ ■ Flickrの使用率 デモ 実装コードもシンプルに設置可能になっています。 var po = org.polymaps; var map = po.map() .container(document.getElementById("map").appendChild(po.svg("svg"))) .add(po.interact()) .add(po.h

    自由にカスタマイズ可能な地図ライブラリ「Polymaps」 | Web活メモ帳
    ichi2410
    ichi2410 2013/07/02
  • [JS]CSVを読み込んでJSONに変換してくれるライブラリ「csonv.js」 | Web活メモ帳

    ajaxを使用してデータベースの情報を表示する仕組みは一般的になってきたと言ってもいいと思いますが、 そこまで手をかけたくない小規模の案件も多いですよね。 そんな時に使えそうなのが、CSVをJSONに変換してくれるJavaScriptライブラリ「csonv.js」です。 CSVデータさえアップロードしてもらえば、常に最新の情報を表示する事ができるようになりますよ。 CSVの形式 CSVの作り方には制約があり、最初の行はキー名にする必要があるようです。 データは2行目以降でなければいけないようですね。 文字列の中に,(カンマ)を使いたい場合には、;(セミコロン)区切りでもOKなようです。 使い方 使い方はいたって簡単でCSVのパスを指定するだけです。 var members = Csonv.fetch("path/to/csv/family.csv"); var result = JSON.

    ichi2410
    ichi2410 2013/06/11
  • WordPressをセキュアに保つための10の方法 | Web活メモ帳

    先日ですが、友人WordPressが攻撃にあい、フィッシングサイトに利用されるという事件がありました。 サーバー会社に問い合わせをした所、FTPのログインが海外から合ったとの事。 パスワードがどこかから漏れていたのかもしれません。 怖いですね・・・ FTPパスワードが漏れた原因は分からなかったのですが、 出来る事はちゃんとやろうと思いました。 何かがあってからでは、遅いのですからね。 ・・・という訳で、WordPressで出来るセキュリティ対策を10個ご紹介。 プラグインも探してみたので情報をシェアします。 誰かのお役に立てれば幸いです。 1.WordPressを常に最新版に 一番の対策はこれです。WordPressはオープンソースのため、攻撃者はサーバーにどんなプログラムがあるか分かる状態になっています。 脆弱性が周知されているので、攻撃する側も簡単に出来ちゃうんですね。 必ず、最新版

    WordPressをセキュアに保つための10の方法 | Web活メモ帳
    ichi2410
    ichi2410 2012/10/17
  • タッチイベントのエミュレートが出来るブックマークレット「Phantom Limb」 | Web活メモ帳

    モバイルアプリケーションを作る際には出来るだけ開発環境でデバッグを行いたいですよね? 日紹介する「Phantom Limb」はブラウザ上でタッチイベントをエミュレートしてデバッグを助けてくれるツールです。 リアルな指がマウスで操作できるようになり、ボタンの押しやすさや指で隠れても操作しやすいかなど確認できるようになります。 使用には以下のブックマークレットを保存して実行ください。 ブックマークレット すると、ブラウザ上でカスタムタッチイベントを送る事ができるようになります。 使ってみた様子 試しに当サイトで実行してみました。 指でタッチする際にはボタンが見えなくなったり、サイズ指定に悩んだりしますよね。 実際の指の大きさに近いので、モバイルアプリ開発が少し楽になりそうです。

    タッチイベントのエミュレートが出来るブックマークレット「Phantom Limb」 | Web活メモ帳
    ichi2410
    ichi2410 2012/07/30
  • CakePHPで普段使っているpluginをまとめてみた | Web活メモ帳

    2010年を振り返る意味で、自分がCakePHPで開発する際に良く使うプラグインをまとめてみました。 誰かのお役に立てれば幸いです。 1.cakeplus ■ よく使うバリデーションをまとめたBehaviorであるadd_validation_rule モデルでバリデーションする際に当に使います。 var $validate = array( 'hoge' => array( "rule1" => array('rule' => array('katakana_only'), 'message' => 'hogeにカタカナ以外が含まれています' ), ), ); ■ 自動でhiddenタグを生成するヘルパーformhidden 確認画面を挟む際にhiddenに入力情報をまとめて出力してくれます。 echo $formhidden->hiddenVars(); このプラグインを知ってから、

    CakePHPで普段使っているpluginをまとめてみた | Web活メモ帳
    ichi2410
    ichi2410 2012/05/17
  • WordPressで使える知ってると便利な13のSQL文 | Web活メモ帳

    WordPressでデータベースの情報を変更する際に便利なTipsが載っている13 Useful WordPress SQL Queries You Wish You Knew Earlierというエントリーのご紹介。 WordPressMySQLというデータベースで動いていますが、何かを変更したい場合に結構困る事があります。 例えば ・パスワードを忘れて管理用のメールアドレスも忘れた場合 ・テスト用にレンタルサーバーのサブドメインで動かしていて、いざドメインで表示されるよう設定してもサブドメインにリダイレクトされるとか。画像がでない。とか。 全ての情報がデータベースに格納されているためしょうが無い部分もあるのですが、困った時に知っておくと便利なTipsです。 ※必ずバックアップを取ってから実行してください。 サイトのURLを変更する ワードプレスはサイトのURLとホームのURLを絶対

    WordPressで使える知ってると便利な13のSQL文 | Web活メモ帳
  • 雑誌風のレイアウトが作れるjQueryプラグイン「jQuery Masonry」 | Web活メモ帳

    垂直方向の高低差を最小限にする事ができるようで, 雑誌風のレイアウトを作る際に便利かもしれません。 以下のようなコードで簡単に設置できます。 <script> $('#wrapper').masonry({ singleMode: true }); </script> ただし、画像ファイルを表示する際には以下のような指定をいれなければいけないとの事。 <script> $('window').load(function(){ $('#wrapper').masonry({ columnWidth: 200 }); }); </script> 横幅の指定方法などの各種オプションを設定する事で見栄えを調整する事ができるそうです。 divを複数並べるだけで見栄えをそろえてくれるため、使い方によっては非常に便利なのではないでしょうか。 ライセンスはGPL と MITのデュアルライセンスとの事。興味

    雑誌風のレイアウトが作れるjQueryプラグイン「jQuery Masonry」 | Web活メモ帳
  • 1