超カッコいい確認ダイアログをjQueryで実装するチュートリアル:phpspot開発日誌
How to Create a jQuery Confirm Dialog Replacement | Tutorialzine 超カッコいい確認ダイアログをjQueryで実装するチュートリアル 普通、ダイアログというと javascript の confirm とか、その他 jquery プラグインを使って実装されるものが多いですが、これまで見たなかでもかなりのカッコよさのダイアログ実装チュートリアルです。 サンプルのダウンロードも可能。 一見全て画像のようにも見えますが、CSS3を使って綺麗にデザインされています。 ここら辺もこだわりたいという方は参考にしてみるとよさそう。 関連エントリ 効果音付きでアニメーションするクールなダイアログ実装jQueryプラグイン「Float Dialog」 その場でポップアップするクールな確認ダイアログ実装用jQueryプラグイン「jConfirmAc
javascriptの関数が変態すぎる
うめぇヨーグルトソースでもいかがですか。個人差にもよりますが。もしよろしければ。 お久しぶりです。 最近うんめぇ〜と思ってるヨーグルトソースがあるので、書いていこうと思います。 ヨーグルトとハーブ類をもりもり使うので、そういうのが食べられない方にはうんめぇソースではないです。ごめんなさい…。もしよろしければお茶だけも…旦~ 【用意する…
リーダーがチームの力を活かして育てるためにやるべき5つのこと - My Life After MIT Sloan
チームを率いるリーダーにとって、チームメンバーを活用して、仕事そのものを成功に導くことは最も大切なことだ。 加えて、チームの人の力を最大限に活かして、長期的視点で育てていくことも大切だと思う。 特に性格的にENFJ(=teacher,memtor)の私は、どうしても後者の方に関心が行ってしまうらしい。 チームを任されるようになって半年程度の私自身が出来てるとは限らないけれど、 後者のポイントでこれが出来ると人の力を活かせるなあと常々思っているポイントを5つ、自戒をこめて書いてみるです。 （個人的には4と5が大切だと思うです） 1．動きやすいように、見通し・段取りをつけてあげること これは単にプロジェクトを成功させるためだけでなく、人を活かすという観点でも重要だと思う。 ある仕事を達成するために、どの時点でどのようなことが出来ていなければならないのかを明確にし、合意する。 そうすれば、チーム
S2Dao,S2JDBCで動的SQL - まとばと！
今回の開発では諸事情で同じ構成のテーブルが複数作られるので、S2Dao,S2JDBCで動的にSQLが変えられないか見てみました。 S2Dao Beanのテーブル名を変えればどうにかなるかなと思いましたが、テーブル名が基本的にクラスに対し静的なプロパティになっているので挫折。 ↓が出来ればS2Daoでもどうにかなるんだけど…。 http://lists.sourceforge.jp/mailman/archives/seasar-user/2005-February/001465.html S2JDBC BasicSelectHandlerを継承してSQLの一部を動的に置き換えるようにして実装。 public class FormatSQLSelectHandler extends BasicSelectHandler { private String[] params; private M
サイト運営をやってみて起こった６つの「想定外」
1ヶ月ほど前に、アノニマスダイアリーでサービスの紹介させてもらった「完全に一致」のおっさんです。 昨年11月25日に公開させてもらったサービスですが、公開から約1ヶ月半の間、いくつも思ってもみなかった事が起こりました。 誰かに聞いて欲しいものの、例のSEの友人が精神的な病で倒れてしまい聞いてくれる人もおらず、 Twitterでは短すぎてかけず、なおかつブログもないのでここに書かせてもらいます。 「なんだ、またかよ」という方、お目汚し失礼しました。 想定外1：サーバーが幾度となくダウン最初の記事を書いて、初日から約1週間で300万アクセスがあり、この間何度もサーバーが応答しなくなるという事態に陥りました。 MySQLサーバーとWEBサーバーの調整を教えてもらったお陰で、かなりダウン回数減らす事ができたものの、結局全然処理が間に合ってくれませんでした。 一番のネックになったのは画像の変換処理と
既存のフォームをユーザーに使いやすくする10のポイント
10 Tips for Optimizing Web Form Submission Usability [ad#ad-2] 下記は各ポイントを意訳したものです。 1. 必須入力欄は強調する 2. エラーメッセージは分かりやすく 3. クライアントサイドのバリデーション 4. 入力している欄を明示 5. 進捗を明示 6. データの保存やキャッシュ 7. 送信ボタンの文言 8. キャンセルボタン 9. 入力例の記載 10. 垂直に配置 1. 必須入力欄は強調する ユーザーはフォームに入力した後に入力ミス・エラー表示があると、不安を感じたりイライラを募らせるでしょう。まずは、入力欄に「必須」「任意」などを記載して、入力欄が必須なのか任意なのかを明示的にユーザーに伝えるのは安全な方法となります。 2. エラーメッセージは分かりやすく フォームのエラーメッセージは、「あなたが下に必要とさせるフィー
朝青龍が引退した本当の理由 : ２のまとめＲ
2011年02月03日 ➥ 朝青龍が引退した本当の理由 99 comments ツイート 235：パルシェっ娘(千葉県) [sage]：2011/02/03(木) 12:06:16.90 ID:oj58/Wkj0 最近の７勝７敗で千秋楽を迎えた大関の成績 平成15年 9月 秋場所 ●魁皇 朝青龍（横綱）○ ← 平成16年 9月 秋場所 ○千代大海 若の里（関脇）● 平成18年 3月 春場所 ○魁皇 白鵬（関脇）● 平成18年 5月 夏場所 ○琴欧州 千代大海（大関）● 平成18年 7月 名古屋場所○琴欧州 栃東（大関）● 平成19年 1月 初場所 ○魁皇 栃東（大関）● 平成19年 3月 春場所 ○魁皇 安馬（小結）● 平成19年 3月 春場所 ●千代大海 朝青龍（横綱）○ ← 平成20年 1月 初場所
Geekなぺーじ : IPv4とIPv6の違い
ここでは、プロトコルに起因するIPv4とIPv6の違いを扱っています。 デュアルスタック環境に伴う問題点などは今回は範疇外です。 IPv4のアドレスは32ビット、IPv6のアドレスは128ビットである点が最も大きな違いです。 ただし、IPv6のアドレスのうち上位64ビットがネットワークアドレスとして利用されるため、実際には「128ビットという無限のアドレス」というのは運用上は事実ではなく、インターネットの43億倍の数倍(ネットワーク数なので正確には言いにくいため)ぐらいです。 IPv4では「198.51.100.254」のような表記ですが、IPv6では「2001:db8:aaaa:bbbb:cccc:dddd:eeee:1」のように「:」で区切る表記になります。 「::1」のように、ゼロを省略することも可能です。 IPv4では通信の種類は、ユニキャスト、ブロードキャスト、マルチキャストの3
WebプログラマのためのIPv6入門（1/2） － ＠IT
IPv4アドレス枯渇の日を前に WebプログラマのためのIPv6入門 おがわ あきみち 2011/1/31 IPv4アドレスが枯渇の日を迎えます。この記事では、これまでこの問題にあまり縁のなかったWebプログラマ向けに、IPv4アドレス枯渇とIPv6移行にともない生じる課題について説明します。 迫るIPv4枯渇の日 間もなく、IPv4アドレスが枯渇の日を迎えようとしています。これまで拡大を続けてきたインターネットも、1つの節目を迎えます。 IPv4アドレス枯渇とIPv6への移行は、ネットワークとしてのインターネットに直接関わっているインフラ系エンジニアには非常に身近な話題でしょう。しかし、その他のIT系エンジニアにとっては、あまり実感が持てない問題だと思います。 そこで今回は、Webプログラマの皆さん向けに、IPv4アドレス枯渇とIPv6への移行とは何なのか、どんな課題が生じるのかを紹介し
結局どうすればいいの？ - Dive Into HTML5
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In この章で
サイトに設置した「いいね!」の押され具合をデータで解析する方法 | 初代編集長ブログ―安田英久
今日は、ソーシャルメディア解析の話題を。自分のサイトに設置したFacebookの「いいね!」ボタンの使われ具合を分析する方法です。Facebookインサイトを使う方法と、APIでデータを取得する方法の2種類を紹介しましょう。 最近、Facebookの「いいね!」ボタンを見かけることも増えました。Web担でも2010年9月から「いいね!」ボタンを設定していて、先日の「TwitterやFacebookで共有されたリンクが検索順位に直接影響する――グーグルとBingが明言」の記事では何と840いいねを記録しました。 さて、この「いいね!」ボタンの押され具合を分析するにはどうすればいいのでしょうか？ 各ページを表示してボタンの横に表示される数字を目視で確認していくのもいいのですが、もう少しデータとして分析したいですよね。 それには、「Facebookインサイトを使う方法」と「APIを使う方法」の2
nginxから始めるWebサーバー構築入門 [1] - オブログ
こんにちは、hsbtです。 北海道から関東に引っ越してきて、そろそろ体験したことのない暑さの季節だなあと毎日おびえている毎日です。 さて、今号から近年注目されている Web サーバーの nginx を用いて、Webアプリケーションを運用していく上でのノウハウを連載として紹介していきたいと思います。 nginx はロシアのIgor Sysoev 氏によって 2004 年にリリースされた、高性能かつオープンソースのHTTPサーバーです。公式サイトによれば現在では世界中のドメインの6.55%のサイトが nginx によって動作しています。 nginx は HTTP サーバーとしてだけではなく、以下のような特徴を持っています。 リバースプロキシ IMAP/POP3プロキシサーバー シンプルな設定ファイル 少ないリソース消費量 特に少ないメモリ消費量とHTTPサーバーとしての高い性能から、リソースに
見出し抽出機能が便利、ウェブページをPDFに変換するオンラインサービス -iWeb2Print
抽出された見出しのキャプチャ [ad#ad-2] iWeb2Printの特徴 ウェブページをプリンターにフレンドリーなPDFに変換します。 ウェブページをオフラインでゆっくり読んでください。 ページのサイズは、レター、リーガル、A0-A9、B0-B10など多数のサイズに対応してます。 風景・肖像画、グレースケール・画像無し・背景無しなど選択ができます。 無制限に利用できます。 登録やメールアドレスの必要はありません。 iWeb2Printの使い方 iWeb2Printの使い方は簡単です。 「URL」にページのURLを入力し、「PDF」の「Convert」ボタンをクリックし、しばらくするとPDFファイルのダウンロードが始まります。
[JS]複数行の異なる高さのブロックをそれぞれ同じ高さに揃えるスクリプト
画像のサムネイルやテキストを配置したボックスなど、異なる高さのブロックが数多くあっても全ての高さを等しく揃えるスクリプトを紹介します。 Equal Height Blocks in Rows 一行目と二行目では、違う高さで揃えていることに注目してください。 [ad#ad-2] デモでは異なる高さのブロック（スクリプトオフ時）が、スクリプトによって行ごとに同じ高さに等しく揃えています。 デモページ 実装のアイデアとなったのは、「Making DIVs, using the CSS "Float Left" property...」とのことで、そのdiv要素がどの横列に属しているか調べ、その中で一番高いものに揃えています。 [ad#ad-2] 実装方法 HTML 画像やテキストを配置できるdiv要素を使用しています。 <div id="page-wrap"> <div></div> <div>
なんどでも繰り返し訪問するブログに期待する７つのこと
ProBlogger で「あなたのブログに人が何度でも訪問するようにする29の方法」という記事があり、ブロガーとしてなるほどなるほどと、興味深く読んでいました。 しかしこれを逆に自分に当てはめて、自分が繰り返し訪問しているブログに期待していることは何だろうかと考えてみると、やはり自分がブログを書くときに理想としている（そして、なかなかたどり着けない）ことだということに気づきました。ざっと７つほど思いついたので共有したいと思います。 1. 常に一歩先の情報を教えてほしい 一歩先というのは、新しい製品やアプリケーションの情報であってもよいのですが、「クラウドサービスがもたらす未来」といったように、半歩ほど未来をみすえて書かれたものであってもいいと思います。「あ、世界はこっちに動いているのか」という感触を抱かせるブログは毎日のように読んでしまいますね。 2. あなた自身の意見を聞かせてほしい ブ
Ｃプログラミング診断室
はじめに 開院準備 昔むかし／ レベル差／ 教育／ ネットワーク／ 情報集め／ 隠すことについて／ プログラムコンテスト／ ドキュメント／ 楽するように／ 手抜きと下手の違い／ 開院 第１部 外来 第１章 普通の初心者 最初から充実した(!?)プログラムが登場 関数を短くし、コメントを改善する 上手になる秘訣／ プログラムの紹介／ 何だ、このプログラムは!!／ 短くするには／ コメントについて／ 無駄な努力をやめよう／ 名前／ 気になる個所／ 修正プログラム／ 課題／ まとめ 第２章 これでもプロ 売りものであるにもかかわらず、超きたない！ 構造的な欠陥の指摘〜引数、ポインタの活用 プログラムの紹介／ 「超」基本的問題点／ 関数分解／ 構造的欠陥／ 引数を使おう／ ポインタ／ その他／ まとめ（修正プログラム） 第３章 上司が問題 まさに驚異的なプログラムの見本というべき 内容の修正から、
どうしてもやる気がない時に自らを奮い立たせる方法 | nanapi[ナナピ]
どうしてもやる気がない時に自らを奮い立たせる方法に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに どうしてもやる気がない時ってありますよね。やる気がないからいつもダラダラしてしまい、勉強や仕事がうまくいかない、ということも多いと思います。 そこでやる気を出す方法を紹介したいと思います。 前提 まず、一番大事な前提を言います。 「行動している時にはやる気はでない」ということです。 脳には側坐核(そくざかく)という部分があります。 やる気というのは、この側坐核がポイントになります。この側坐核というのが働き、脳内物資が出るとやる気がでてくるというメカニズムになっています。 しかし、この側坐核というのは、「作業をすると活発に動き出す」という傾向にあります。作業興奮と呼ばれたりしますが、興奮すると脳内物質がでるのです。 参考：勉強のやる気
俺とPHP - moriyoshiの日記
なんか知らないうちにPHPを全然書いたことがないという噂が広まっていて心外すぎるので弁明しておく。長くなるかもしれない。 PHPを使い始めたのはちょうど10年くらい前のことだと思う。4.0.3 あたりが出た頃だ。当時友人たちとシラバスの情報を共有するサイトをつくろうとしていて、PHP を紹介された。データベースに接続してデータの出し入れをするような仕掛けを簡単に作れるという。 それまでは web で何か作るといったら Perl だったし、テンプレートエンジンとかマルチパートパーサとかをまとめたオレオレ web アプリケーションフレームワークを作ってお茶を濁していた。Perl はかなり好きだった。それでも、PHP の手軽さは輝いて見えた。コードをそのまま HTML に埋め込めることでさえ、「poor-man's ASP」だと思って感激していた。マニュアルを見れば、答えが書いてあったから、動く
クックパッドも楽天レシピも古く思える「Foodily」という新しいレシピサイト
「これは！」と思い、正直なところ情報をシェアするのをやめようかと思いましたが、やっぱり良いアイデアはどんどんシェアしていくことにします。 日本にも料理のレシピを掲載するサイトはいろいろありますよね。ダントツのNo.1サイト「クックパッド」に「楽天レシピ」が挑んでいるなんて記事が最近ありました（参考：［CNET］「年内にクックパッド抜く-楽天レシピ、ポイント連動で攻勢」http://japan.cnet.com/news/business/20425484/）。楽天レシピは物販をビジネスにするっていうけど、そんなにシナジー効果あるかなあって疑問に思っちゃいます。鍋や包丁は一つあればいいわけで。ほんとに必要な食材は近所のスーパーで買うのがいちばん早いでしょ。ネットスーパーがいまいち流行らないのは不便だし値段も安くないからだと思いますが、どうなんでしょうか。要は料理は物販に向いてるジャンルじゃな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]jQueryのプラグイン33+1選 -2011年1月
”ゆるトレ”で大学日本一監督「生の声」 ～清水信行監督（１）～