Facebook のソーシャルプラグインを導入しよう その2 | バシャログ。
最近朝が寒すぎて、毎朝「死んだらどうしてくれんだ」とかブツブツいいながら歩いてる kimoto です。 え！？明日雪降るの！？ さて、以前書いた「Facebook のソーシャルプラグインを導入しよう」という記事が好評をいただいてます。 ということで、今回はその時紹介しなかったプラグインを紹介していこうと思います。 Facebook のソーシャルプラグインのページはこちら。 それではどうぞ。 Subscribe Button まずは、前回の記事の時にはまだ無かったプラグイン、「購読ボタン」です。 友達になりたいわけじゃないけど発言は常にフォローしたい。そんな時に「購読」という行動を取れるようになりましたが、それをワンクリックで行うことのできるボタンを外部サイトに置けるプラグインです。 このページに行くと、以下のような入力フォームが現れます。 「Profile URL」に、誰のフィードなのか、
jQuery 1.7の on() off()について調べてみた | バシャログ。
新しいチャリを手に入れたら歯車や金属のバーを眺めてニヤニヤするようになったminamiです。 11/3にjQueryの最新バージョン1.7がリリースされました。大小さまざまな機能追加がされましたが、その中でもかなり大きな「.on()」「.off()」というイベントAPIが追加されましたが、今までのイベントAPIとどう違うのかいまいちわからなかったので調べてみました。 「.on()」「.off()」の使いどころ jQueryには今までのバージョンにも、「.bind()」「.live()」「.delegate()」といったイベントAPIがありました。今回追加された「.on()」「.off()」はそれら3つの機能をカバーしたメソッドになります。 「.bind()」「.live()」「.delegate()」については今後も利用できますが、「.on()」「.off()」の使用が推奨されていくようで
SE・プログラマが知ってると便利な脆弱性チェックツール 5 つ | バシャログ。
東京ラーメンショー2011 いきてーーー！みなさんこんにちは、nakamura です。 今日はプログラマだったりサーバ管理者だったり（もしくはその両方だったり）する方にお勧めしたいサイトとツールをいくつかご紹介します。細かい脆弱性のチェック等どうしても手間が掛かるものが多いですが、今回ご紹介するツールをうまく使うとその辺りだいぶ効率よくできると思いますよ！ WEB アプリケーション関連 XSS Me XSS Me :: Add-ons for Firefox XSS のテストをある程度自動化してくれる Firefox のアドオンです。残念ながら Firefox3.0.* 系の頃に開発が止まってしまっているようですが、僕の環境では install.rdf の書き換えで問題なく動作しています。（Windows7 64bit + Firefox7.0.1） SQL Inject Me SQL I
Androidアプリ開発に役立つサイト7つ | バシャログ。
こんにちは、今週はモテキDVD-BOXの到着が待ち遠しいinoueです。 さて、携帯の冬モデル発表でちょっと活気づいているAndroid周辺ですが、 Xperiaもやっとバージョン2.1へのアップデートが可能となりアプリ開発 をそろそろ本腰入れないと、という状況になっています。 そこで、Androidアプリ開発に役立つサイトを簡単にまとめてみました。 私も夜なべプログラミングしようっと。こたつ欲しいなあ… まずはここ！本家サイト Android 総合情報はこちらから。 Androidマーケットの情報にもアクセスできて便利です。 （ただしchrome、Firefoxでは表示が崩れて見づらかったです。） Android Developers 開発者向け情報はこちらにまとまっています。 SDKのダウンロードもここから。 サイトを英語と日本語で読むことができますが、切り替えると若干情報が異なること
デプロイに rsync を使う | バシャログ。
目がかい～～～の。こんにちは nakamura です。暖かくなってきたので、ぼちぼち自転車通勤始めようと思ってます。 デプロイって面倒な作業ですよね。本番環境へのデプロイは特に神経を使う上に FTP クライアント等を使っての手動アップだといつか絶対に漏れが出そう。サーバが複数台あったりするともう最悪！今日はその辺りのストレスを軽減する方法として rsync コマンドをご紹介します。 オプション色々 rsync はオプションがむちゃんこあります。代表的なものをいくつがご紹介しますが、もっと知りたい方はコマンドラインで man rsync と実行すれば公式のマニュアルが読めますよ。 -a オプション --archive オプションの略で更には -rlptgoD オプションをひとつにまとめたものです。細かい点はマニュアルを参照してもらえれば分かりますが、一言で言うと『ローカルとリモートを全く同じ
新連載始まります！ - EC-CUBE カスタマイズ日誌 - | バシャログ。
みなさん、こんにちは。nakamura です。 今日は新連載の予告編です。先日、とある案件にて EC サイトの構築を行いました。その際に使用したのが日本発のオープンソース EC サイト構築パッケージ EC-CUBE です。 デフォルトのままでも非常に良く出来ている EC-CUBE ですが、それ以上に素晴らしいのがその拡張性の高さ、カスタマイズのしやすさです。今回様々なカスタマイズをした中から、比較的ニーズの高そうな項目をピックアップして全 8 回に渡ってカスタマイズの Tips をご紹介していきます！ さて今回は予告編という事で、EC-CUBE についての簡単な説明と各回の予告をお送り致します。 EC-CUBE とは EC-CUBE は 株式会社ロックオン が GPL ライセンスに基づき提供しているオープンソースの EC サイト構築パッケージです。現在もロックオンを中心に有志のコミッターも
プログラムのコード量を減らす MySQL 関数 | バシャログ。
みなさん琉球朝顔ってご存知ですか？朝顔の中でもとてもたくましい事で有名な種類ですが今年の夏から我が家の庭に植えた所、未だに花が咲き誇っていて季節外れな事この上ありません、、、なんか雑草化すると駆除は困難だとか、、、 さて今日は知っておくと何かと便利な MySQL 組み込みの関数たちをご紹介しようと思います。プログラムサイドに記述すると数行に及ぶ処理が、SQL ベースで行うとほんの数文字で済んでしまいます。 DATE, DATE_FORMAT 日付や時刻関連の関数はとても充実していますが、中でもよく使うのはこの辺りでしょうか。こんなレコードがある時、、、 mysql> SELECT created FROM users; +---------------------+ | created | +---------------------+ | 2009-06-05 13:33:26 | |
CSS 基準文字サイズ（px）ごとの相対フォントサイズまとめ | バシャログ。
こんばんは、ishidaです。急に肌寒くなってきましたね。 弊社シーブレインは馬車道から目と鼻の先にありますが、その馬車道にて今年も恒例の馬車道まつりが開催されています。１１月１日（日）～１１月４日（水）まで開催されておりますので、馬車道付近にお越しの際は是非お立ち寄りくださいね。 それはさておき、フォントサイズを指定するときにまずはベースとなる基準のフォントサイズをbody等に指定しますが、サイトによって基準を12pxにしたり、13pxにしたり、たまぁ～に10pxにしたりしてます。 そうなってくると相対指定で20px相当って何％だっけ？ってことがよくあるのと、毎回毎回電卓をたたくのが面倒になったので、ここに基準としてよく使いそうなフォントサイズをメモします。 基準文字サイズ 10px 基準文字サイズ 11px 基準文字サイズ 12px 基準文字サイズ 13px 10px
(gitで)勉強用にMTのテンプレートをバージョン管理する | バシャログ。
最近、自宅のマシンにMTOSをつっこんで、上記の本を見ながらカスタマイズの方法について触りはじめています。勉強のためのカスタマイズとはいえ、バージョン管理されていないのは不安だったのでgitを使ってバージョン管理をしていました。ところが、テンプレート(公開用)を修正することになり、困りました。MTのテンプレートは通常、データベース内に保存されており、バージョン管理されていません。元に戻すのが気軽にできないのは勉強する上でストレスになるので、バージョン管理する方法を調べていたところ、MTで少し操作するだけでgitやsubversionを使ってバージョン管理ができるようになることがわかりました。本日はその方法をご紹介いたします。 キモは、「テンプレートをファイルへリンク」させること (この記事ではバージョン管理にgitを使います。参考文献にてTortoiseSVNを使った実例の記事へリンクして
【CSS】ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。
こんばんは、ishidaです。 CSS2.1 で定義されている displayプロパティの値、inline-blockの使いどころを探してみたところ、ページ送りにかなり使えそうです。 まずは以下のサンプルをご覧下さい。Yahoo 検索結果のページ送りデザインをまねています。 ページ送りのサンプル 1 2 3 4 5 6 7 8 9 10 次へ> XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li><strong>1</strong></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">
緊急！WordPress に乗っ取られる恐れのある脆弱性が発見されました | バシャログ。
涼しくなったり暑くなったりで忙しい日が続きますね。kimoto です。 さて、沢山のユーザが利用してるであろう WordPress 。 その WordPress の 2.8.3 以下のバージョンでかなり危険な脆弱性が発見されたとのことです。 各地で最新バージョンへのアップデートが呼びかけられています。 利用している方は、なにはともあれバージョンアップを推奨されています。 この脆弱性を突かれると、ブログ自体が乗っ取られ、そうなってしまうと WordPress 自体を一旦削除したりしなければならなくなるとの事で、かなり怖いですね。 WordPress 2.8.4未満にかなりやばめのセキュリティーホールがあるらしいので要アップグレード - F.Ko-Jiの「一秒後は未来」 警告！ WordPress旧版は簡単に乗っ取られる―即刻アップデートを | TechCrunch 以上のエントリなどによると
CSS Sprites風なことをインライン画像でやってみた | バシャログ。
こんばんは、お弁当に入っている梅干しは最後に食べるishidaです。 暑い時期になるといつもは全然飲まないのに、やたら炭酸飲料が飲みたくなります。 特に好きなのがスプライト。ブランド名の語源は、英語のSpirit（元気の意）とSprite（妖精）に由来しているみたいです。 といった感じで無理やり話題につなごうとしていますが…スプライトと言えばCSS Sprites。 背景画像としてCSS Spritesを使うパターンは多いと思いますが、背景じゃなく通常の画像でも CSS Spritesみたいなことができないかな？と思ったので、今回はそれをご紹介。 画像を用意 まずは、以下のような画像を作ります。 sprite_icon.gif 画像のサイズはきりがイイほうが設定しやすいので 90x90 としています。 1つのアイコンが 30x30 ってことです。 サンプル 以下がサンプルです。 サンプル0
重いFirefoxをなんとかして速くしたい | バシャログ。
その強力なアドオンで、とっても便利なFirefoxですが、毎日使っているとドンドン動きが重くなっていってしまいます。 うーん、どうにか軽くならないものかと色々やってみました。 起動を速くしたい まずはとにかく時間のかかる起動をなんとかしたいと思います。 Firefoxはブックマークやら履歴やらクッキーやらをSQLite DBで管理しています。 毎日使っていくうちにDBは大きくなり、起動や動作が重くなっていくとのこと。 そこでSQLite Optimizerというアドオンを使って、DBの最適化をしてしまいます。 手順は以下の通り。 1. SQLite Optimizerをインストール。 2. アドオンの管理画面でSQLite Optimizerの環境設定画面を開きます。 3. 『Firefox終了時にsqliteデータベースのREINDEXを実行する』にチェックを入れます。 以後、Firef
Apache の基本 -バーチャルホスト編- | バシャログ。
あ〜〜ビアガーデンに行きたくて居ても立ってもいられない。こんにちは nakamura です。何年か前まで氷川丸の上にビアガーデンがあったのですが、いつの間にかなくなってしまったみたいですね。すごく素敵なビアガーデンだったんだけどなぁ、、、 さてさて本日は Apache について。世界でもおよそ 50% のシェアを誇り、今や Web サーバの代名詞と言ってもよいでしょう。非常に多機能な Apache ですが、そんな中でも今日は何かと触れる機会の多いバーチャルホストの設定について簡単な設定例を元に解説していこうと思います。 設定例 まずは設定の記述例から。Apache の設定ファイルはディストリビューションにもよりますが、/etc/httpd/ や /etc/apache2/ の下にあるケースがほとんどでしょうか。この配下にある httpd.conf が大元の設定ファイルになります。 もちろん
【CSS】孫メニューまでオッケーなCSSのプルダウンメニュー | バシャログ。
以前にご紹介した「CSSで実現するプルダウンメニュー」のコメントで、孫メニューまでプルダウンする方法のリクエストをいただきましたので、ご紹介します。 確認ブラウザは IE7、IE8、Firefox3、Chrome2、Opera9、Safari3 です。 CSS のみでは IE6 対応が不可能ですが、前回同様 IE の独自機能（DHTML）を併用することで IE6 でも孫メニューまでのプルダウンメニューを実現しています。 まずは、以下のサンプルをご覧ください。 シーブレイン コーポレート WEBサイト制作 バシャログ。 バシャログ.biz マニュアル制作 Document_blog ペンペケペン ローカライズ 今日のIT英語 検索エンジン Yahoo! Japan Google 画像検索 動画検索 マップ ニュース グループ Goo excite Biglobe 週刊少年漫画 少年ジャンプ
【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi
tableの行と列を固定してスクロール！！Super Tables | バシャログ。
6月に入り、欧州サッカーの移籍情報が気になってしょうがないishidaです。 WEB制作に携わっていると、表組みだらけのWEBサイトの担当に 長い人生に一度や二度はなる（?）と思います。 tableによる表組みは、行や列が増えすぎるとコンテンツからはみ出したりして 見栄えが悪くなりますよね。 そんな迷える子羊たちを助けてくれるjavascriptライブラリ Super Tables を今回ご紹介いたします。 まずは以下のサンプルをご覧くださいませ。 Super Tables サンプルデモ サンプルのような感じで、ヘッダー部分を固定したり、列を固定できます。 Super Tables 設置方法 配布ページよりデータをダウンロードし、利用したいhtmlのhead要素などでファイルを読み込みます。 <link rel="stylesheet" href="superTables.css" typ
人気の「JavaScript ライブラリの紹介エントリー」 9 選 詰め合わせ | バシャログ。
JavaScript などを駆使したリッチな UI の需要も、ますます高まってきていると思います。 その証拠に、当バシャログでも、その手の記事が人気を集めています。 そこで今回は、そのようなエントリーをまとめてみます。ここ半年ほど物で、全 9 エントリーです。 それではどうぞ。 使いやすい lightbox 系スクリプト by sakai（2008/11/6） lightbox 系のスクリプトはとにかくたくさんありますが、その中でも比較的新し目で使い勝手の良いものをご紹介しています。 Fancy Box → デモ この系統のはどんどん出てきますね。 Sexy LightBox 2 残念ながら、この「sexy-lightbox-2」はこのエントリ執筆現在、サーバに繋がりませんでした。 ヴァーチャルツアーが簡単に作れる jQuery virtual tour by nakayama（2008/
QR コードを手軽に作成してくれる「QRのススメ」 | バシャログ。
ケータイサービスには、今や欠かせない物となった QR コード。 みなさんはどのように作ってますか？ 今回は、無料でお手軽に作ってくれるサイトをご紹介します。 そのサイトは「QRのススメ」。 自由テキストや URL 、プロフィールなど、用途に合わせて作成する事ができます。 作り方は簡単、テキストや URL を入力し、ボタンをクリックするだけです。 さらにオプションとして、画像の大きさや色なども指定する事ができます。 また、作った QR コードはそのまま HDD に保存したり、メール送信もできたりします。 さらに、そのまま注文フォームに行けば、なんとオリジナルのハンコを買う事も可能。 うーん、面白いですね。 基本的に無料で利用できますが、商用利用する場合はいくつか注意事項がありますのでご注意を。 また、有料サービスもあるようです。
[バシャログスタッフの道具箱] Actionscript デバッガ「Alcon」 | バシャログ。
毎日毎日こうして現場でWebサイトを制作していると、いつの間にやら「ダメだっ！もう手放せない！」というお気に入りソフトを持っているものです。 そこで今回から「バシャログスタッフの道具箱」と題しまして、各スタッフが偏愛する便利ツールたちを、全9回にわたって紹介していきます。 偏愛ツール「Alcon」 第1回目の紹介ツールは Flash デバッグツール「Alcon」です。 Actionscript2/3 アプリケーションのデバッグ作業を、お手軽にカンタンに協力サポートする軽量・快速なAirソフトです。 こんなコトができます ・オブジェクトのインスペクタ、配列、プロパティ表示 ・ダンプ表示 ・フレームレート、フレームレンダー時間、メモリ消費量のリアルタイムグラフ表示 ・ストップウォッチ機能 などなど こんなカンジで使います 準備はカンタン。 こちらのサイトからパッケージをインストールして、パスを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
