画像の下に不要な余白が出るときの対処方法
こんにちは。島津です。 しばらく更新が滞ってしまいました！失礼致しました… さて今回は、divやテーブルなどのブロック要素で画像を囲んだ際に 画像の下に不必要な余白が表示されてしまう場合の解消方法について ご紹介しようと思います。 とりあえず実際の表示を見てみましょう。 ▼スクリーンショット ※Windows IE7のものです。 （htmlコーディング） <div> <img src="sample.jpg" alt="" /> </div> <div> <img src="sample.jpg" alt="" /> abcdefg </div> （cssサンプル） body { font-size:40px; } div { padding:0; border:solid 1px #DDDDDD; } img { margin:0; } divの内余白、imgタグの外余白とも0を指定して
Herokuのタイムゾーンを日本時間に設定する - アインシュタインの電話番号
Herokuのデフォルトのタイムゾーンは太平洋標準時(PST)なので、それを日本標準時(JST)に設定する。 17時間の時差 昨日の記事のTwitter Botでも、タイムゾーンが違うことで、1日ズレた名言をツイートしていたことになる。不具合ではないけれど、ちょっと気持ち悪い。タイムゾーンを正しく設定することで、そのズレは解消される。 この記事の最後で、Herokuの管理画面が太平洋標準時(PST)で、日本との時差（17時間）を考える必要があると書いた。このHeroku管理画面のタイムゾーンまでは変更することは出来無いみたいだけど、アプリのタイムゾーンはコマンドラインから設定できるみたい。なので日本時間を設定すれば、アプリ上では時差を考える必要はなくなる。 以下は昨日のTwitter Botアプリのタイムゾーンを変更する手順。 デフォルトのタイムゾーン Herokuのコンソールで現在のタイ
mod_rewriteを使うには「Options FollowSymLinks」が必要 « kawama.jp
mod_rewriteが必要になったので、apacheを「–enable-rewrite」オプションをつけて再コンパイルした。 これで準備ＯＫ。さあ、リライトできるかな・・・ と思ったら、エラーが。 .htaccessに記述したんですが、該当ディレクトリ以下すべてのページで「ページが見つかりません」となってしまう。記述は間違ってないはずなんだけど、どうしてだろう。しばらく色々試してみるも、どれもうまくいかない。 そこでapacheのエラーログを見てみると、 Options FollowSymLinks or SymLinksIfOwnerMatch is off which implies that RewriteRule directive is forbidden というエラーが出ていた。mod_rewriteを使うディレクトリでは「Options FollowSymLinks」が必要
【Facebookアプリを作って見る-APIを叩いてウォールに投稿-】
アプリ作成の前に一つニュースです。 ↓ フェイスブック、「FBML」を廃止へ フェイスブックはFBMLとFBJSによるアプリ開発を非推奨としていく。3月11日以降、FBMLのアプリは許可されなくなり、Static FBMLのアプリも追加できなくなる（既存のアプリは動作する）。ソーシャルプラグインなどで使用されているXFBMLに影響はない。http://developers.facebook.com/blog/post/462 とのこと。FBMLは廃止、これからはiframeで特殊なFBMLやFBJSではなく、一般的なHTMLとJavaScriptで作成できるらしいです。 ・ちなみにFBMLってなにさ？ ちょっと調べてみたんですが、FB内で使える独自使用（言語?）みたいです。これがなくなるってことはより一般的なHTMLとかJSとかで書けるのでこれから開発するには良いんじゃないでしょうか。 ・
updoor.com » node.js + socket.io で通信してみた(つづき)
というわけで、これ(node.js + socket.io で通信してみた)の続き。 ちょっと改訂 前回の記事でexpressプロジェクトを追加するときに、 $ express sandbox としてプロジェクトを作ったけども、 $ express -t ejs sandbox てな感じで”-t”オプションを渡してあげることで、ejsをテンプレートに使ったプロジェクトを準備できた。 もうひとつが、npmでのパッケージインストールをほとんどグローバルにいれてたけども、まぁそれでもいいんだけど、一応アプリの下にインストールする場合は、プロジェクト直下の”package.json”に対して、依存するパッケージを書いておいてあげると、プロジェクト直下のディレクトリで、 $ npm install するだけで、依存するパッケージをすべてインストールしてくれる。 で、今回のメインである”socket.
５分くらいで出来るnode.js(0.6) + socket.io(0.8x)のサンプルプログラム - 小さい頃はエラ呼吸
2012.12.22 最新版で動作するようエントリを修正しました。 【初心者向け】node.js(0.8) + socket.io(0.9x)のサンプルプログラム - 大人になったら肺呼吸 2012.01.17追記 以下の手順だと文字化けすることが分かりましたので、修正しました。 はじめに node.js 0.6がリリースされて、いつのまにやらsocket.ioも0.8になっていたので、node.js(0.6) + socket.io(0.8x)を使ったサーバプッシュのサンプルプログラムを作ってみました。 node.js Socket.IO: the cross-browser WebSocket for realtime apps. サーバサイドJavaScript Node.js入門posted with amazlet at 13.05.31清水俊博 大津繁樹 Jxck 小林秀和 佐
[screen] ウィンドウ番号を入れ替えるには"C-a : number 3"。 - 綾小路龍之介の素人思考
GNU screenにおいて、新しいウィンドウを作るにはC-a cなのだけど、作ったウィンドウを並べ替えたい場合がある。そんなときはC-a : numberとして、適当なウィンドウ番号を与えればよし。 例えば以下のようなウィンドウがあったとき、irssiのウィンドウ(3番)を2番にしたいとする。 0 bash 1 emacs 2 vim 3 irssi まずはC-a 3でirssiのウィンドウに移動して、C-a :でコマンド入力モードに移行。number 2と打って3番のウィンドウと2番のウィンドウを入れ替える。 C-a 3 C-a :number 2 この操作の後はウィンドウが以下のようになる。 0 bash 1 emacs 2 irssi 3 vim 新しいGNU screenではウィンドウ番号の変わりに+1とか-2とかの相対指定が使えるらしいのだけど、うちのscreenでは使えない。
Google Chrome Extensions (拡張機能) を作ってみる : Serendip – Webデザイン・プログラミング
Linux版の Google Chrome で拡張機能を作ってみた際のメモ。 Google のサンプルコードとチュートリアル (Google Chrome Extensions – Google Code) や "特集：先取り！ Google Chrome Extensions｜gihyo.jp … 技術評論社" の記事を参考にして Fastladder の未読記事数を表示する拡張機能を作ってみる。 Manifest file まず、Manifest file (manifest.json) を作成する。 これは、拡張機能の各種情報を記述した JSON 形式のファイルで、以下のように記述する。 { "name" : "Fastladder Notify", "version" : "1.0", "description" : "Notify unread Fastladder entry.
PostfixによるSMTPサーバ構築メモ
はじめに MTAとして人気もあるPostfixのメモページ。 インストール すみません。Debian GNU/Linux 3.0 で apt-get しますた。 設定(一般的な) 不正中継をとりあえず防ぎ、普通にメールが送れる状態までを一般的な設定としてここにメモする。以下は Debian GNU/Linux 3.0 で postfix をインストールした場合の何もいじっていない /etc/postfix/main.cf の中身。 # see /usr/share/postfix/main.cf.dist for a commented, fuller # version of this file. # Do not change these directory settings - they are critical to Postfix # operation. command_dir
Free Dynamic DNS(DDNS) by POP3,IMAP4,FTP,HTTP-BASIC for Home Server, VPS | MyDNS.JP
www.uetyi.mydns.jp is not accessible... Sorry. I do not know why this site is not working. If you know Administrator of this site, please contact directly. You may be able to see it in Google cache. For administrator ... MyDNS.JP did not received IP address from you over One week. Please check your notify system. If you restart notification of IP address, MyDNS.JP will apply your IP address to DNS
メールサーバの設定（postfix・dovecot）：tech.ckme.co.jp
目次 >> メール メールサーバの設定 - postfix & dovecot ここでは、postfixとdovecotを使用して、Unixユーザーアカウントを利用したメールサーバを構築する方法を示す。この方法では、バーチャルドメインを使用していない場合、もっとも一般的な方法である。 バーチャルドメインを利用している場合、違うドメイン名で、同じユーザー名が使えないなどいろいろと不便なことが多いので、その場合は、バーチャルメールボックスを使用する。バーチャルメールボックスを使用した設定についてはここを参照のこと。 なお、DNSで、MXレコードが設定されていない場合は、たいていの場合Aレコードを利用してメールが送られるが、サーバによってはMXレコードが設定されていないと、送らない場合があるので（例えばsendmailでAレコードを使わないに設定した場合など）、必ずMXレコードは設定しておくこと
Ubuntu 10.04 LTS - MAILサーバー - Postfix インストール/設定 : Server World
Postfix をインストールして SMTPサーバーを構築します。 メール不正中継防止に、後述のDovecotのSASL機能を利用し、送信にも認証が必要なように設定します。
Chrome拡張でContent ScriptとBackground Pageのメッセージのやり取りをする
を、ようやく実装できました。 Amazon to Rakuten Chrome拡張「Amazon to Rakuten」は当初下記の流れで作っていました。 1. chrome.tabs.getSelectedで今開いてるamazonのページのURLを取得 2. XMLHttpRequestで取得したURLのHTMLを取ってきて、本のタイトルを正規表現で取得 3. 楽天ブックス総合検索APIに取得したタイトルを投げる 4. 検索結果をPopupに表示。表示されたやつをクリックすると無事楽天ブックスの商品詳細ページにジャンプ 1. Content ScriptでDOM解析し、今開いているamazonの詳細ページから商品タイトルを取得 2. 取得したタイトルをMessageでbackground.htmlに送信 3. background.html上で楽天ブックス総合検索APIに、Content
デバッグ方法 | Chrome Extensions API リファレンス
デバッグ方法 このチュートリアルでは、Google Chrome に組み込まれている “デベロッパー ツール” を使って拡張機能のデバッグを行う方法を、ご紹介します。 拡張機能に関する情報を表示する このチュートリアルは、まずは はじめてみよう で最初の拡張機能を作ってあることが前提となっています。この拡張機能を読み込み、その情報を取得してみましょう。 最初の拡張機能が実行されていない場合、読み込みを行う。拡張機能が実行され、アドレスバーの横に が表示されている状態にする。 拡張機能の作成や読み込み手順について、必要であれば はじめてみよう を参照のこと。 拡張機能管理画面(chrome://extensions)を開き、デベロッパーモードになっていることを確認する。 最初の拡張機能に関する情報を、確認する。拡張機能の名前、説明、IDなどを見ることが出来る。 拡張機能管理画面上をよく見たま
概要 | Chrome Extensions API リファレンス
概要 基本 拡張機能とは、Google Chromeブラウザの機能を追加するための、HTMLやCSS、JavaScriptなどの必要なファイルをZIP圧縮でまとめたものである。基本的に拡張機能は全てウェブページであり、ブラウザがウェブコンテンツ用に提供している機能は、XMLHttpRequestやJSON、HTML5でのローカルストレージに至るまで、あらゆるAPIを利用することが出来る。 多くの拡張機能は、ブラウザアクションやページアクションの形でGoogle Chromeにユーザインターフェースを追加することになる。また、拡張機能はお気に入りやタブなどのブラウザの機能もプログラムから操作することが出来る。ウェブページやサーバとの連携には、コンテント・スクリプトや生成元横断XMLHttpRequestを用いることも可能。 注意: それぞれの拡張機能は殆ど、ブラウザアクションとページアクショ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHPUnit – The PHP Testing Framework
Limonade - PHP micro-framework / README
Limonade - PHP micro-framework
SMTP