フォームバリデーション系のプラグインは 既に数多く良質なものが揃っているので、 今更、という気もしますが、自分と相性が 良さそうだったので備忘録。軽量でシンプル で、カスタマイズもしやすかったです。 高機能ではなくていいので、こういうのが 欲しいんですよね・・ もちろん、クロスブラウザで動作してくれます。圧縮すれば2KB以下にまで落とせる軽量ライブラリです。 バリデーション用のライブラリです。軽量でクロスブラウザ対応。コードもシンプルでカスタマイズしやすい印象でした。 サンプルです。エラーメッセージは適当なので気にしないで下さい。 Sample コード <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script
ちょっとメモ。illustratorで1pxのラインを引くとぼけてしまってなんとも直らないことがありますが、0.5px上か下に移動させることで直ることがあります。 「環境設定 / 一般 / キー入力」を0.5pxに設定。ラインを選択して上下に移動 あるいは、以下のように変形オプションでY座標を0.5px程度移動させるか、ラインを選択して「ピクセルグリッドに整合」にチェックを入れることでも可能です。 ぜひやってみてください！ 友人がOLYMPUSのPENを使っていて、ちょっとほしくなってしまったぞ。シャッター音が気持ちいいですね。 OLYMPUS マイクロ一眼 PEN E-PL1s レンズキット ホワイト E-PL1s LKIT WHT
コンビニ勢力地図2024-2025 三重にファミマが多くないか？ このところ三重県と愛知県に行く機会が多かったのだが、車で国道を走ってるとやたらファミマを見る気がしていた。地域によってコンビニの種類に偏りがあるとは思っていたが、実際どうなのか。調べてみたのでお伝えしたい。 これが日本国…
40 Great Examples of Facebook Fan Pages 秀逸なFacebookファンページデザイン集４０ 予めレイアウトが決まっていますが、各社違和感なくかつ美しくデザインしているところが素晴らしいです。 最近自分のまわりでも殆がFacebookをやっているような状態で、今後もユーザ数が増えていきそうなFacebook。 ファンページ作成に関するデザイン力なんかも求められる時代になってきそうな気がします。 大手企業のきれいにデザインされたページがまとまっていましたので参考にできそうです。 各社デザインがいいのも去ることながら、Facebookファンページという仕組み自体も、Facebook自体の世界観を壊すことなくサードパーティのコンテンツを載せられているという意味でうまく出来ているなぁと感心してしまいますね。 関連エントリ facebookのファンページ用ウィジェ
ついでなんで.screenrcも晒しておきましょう． ################################################# # オプション ################################################# # 現在のウィンドウに対して可視ベルの設定します。 vbell off # ハングアップしたときにscreenは自動的にデタッチ autodetach on # 起動時に著作権表示 startup_message off # スクロールバックバッファの大きさ defscrollback 2000 # 画面の一番下の行を反転させてハードステータス表示 hardstatus alwayslastline "%{= gk}[%m/%d %02c] %{gW} %-w%{= wk}%n%t%{-}%+w %=%{gk}$USER@$
ievmsはMicrosoftが提供するIE動作検証用Virutal PC向け仮想イメージをVirutalBox向けに変換するソフトウェアです。 IEで見たWebサイトの確認をしたいと思ったらWindows機が必要です。さらにIE7/8/9と各バージョンを用意しなければなりません。そんなのは面倒だ！というMac OSX/Linuxユーザの方は今すぐievmsを実行しましょう。ievmsはIE7〜9のVirtualBox用の仮想イメージを作成してくれるソフトウェアです。 インストール中です。数GB以上あるものばかりでかなりの時間を要します。 とりあえずIE7とIE8の仮想イメージができあがりました。VirtualBoxで確認できます。早速起動してみます。 Windows7が使われています。なお最初の起動時にライセンスが切れていましたがオンライン認証で通りました。 アクティベート後、再起動すれ
この記事見てたら、「vimscriptでも書けるさ！」と悔しくなったので勢いだけで書いた。 Simple Scheme interpreter in Perl - Life is very short Simple Scheme interpreter in Perl perl , scheme | 21:52 昨日 Brainfuck を書いてみたので、今日は Scheme( Lisp )の 処理... http://d.hatena.ne.jp/syohex/20111116/1321447925 後悔していない。 mattn/lisper-vim - GitHub This vim plugin provide lisp environments for vimmers. https://github.com/mattn/lisper-vim 見ての通り、vimscriptだけでli
Database Deployment Managerはスキーマ管理やデータのメンテナンスを行えるデータベース管理ソフトウェアです。 データベースの管理ツールを探している方はDatabase Deployment Managerを試していてはいかがでしょう。デプロイ管理と銘打つほど、スキーマ管理に重点を置いています。 インストーラーです。ウィザードに沿っていくだけで完了します。 完了しました。起動します。 全くの新規から作るか、DBからのリバースエンジニアリングができます。 DB接続設定をします。 実際に接続します。 テーブルを取り込みます。 メイン画面です。左にテーブルの一覧が並び、その下にデータタイプなどが並んでいます。 テーブルの中身を見ることもできます。 テーブル定義をSQLで確認できます。 テーブルを並べてコメントをつけたダイアグラムを作成できます。いわゆるER図の機能です。 D
Home > PHP > PHPerの悩みを解決する arry を作ってみた（PHP Advent Calendar jp 2011 Day 2） PHP Advent Calendar jp 2011 2日目です。 はい、PHPer王子です。 前日の @cakephper さんになんだか妙な名前を付けられました が、今年も PHP Advent Calendar を実施することになりました。管理人がなぜか 2 日目という変わったスタートとなりましたが、なんとか12/25の最後日まで駆け抜けたいと思います。参加されたみなさんよろしくお願いします！ ちなみにまだ数日空きがあるので、いっちょ書いてみよーという方の参加お待ちしてます:D PHPerにおける連想配列の悩み 王子らしくPHPerの悩みを解決したい！ということで、連想配列にまつわるお悩みを。 普段PHPを書いていて何とも悩ましいのが、
意外と情報が少なかったので、自分向けのメモも兼ねて。 Photoshop汎用フォーマットとは、本当に画像のデータのみで構成された画像ファイルです。ヘッダなどのメタデータはファイルに埋めこまれておらず、圧縮もされていません。ただ画素ごとのデータが並んでいるだけです。非圧縮BMPのヘッダなし版みたいなものですね。（参考: Adobeサイト内の解説） このPhotoshop汎用フォーマットファイルを、コマンドライン画像編集ツールImageMagickを使って生成します。 やり方は簡単です。たとえば、BMP形式のhoge.bmpを、Photoshop汎用フォーマットのhoge.rawに変換するには、以下のコマンドを実行します。 $ convert hoge.bmp -depth 8 -size 240x160 rgb:hoge.raw -depthオプションには色の深度（1色に使用するbit数）、
はじめに みなさん、こんにちはあまちゃんです。 さて、今日は先日ドワンゴの社内ハッカソンに UT Startup Gym のメンバーとおじゃましてきましたので、ちょっとそのことについて書いてみたいと思います。 ドワンゴのエンジニアがほとんど参加してるらしいです！すごい人数ですね！ こんな人数でハッカソンをやるなんて、すげえ！ ちなみに、入り口はこんな感じ 僕もなんかサービス作ろう！ せっかくハッカソンに参加したんだから僕もなんか作ろうと思って、 事前にライブラリ作っておいて「あとは組み立てるだけ！」みたいな状態にしてたんですけど、 残念ながら完成せず…。 こんど機会があったら、どこかの開発合宿で仕上げたいなと思います。 ドワンゴの人が作ってたものがすごかった 最後に各々が作ったものを発表する LT があって、その発表が凄かったです。 （チラッ） 技術的にも尖っていて、ユーザー視点としても面
何年か前に構築したサーバー環境がPHP5.2のままになっていて、ループをたくさん実行するプログラムを動かすと「Allowed memory size of … 」というメモリエラーが発生していました。 PHPでは memory_get_usage という関数でそのプログラムのメモリ使用量を確認することができます。 echo memory_get_usage(true) . "\n"; こいつをループの最後に記述してプログラムを実行すると、ループを繰り返すごとにメモリ使用量が増えていることが確認できました。 ループの中の変数ががきちんとメモリを解放していないのかと思い、ループの最後で unset してみたりしても解決せず、また、ローカルの開発環境で実行しても特に問題は発生せず、色々調べて原因はPHP5.2にあることがわかりました。 » PHP: パフォーマンスの考慮点 – Manual この
Emacs Advent Calendar jp: 2011 の 17 日目です。16 日目は、@asudofu さんの点数付けの導入でタスク管理を楽しくする[Emacs拡張] でした。 Emacs Advent Calendar jp には初めて参加します。Emacs は 2000 年から 使っていますが [2009-06-26-2] 、あんまり凝ったことはしていません。な ので、今回は私の .emacs から良さそうな設定を 3 つ紹介します。 Dired で今日変更したファイルを色づけ# こんな感じに今日変更したファイルの日時に色が付きます。なかなか便利 です。 ※ 意味もなく、s' でファイルを時間順に並べ替えるのも好きです。s' で元に戻ります。 元々 blankspace > emacs > dired にあった設定なので、ご存知の方も多 いのではないでしょうか。今の私のコード
JSGBはJavaScriptで作られたゲームボーイエミュレータです。 昔懐かしいゲームボーイのエミュレータは数多いですが、今回紹介するJSGBは何とJavaScriptで作られたゲームボーイエミュレータになります。 2色の感じがゲームボーイっぽさを出しています。 アニメーションもレトロな感じです。 拡大表示できます。 平面なのに立体を感じる、そんなデモ。 レトロな動作がいい感じです。 ワリオが走るデモです。 三倍表示にしました。 こういうアニメーションもいい感じです。 動作デモです。 配布されているROMはムービーレベルで操作することはできませんが、公式サイトでは実際に遊べるゲームがROMとして読み込めるようになっています。音は鳴らないようですが、FPSは60近く出ており十分遊べるレベルです。 JSGBはJavaScript製、GPLのオープンソース・ソフトウェアです。 MOONGIFT
僕がサクラエディタからVimに乗り換えるまで - ITは芸術だ 僕がサクラエディタからVimに乗り換えるまで エディタ はじめに 恐怖のエディタ、Vim。 僕はこの間までずっとサクラエディタを愛用していましたが、最近 Vim を使うようになりました。 ええ、Vim... http://d.hatena.ne.jp/JunichiIto/20120101/1325420213 Vimテクニックバイブルの著者略歴でも書いたけど、僕は「生涯Vimを使う」と決めた。僕のブログを読んでくれている人なら、だいたいの人は僕がVimを使っているのは知ってると思うけど、今日は「なぜ僕がVimを選んでいるのか」を書こうと思う。 こんな僕だけど、Vim以外が使えない訳じゃない。PCにVim以外のテキストエディタが入ってない訳でもない。Emacsも一応は使える。もちろんEmacsもxyzzyもsakuraエディタ
# vim Vimを起動して <?xml version="1.0"?> <?mso-application progid="Excel.Sheet"?> <Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet" xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet"> <Worksheet ss:Name="Sheet1"> </Worksheet> </Workbook> XMLを書いて <?xml version="1.0"?> <?mso-application progid="Excel.Sheet"?> <Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet" xmlns:ss="urn:
僕のカレンダーは7色だ。 以前エントリーに書いたとおり、用途によってMacとiPhoneのカレンダーを7つに分けているのだ。 そのエントリーはこちら。 セルフ・マネジメントツールとしての “6カレンダー” システム ＋1 このエントリーの中で、一つだけあまり使えていないカレンダーがあった。 それは「空き時間」というカレンダー。 もともとの解説文章を読んでもいまいちピンときていなかったので放置していたのだが、最近になってやっと使い方が分かった。 実はこのカレンダーはすごく重要な役割を持っていたのだ。 このカレンダーは、「特別な用事があるわけではないが予定を入れてはいけない時間」をブロックするためのものだったのだ。 分かりやすい例で言うと、夜の「飲み会」がある。 僕はお酒も皆と過ごす時間も大好きなので、ついついどんどん飲み会の予定を入れてしまう。 他の予定と重なってしまっていれば当然お断りせざ
VimeoのAPIとjQueryを使用したサンプル。 軽量なコードでLightbox風にポップアップ させる、という方法。Vimeo自体日本では 全然使ってる方を見かけませんが、徐々に 浸透すると嬉しいですね。便利だし。とい うか、僕が知らないだけで結構使ってる 方もいるのかもｗ 仕事じゃなくて個人で使いそうなのでメモ的に。VimeoのAPIを使って、リンクするだけでサムネを表示させてクリックするとLightbox風に表示される動画ギャラリー、みたいなものを簡単なコードで実装します。 Vimeo Gallery こんな風にサムネイルがギャラリー的に表示されて こんな風にLightbox風にポップアップさせます。 以下サンプル。 Sample IE7以下にも手抜きハックで対応させました。もっとちゃんとやれば素敵になるんじゃないですかね。 コード $(window).load(function
facebook logo / marcopako PHP Advent Calendar jp 2011 13日目を担当します@redsnow_です 前日は@kashiokaさんの2.6公開間近！！Ethnaを5分でインストール | Love Tokyoになります 本日はFacebook Query Language (FQL)を使ってブログの人気記事を簡単に抽出する方法をお届けします FQLとは The FQL object enables running FQL queries using the Graph API. Facebook Query Language, or FQL, enables you to use a SQL-style interface to query the data exposed by the Graph API. It provides fo
今回はSEO対策本について「初心者向け書籍」「中級者以上向け書籍」「Webライティング書籍」「WordpressSEO書籍」「Youtuber向け書籍」と5つの部門別に紹介していきたいと思います。 seo対策本おすすめ比較ランキング【初心者向け】 1.いちばんやさしい新しいSEOの教本 第2版 （出典：amazon） 書籍情報 詳細 価格（amazon） 1,738円 著者 ・安川 洋 ・江沢真紀 ・村山佑介 出版社 インプレス 出版日 2018/7/20 ページ数 256ページ 口コミ（amazon） [star rating= 3.5] amazon 楽天市場 ヤフーショッピング 初心者向けSEO対策本として大人気ロングセラーの「いちばんやさしい教本」シリーズの最新版です。 経験・実績豊富な人気講師陣たちにより、SEOの目的など基本的なことから効果の分析方法・ソーシャルメディアからの集
Archived MSDN and TechNet Blogs 1/21/2020 2 minutes to read MSDN and TechNet blog sites have been retired, and blog content has been migrated and archived here. Archived blogs are grouped alphabetically by the initial letter of the blog name. Blogs and blog posts can be searched by their names, using the Search box at the top of the page. Actively updated blogs have been moved to other blog sites,
KLab Advent Calendar 2011 「DSAS for Social を支える技術」 の15日目です。 最近はソーシャルゲームの開発案件も増えてきました。Android/iOSアプリの開発をはじめとしたAjax通信の事例が数多くなり、開発スタイルも様変わりしつつあります。以前はWebサイト・Webアプリ構築の場合はPCや携帯のブラウザをリロードしながらだったのが、スマートフォンが加わりつつあります。 スマートフォンにおいてはさらにアプリ開発が大きな意味を持ちつつあります。携帯時代にもJavaアプリやBREWアプリなど多様なアプリがありましたが、スマートフォンアプリでの違いは、サーバとの通信を非常に多く行うようになったことです。クライアントアプリは多くの場合自前かもしくはWebViewを用い、通信はAjaxが使われます。リクエストもGETだけでなくPOSTを使う事も多くあり、
pushStateに対応している場合には利用して、それ以外にはjQuery.hashchangeを使う Last Update: 2011-10-14先日に引き続きpushStateに関する話題です。この前はpushStateに対応していない場合にはlocation.pathnameもlocation.hashも変わらず、ブラウザの履歴には何も残らない状態でした。このサイトはIEの比率が高くないのでいいんですが、別途作っているサービスではWeb初心者の比率が高く、IEユーザにも配慮する必要があるため、hashchangeも利用することにしました。以下は簡単なサンプルです。pushStateに対応していない場合にはhashchangeプラグインは必要無いので別ファイルにして選択的にロードするとか改良の余地はありますが、IE6やIE8なんかでも意図したとおりに動作しているので良しとします。 $
WebSocket が、12月12日についにRFCになりました（RFC6455)。テキスト転送だけでなく、バイナリー転送もサポートされ、コネクションをキープするための ping/pongなどコントロールフレームも定義されました。rfcになる過程で様々なバージョンと、その実装系が出ていますので、そこのネゴシエーションの仕組みが入っていたり、以前は割と自由に使えそうだった subprotocolが、IANAにレジストレーションが必要になったりと、なかなかしっかりしたプロトコルに仕上がっている印象です。 さて、今年最後となる、今日のポストでは、このWebSocketにより、今後のWebはどうなっていくのかについて、僕が最近感じている妄想を書き連ねてみます。 WebSocketとは、いったい何なのか？ さて、WebSocketとは、いったい何なのでしょうか？この問に対して、一般的には、 WebでP
リンクとフォーム送信後のページ遷移にAjaxを使わない やるべきこと下記のように、jQueryライブラリを読み込んだ後、 jQuery Mobileを読み込む前に、初期値を設定すべし。 <script src="jquery.js"></script> <script> $(document).bind("mobileinit", function(){ $.mobile.ajaxEnabled = false; }); </script> <script src="jquery.mobile.js"></script> その理由 デフォルトでは、外部ページへのリンクがクリックされると、フレームワークはリンクを自前でパースし、遷移先をAjaxリクエスト(Hijax)で取得し、ロード中アイコンを表示します。【引用】ページ遷移 - jQuery Mobile 1.0b1 日本語リファレンス h
pixivポップボードのキャッシュの仕組みとFacebookのUIの話 こんにちは。JavaScript Advent Calendar 2011 オレ標準コース18日目の@ykskです。 先日pixivにポップボードという通知機能がリリースされました。自分がお気に入りユーザーに追加されたり、投稿したイラストがブックマークされたりした時にヘッダーに未読件数などのお知らせを表示します。僕は直接機能を実装していたわけではないのですが、リリース直後に起こった負荷の問題でJSを書きました。今日はその話をします。主にUIの話です！ え！ リリース直後、定期的に未読数の更新をAjaxで行っていた部分の負荷が急激に上がりました。ページロード時にHTMLに未読数を埋め込んだあと、2分ごとに未読数取得APIへリクエストするという処理です。 ポップボードはヘッダーに出るため、ほぼ全てのページでこの処理が入りま
JsTemplateはGoogleが開発したJavaScript製のテンプレートエンジンです。 Webアプリケーションがさらに開発されていくために必要なのが高機能なJavaScriptテンプレートエンジンの存在です。幾つか出てきていますが今回紹介するのはかなり有力です。なぜならGoogleが開発したテンプレートエンジンだからです。それがJsTemplateです。 デモです。左上がテンプレート、右上がJSONの元データになります。 そして左下が実際に生成されたHTMLで、右下がレンダリング結果になります。 idを使ってテンプレート名を定義しています。 こういう風にデータがない場合のチェックもできます。 実際のコードです。jsdisplayのところに検証が入っているのが分かります。 データがある場合はもちろん繰り返し表示します。 実際のコードです。 JsTemplateは再帰処理ができたりev
本気でやるならonclick属性は避けてライブラリを活用すべき - 帰ってきたHolyGrailとHoryGrailの区別がつかない日記 に関して この先、 HTML に onclick と書いても石を投げられないように書いておく＞＜ 僕も onclick 属性がダメだと思っていた時代もありました。でも、今は時々使うなあ。 （あ、でも、 HTML と JS で分業している場合は、使わないほうがいいよね＾＾；そこだけは言っておく。） JavaScript 入門の記事を書くときに onclick 属性がダメだとしたら、いろいろ本質的でないことを説明しなきゃいけない。 現状では onclick 属性が、もっとも簡単に HTML にイベントをマッピングできる方法だから、そんなに目くじらたてなくてもいいんじゃないかなあ？ たとえば 以下は、クリック時に href に GET を送るための oncli
JUGEMテーマ：健康 たった5分のトレーニングで視力が一気に回復する方法がテレビ番組で紹介されました。 お笑い芸人光浦がまずは視力を計ると 右0.6 左0.8 そこで5分の視力トレーニングを行って再び視力を計ると なんと右1.5 左も1.5 驚きの結果となりました。 トレーニング方法もいたって簡単です。 視力トレーニング方法は以下の通り ?目を強くつぶり10秒上を見る ?目を強くつぶり下・右・左と10秒繰り返す ?指の先端を目で追う運動 （顔は動かさない） 自分で行う場合 ∞の字を3回指で描き目で追う ?指を奥から手前へ3回動かして目を追う このトレーニング方法、メジャーリーグでも行っているとか。 そして上のトレーニング方法に脳のトレーニングを行うことで100％視力があがるというから驚きだ。 その方法もいたって簡単「見えると思って」？？ それでは番組で紹介されたトレーニング方法は以下より
今回は話題になった視力アップトレーニングの中から 実際に効果のあったトレーニング方法をランキング形式でまとめました。 以下のトレーニングで実際に視力が回復した人も多いので 「最近、視力が落ちたな」と感じる人はぜひ一度実践してみましょう。 視力をぐんぐん回復させるトレーニング法BEST５ 一度視力が落ちるとレーシック手術などをしないと 元の視力まで回復するのはなかなか難しいです。 しかし、トレーニングによって視力が回復した人も多いので 以下から効果のあった視力回復トレーニングを一通り実践してみましょう。 第１位 5分のトレーニングで0.4から1.5まで上がった方法 たったの5分のトレーニングで0.4の視力が1.5まで上がった（動画） 中川和宏先生（米国医学博士）の視力アップトレーニング。 テレビでも放映され、実際に視力も大きく上がっていたおすすめの方法。 実践してみましたが、本当に目に効いて
若かりし頃、上司から「アイデアを出せ」「次の会議までにアイデアを考えておけ」と言われ、 そのたびに「またアイデアかよ・・・。」「全然思いつかない・・・。」と悩んだものです。 アイデア本を片っ端から読んで試してみましたが、そう簡単にはアイデアは出ないもので、上司へのアイデア報告は大変苦痛だったことを思い出します。 そんな当時の自分に「オズボーンのチェックリスト」を教えることができれば、ずいぶん状況は変わっていたのではないかと思います。 「オズボーンのチェックリスト」は、「入れ替えてみたら」「大きくしてみたら」「逆にしてみたら」などと、１つのお題からアイデアを大量生産することができるフレームワークです。 アイデア出しに困っている方、ぜひ「オズボーンのチェックリスト」を試してみてください。 「オズボーンのチェックリスト」は、どんなツールなのか？ ９つの視点から、アイデアを発想できるツールです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
