拡大画像を表示するJavaScriptライブラリ「jQuery lightBoxプラグイン」で、拡大画像の幅・高さを制限する方法を紹介します。 jQuery lightBoxプラグインの使い方は、下記の公式サイトやネットの情報をご覧ください。 jQuery lightBox plugin １．問題点 jQuery lightBoxプラグインは元画像である拡大画像の表示サイズを設定できないため、元画像のサイズによっては次のように期待通りの表示にならないケースがあります。 対処前の拡大画像（ブラウザの幅を超えて拡大） 本エントリーの対処を行うことで、拡大時のサイズを制限することができるようになります。 対処後の拡大画像 ２．jquery.lightbox-0.5.jsの修正 jQuery lightBoxプラグインに含まれる、jquery.lightbox-0.5.jsを任意のエディタで開き、

2011年12月14日15:34 カテゴリTipsLightweight Languages javascript - めんどうな作業がわずか1クリックに!新人プログラマーが知らないと一生後悔するブラウザーを使ったHTML生成 いいえ、使いません。 めんどうな作業がわずか数秒に！新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成 | Webロケッツマガジン 僕たちプログラマーは、ちょっとしたコード生成に、Excelを使います！ 僕たちプログラマーは、ちょっとしたHTML生成にDHTMLを使います。 DEMO TSV JSON JSON to HTML function (json){ var tbody = $('<tbody>'); $.map(json, function(row){ var tr = $('<tr>'); $.map(row, function(c

今回は前回の使い方が変更になった要素の続きとして、HTML5になって新しく定義された新要素（タグ）も多くあります。その中からまずいままでのページ作成で使用している中で新しくなったタグをまとめていきます。video要素、audio要素など今までのプラグイン的な扱いの要素はいきなりでは難しいですし、ブラウザでの対応状況がまちまちで実際すぐにサイト制作に用いるということはまだあまりありませんので、まずは通常のページを作る際に使う要素をまとめてみたいと思います。 ただし、HTML5は仕様がまだ確定しておらず随時仕様変更などがありますので、現状は制作業務では無理に新要素を使わなければいけないということはありません。自分のサイトやブログなどで実験的に新要素で制作して変更があれば随時更新していくような形で勉強していく形がよいのではないかと思います。 今回はHTML5からの新要素をまとめていきますが、HT

By Joi やっと念願かなって起業して取材がやってくるとなったとき、どう対応すればいいかわかっている人というのはごく僅か。大多数の人は「どうしよう？」と悩んでしまうはずです。そんな人のために、フィラデルフィアでそんな起業家たちにアドバイスをしているSean Blandaさんが、今までに自分がアドバイスしてきた内容を14項目にまとめてくれています。 Confessions of a tech journalist: my advice to startups pitching the media - SeanBlanda.com 1：ジャーナリストのことを知ること by marusia ジャーナリストというのは、時に迷惑なほどに倫理的な集団です。ジャーナリストには多くの場合従っている厳しい規則があります。たとえば規則の一つとして、ジャーナリストは記事の掲載時期について情報源の指示を受けませ

読書にふけっていなくても、学者じゃなくても、知的生活は可能です。 いや、すでにしているのです。あなたのブログが、Evernoteが、Tumblrが、ツイッターがすでに「知的生活」なのです。ログを意識すれば、こうした活動は「時間の浪費」ではなく、立派な知的活動の蓄積になるのです。 このことを教えてくれるのが渡部昇一氏が「知的生活の方法 」を刊行したとき、テキストとして随所で引用していたのが1873年に刊行された P. G. ハマトンの「知的生活 」です。 本書はさすが140年近く前に出版されたこともあって、古臭く、時代にあわない点も多いのですが、この本のメッセージや構成にはいまも学べる点が多くあります。 ハマトンは、この本を手紙形式にして「教師の人に向けて」「婦人に向けて」といった特定の人を対象に語ったり、「時間がないと嘆いている人へ」「大きな才能をもっていて将来に野望を抱いている人へ」とい

早いもので今年も残すところあとわずか となりました。今年は年をまたいで仕事 しないとならないので早めに総まとめ的 な記事を書いておきます。と言っても 完全に自分用のまとめですのでご覧に なっても役に立たないと思いますがｗ というわけで、後で復習するのに、探さなくていいようにしただけの自分用リンク集です。 jQueryとWordPressにやたら偏ってます。過去記事のまとめですので目新しいものは一切ありません。 ネタは省いてます。あと、種類で細かく分ける気力が残ってないので順不同です。 スマフォ向けが多いのでスマフォ関連は※印を振っておきました。復習用なのでリンクは全て当サイトの記事にしてます。他の方には二度手間ですがご了承下さいマウスを乗せるとキャプチャが表示されます。130個くらいです。普段から小ネタばっかりなのでそんな感じのまとめです。 【追記】（僕が）リンク見にくいので色を変えました

そろそろ2011年の終わりを迎えようとしています。2012年用のカレンダーは準備できましたか？これからという方は、ネット上から無料でダウンロードできるカレンダーを使ってみてはいかがでしょうか。シンプルなデザインや、こだわりたい人向けのペーパークラフトタイプなど、さまざまなカレンダーを紹介します。 ■ 卓上型にはがきサイズも！バリエーション豊富なカレンダー まずは、サイズが豊富なカレンダーをチェックしてみましょう。シンプルなデザインがそろっています。 ▽ 2012（2013）年 カレンダー 無料ダウンロード・印刷｜ちびむすカレンダー 小学生向けの学習プリントなどを提供する「ちびむすドリル」では、振りがなが付いた子ども向けのカレンダーだけでなく、大人向けのシンプルなカレンダーもダウンロードできます。用意されている大きさは、A3/A4サイズ、はがきサイズ、卓上サイズとさまざま。種類は、1ヶ月、2

【ポケカ #53】フュージョンアーツ、仰天のボルテッカー、イーブイヒーローズが再販されたので開封してみた 【ゆっくり実況】

市のページのFacebook移行やFacebook上での通販ビジネスなど、斬新な“Facebook市政”を次々と打ち出す佐賀県武雄市。同市の樋渡啓祐市長に、取り組みの背景と今後について聞いた。 「当初の目標からすれば100％どころか、1000％くらいの成功ですよ」――佐賀県武雄市が公式ページをFacebookに移行してから4カ月。同市のFacebookページの「いいね！」の数は9000を突破し、総アクセス数は1000万PVを超えているという。 同市の“Facebook市政”はこれだけにとどまらない。11月7日にはFacebook上に特産品販売ページ「F＆B良品」を開設したほか、これらの取り組みを全自治体に広げるための団体を年内に設立するという。 人口約5万人の武雄市は、日本をどう変えようとしているのか――取り組みの背景と今後について、同市の樋渡啓祐市長に聞いた。 2ちゃんねるで「めちゃくち

広告の心理 電通の広告戦略を分析する http://tsurumitext.seesaa.net/article/130055536.html 日本のモンスター企業「電通」の心理戦略。 広告に学ぶ心理学 http://kenichinishimura.blogspot.com/2011/07/blog-post_19.html マーケターが使っている広告心理。 この言葉になぜ心を動かされてしまうのか http://e0166.blog89.fc2.com/blog-entry-202.html 人間の心理を突き、人を動かすキャッチコピーのノウハウ集。 儲かるランディングページの作り方を公開 http://www.re-marketing.jp/marketing/website_navigation/lp.html WEBで売れるページの作り方。リアル店舗の広告や看板に応用可。 広告コピー

『ブレーン』では佐藤可士和さんが美大生からの質問に答える連載コーナー「美大生からトップクリエイターへの質問」を掲載しています。アドタイでは、隔週でこの連載を転載しています。 ※本記事は、『ブレーン』2011年9月号（連載第2回目）掲載分です。 連載「佐藤可士和さんに質問」はこちら 小型化と多機能化に強み 日本人の強みの一つは、すでにある製品を、改良しアップデートする能力の高さだと思っています。自動車しかり家電製品しかり、もとは海外で生まれた製品を“小型化”“多機能化”していく技術が非常に優れている。 グローバルで仕事をしていると、必然的に日本らしさとは何かを意識します。さらにいま、高度成長期以降の産業史を扱ったドキュメンタリー番組『らいじんぐ産』（NHKBSプレミアム）のナビゲーターをしているので、改めて日本人のものづくりについて考える機会が増えています。 番組の中で特に僕が面白いと思った

ニキビに悩んでるやつちょっと来い Tweet 1：以下、名無しにかわりましてVIPがお送りします：2011/12/12(月) 16:37:47.29 ID:Rb8YZP+P0 ここは１０年間ニキビと戦い、ついに勝利した俺が語るスレです。 １俺の戦歴　２ニキビ撲滅方法　３質問タイムの三幕でいく。 誰も見て無くても勝手に書いていく。誤字脱字あっても許してね。 注意　これは個人的な体験と感想に過ぎません。 7：以下、名無しにかわりましてVIPがお送りします：2011/12/12(月) 16:41:40.73 ID:DhOkmzzg0 期待 2：以下、名無しにかわりましてVIPがお送りします：2011/12/12(月) 16:38:20.66 ID:Rb8YZP+P0 小学生時代 肌はツルツル。まるで剥きたての卵。 3：以下、名無しにかわりましてVIPがお送りします：2011/12/12(月) 1

2011年12月13日23:02 by tkfire85 Evernoteをあなたの脳にして１２０％使いこなす小技・裏技集。 カテゴリ管理人　雑談 tkfire85 改訂版 EVERNOTEでビジネスを加速する方法posted with amazlet at 11.12.13中嶋 茂夫 浅井 達也 ソーテック社 売り上げランキング: 85720 Amazon.co.jp で詳細を見る 【関連記事】 ・金曜ロードショー前に要チェック！スタジオジブリ作品を100倍面白く見るトリビア。 ・夢のレンガを積もう…なでしこジャパン澤穂希流の夢をかなえる方法。 ・ルフィの仲間力『ONE PIECE』流、周りの人を味方に変える方法 ・ピーナッツ　６２点(１００点満点中)今、大注目のツールといえば何でしょうか？チッチッチッチッ…答えはそう「Evernote」です。知らない方に簡単に説明するなら、エバーノート

環境が整ってきたWeb Fontsサービス Web Fontsを利用する環境は整ってきました。前々回（インストールせずに、好きなWeb Fontsを使おう ─ ＠IT）はWeb Fontsの歴史を、前回（好みのWeb Fontsが使えるツールを探そう ─ ＠IT）はフォント提供サービスと、Web Fontsを利用する上で便利なツールをご紹介しました。 今回はGoogle Web Fontsの使い方をご紹介します。 Google Web Fontsは他のフォント提供サービスと比較して、とても簡単に利用できます。アカウント登録も不要で、すべてのフォントがオープンソースとして提供されています。第1回の記事では簡単な紹介だけでしたが、今回はWeb Fontsの使い方や、多くのフォントから気に入ったフォントを選ぶ方法など詳しく解説します。 基本的な使い方 Google Web Fontsは以下の3つ

ユダヤ式記憶術 5chが気になる方は、まずはコチラのリンクをよくチェックしましょう。 そして、「試験に受かるユダヤ式記憶術」を購入するつもりなら、このホームページで、「試験に受かるユダヤ式記憶術」によって何が実現できるの […]

便利なんだけどあまり使われてないような気がするので。 ご存じだったらごめんなさいよ。 ウェブサイトに設置する favicon.ico ですが、 用意した画像を favicon ファイルに変換するの Mac だとものすごく簡単にできます。 画像を「プレビュー.app」で開く デフォルト設定なら普通に開けばプレビューで開かれると思います。 (必要なら)サイズを変更する 「ツール」→「サイズを調整」で16 px 四方のサイズに。 別名で保存 「ファイル」→「別名で保存」を選ぶ。 別のファイルにするんだから当たり前といえば当たり前。 「フォーマット」で「Microsoft アイコン」を選ぶ この表現がわかりにくいんだけど、要するに favicon です。 （Mac OS 10.7 Lion 以降でのやり方は後述） Favicon はもともと Internet Explorer 独自の仕様だったから

レプリケーションはMySQLで最もよく使われる機能のひとつだ。レプリケーションは基本的に非同期でデータの複製を行う仕組みになっているのだが、非同期故にどうしても逃れられない問題がある。そのひとつが今回のテーマ、遅延である。というと、MySQLのレプリケーションはすぐに遅延が生じてしまうように感じてしまうかも知れないが、そのようなことはない。ほとんどの場合は即座にスレーブの更新が行われる。 なぜ遅延は発生するのか、どのように遅延が起きていることを調べるのか、どのように回避するのかということを本エントリでは解説したい。うまく遅延と付き合って、MySQLのレプリケーションをより快適に運用してもらえればと思う。 そもそも遅延とは何かMySQLのレプリケーションは非同期で行われる。これは準同期でも同じであり、スレーブにおいて更新が起きるのはマスターよりも一瞬遅れてしまう。これは非同期であるが故に逃れ

こんにちは、にっしーです。 今回は衝撃を受けたスクロールデザインのウェブサイトを紹介します。 一見普通なウェブサイト。スクロールしたら世界変わります。Let's scroll!:) ※ブログ読者のみなさんに教えていただいたサイトも随時追加しています:) http://balloon.am/ http://2011.beercamp.com/ http://bloom.io/ http://www.nikebetterworld.jp/ ここから+α http://www.nintendo.com.au/gamesites/mariokartwii/ via @attripさん http://sai-zen-sen.jp/special/reddragon/ via @satorumurmurさん いかがでしたか？ 「衝撃受けた！」って人はTwitterやFacebookで拡散していただける

「日本で面白いものをたくさん見たが、たぶんこれほどクールで変わったことはないだろう」――Googleのブラッドリー・ホロウィッツ副社長が、日本のユーザーが作った「Google+」の同人誌に喜んでいるようだ。 ホロウィッツ氏のGoogle+ ホロウィッツ氏は12月12日に自身のGoogle＋のページで、「日本のユーザーがGoogle+の漫画スタイルのコミックブックを作った！」として、「Google+のお絵描きさん本。」という同人誌を紹介。日本のユーザー20人がGoogle+をテーマに作成したイラスト本だ。同氏は先週AKB48連動プロジェクトやメディア説明会で来日しており、その際にこの本を入手したと思われる。 内容は日本語のため「よく分からないが、信じられないほどクリエイティブで面白い」と同氏は絶賛し、「ありがとう！」と感謝の言葉をつづっている。Google+チームの朝のミーティングで回し読み

KLab Advent Calendar 2011 「DSAS for Social を支える技術」の9日目です。 前回は php を動かしている Apache の手前にリバースプロキシを 置く必要性を解説しました。 今日は、 その前の php のプロセス数を絞る設定と合わせて、実際に Apache で 設定する方法を紹介します。 以降、 php を動かしている Apache の事をアプリサーバー、リバースプロキシ＋ 静的ファイル配信を行っている Apache の事をプロキシサーバーと呼びます。 基本設定 まずは基本的な設定のおさらいです。 アプリサーバー 並列数を絞るには MaxClients を設定します。アプリがどれくらいの時間を CPUの処理で使って、どのくらいの時間を外部リソース待ちに使っているかにも よりますが、だいたいCPU数の1.5倍〜2倍くらいが適当だと思います。 Hyp

ＣＭプランナーだけど質問ありますか？ Tweet 1：以下、名無しにかわりましてVIPがお送りします：2011/12/12(月) 03:06:29.51 ID:WEL+nJ020 需要あればですが・・・ 2：以下、名無しにかわりましてVIPがお送りします：2011/12/12(月) 03:08:39.45 ID:WEL+nJ020 特定されない範囲でこたえます 3：以下、名無しにかわりましてVIPがお送りします：2011/12/12(月) 03:09:38.15 ID:jL0dQCKQ0 好きなＣＭは？ 5：以下、名無しにかわりましてVIPがお送りします：2011/12/12(月) 03:11:17.75 ID:WEL+nJ020 >>3 昔のＣＭですがカップヌードルの「hungry?」 というＣＭです。原始人がマンモスを追いかけているやつです 4：以下、名無しにかわりましてVIPがお送り