つかえる。チェックツールまとめ | バシャログ。
こんにちは。mackyです。 今日は、安心の品質をお届けするために使える賢いちょっとしたツールたちを紹介して、私はGW気分に突入しようと思います。GWは実はまだ予定がない…家に引きこもってサイトでも作ってみようかな…ちくしょー！というそこの君。是非、使ってみてほしい。 ちなみに、今日ご紹介するツールは主にAlt、Title、META情報、リンクに関するもので、Chromeの拡張機能になります。 Popup Image Alt Attribute 一番シンプルなチェックツール。チェックしたい画像にカーソルを載せるだけで、フワりとAltが表示されます。はい。そんなに、画像数が多くない場合はこれでいいかもしれません。ただ、超急いでるときはそのフワり感にイラっとしてしまうかも。 Alt & Meta viewer フワらなくていいからスパッと出してくれ。という方や、画像数の多いECサイトなどにはこ
【ツール】CSSのフォントサイズの相対指定に活躍！「PXtoEM.com」 | バシャログ。
こんにちは Latin です。いや～、ワールドカップのブラジル×ドイツ戦、凄い試合でしたね！（見てないけど） 決勝は欧州勢になりそうな予感。 さて今回は、フォントサイズの相対指定時に便利なツール「PXtoEM.com」をご紹介します。 フォントサイズの一覧や任意のサイズを出力してくれるツール「PXtoEM.com」 このツールの特長は大きく3つあります。 基準サイズからの相対サイズを一覧で表示 任意のサイズの相対サイズを出力 「px」と「em」の相互変換が可能 といった感じ。 例えば、ベースのフォントサイズが「14px」で、「20px」を指定したかった場合に、「1.429em だね！」って感じで一々、計算しなくて済むので便利です。 サイトのフォントサイズに「rem」を採用している場合にも同じで、ルートのフォントサイズを基準値とし、「em」の倍率をそのまま「rem」として使ってあげればOKで
Chrome Developer ToolでUserAgent機能を設定変更してみよう。 | バシャログ。
神奈川県て…雪国だったんですね。 はじめまして、昨年入社しました雪国出身の新人デザイナー、mackyです。 どうぞよろしくお願いします。 先月v32にアップデートされたChromeですが、 今回のバージョンアップでUserAgentの設定場所がコンソール内に移動されたんですよね。最初、「うそやん。なくなった？」...なんて仕事はじめ早々ドキドキしましたが。 それくらい大事ってことで。 まだ発見できていないかた＆まだ使ったことのないかたは手順を紹介しますので探して使ってみてください。 1）デベロッパーツールを開く F12キーもしくは図のようにたどってもOK 2）Settingsのページを開く 次に、右上のギアアイコンをクリックして、Settingsのページを開きます。 3）Overridesを選択 Overridesを選択し（既に表示されているかも）「show 'Emulation'view
Webマスター必見！パンダ・ペンギンアップデート判定ツール「syachi.jp」 | バシャログ。
週末に昔の「水曜どうでしょう」を見てたんですが、大泉さんの福山雅治モノマネにお腹痛くなるほど笑わせてもらいました Latin です。 「Googleさんがまた大型アプデするんだって All rights☆！」 ということで、先日弊社の kimoto もブログ内で取り上げておりましたが、数週間後にまた大規模なペンギンアップデートがあるらしいですね。 今回は一連のパンダ・ペンギンアップデートと自社サイトのプロファイルを比較する事ができる便利なサービス「syachi.jp」をご紹介します。 自社サイトの自然検索流入数とパンダ・ペンギンアップデートの時期を比較できる syachi.jp は、Google Analyticsと連携させる事で、一連のパンダ・ペンギンアップデートと自社サイトの自然検索流入数を比較する事が可能になるツールです。 「なんで流入数が減ったんだ～」と思う事もしばしばですよね。そ
Google Maps API V3 での細かな設定 | バシャログ。
最近だんだん暖かくなってきて嬉しい kimoto です。今日は啓蟄ということで、冬眠から覚めた虫も這い出てくるそうです。 さて、前回書いた Google Map API V3 ですが、前回は基本的なことをざっと紹介しました。 今回は、そこからちょっとだけ踏み込んで、よくある設定を簡単にご紹介します。 マウスホイールでのズーム デフォルト設定だと、マウスホイールで縮尺が変更になります。 ホイールで拡大縮小ができるのは便利といえば便利なのですが、ページをスクロールしようとしてるのに、マップにポインタが重なった瞬間にページがスクロールせずマップが縮小されて行ったりします。 これは意外と不便なので場合によってはオフにした方が良いでしょう。 google.maps.event.addDomListener(window, 'load', function() { var map = document
Chrome Developer Tools を使いこなす！必読エントリー5つ | バシャログ。
こんにちはLatinです。もうすぐ世界が終わるらしいのでバシャログ。も今回が最後のエントリーになりそうです･･･。 あ、万が一終わらなかったらもちろんブログは継続していきます。（汗） 今回はChrome Developer Tools のエントリーのまとめです。 私自身はこれまで Firefox の Firebug を使っていましたが、やはりあの重たいブラウザ動作がイヤになり、 自然と Chrome を立ち上げる機会が増えていきました。 Firebug も Chrome Developer Tools も基本的に出来る事は同じなのですが、UI が変わっただけで結構最初は使い辛い印象をもったりしますよね。 そんな使い初めの時に参考にさせていただいたエントリーを紹介とともに、まとめさせていただきました。皆様、ありがとうございますです。 ～入門編～ 動画レッスン Chrome Developer
【PowerPoint2003】選択するだけで、オブジェクトが微妙にズレてしまう問題の対策 | バシャログ。
リボンインターフェースに馴染めないので PowerPoint は 2003 を使い続けている sakai です。 Windows7 で PowerPoint2003 を使っていると、気になる挙動の問題があります。 それは、オブジェクトを選択するだけでオブジェクトがランダムにちょっとズレる、という現象です。 これには解決策がありましたので、ご紹介します。 解決策その1 【表示】→【グリッドとガイド】で「描画オブジェクトをグリッド線に合わせる」にチェックが入っていると、見えない（非表示の）グリッドにオブジェクトが勝手に位置揃えしてしまうため、ズレてしまうということがあります。 「描画オブジェクトをグリッド線に合わせる」のチェックを外しましょう。 解決策その2 上記でだいぶましになりますが、それでもまだオブジェクトがズレる問題が発生することがあります。 悩んでいましたが、以下に答えがありました。
ソーシャルリクルーティング用 Facebook アプリ「Jinz」リリース | バシャログ。
急に寒くなってきて、スマホ対応手袋が欲しい！kimoto です。 最近 LinktIn の日本語化ニュースもありましたし、ここのところソーシャルリクルーティングという単語を良く耳にするようになってきています。 てことで、弊社シーブレインも開発に関わりました Facebook アプリ「Jinz」が昨日リリースされたのでご紹介しようと思います。 ソーシャルリクルーティング Jinz 「Jinz」は、お持ちの Facebook ページに、リクルーティングに特化したコンテンツを簡単に追加できるアプリです。 Welcome ページやフリーの固有ページをつくったりするアプリは世の中いろいろありますが、Jinz は採用に特化したアプリなので採用ページに必要なコンテンツを簡単に作る事ができます。 ログインは会員登録いらず Facebook アプリなので、Facebook のアカウントさえあればクリックひと
Facebook のソーシャルプラグインを導入しよう | バシャログ。
久々に揺れた！（8/17 9:25 頃） 現在進行形の話題を出してライブ感を醸し出してみました。kimoto です。 本日はいろんなサイトで最近よく見かけるであろう Facebook のソーシャルプラグインをいくつかご紹介します。 ハッキリ言ってこのソーシャルプラグイン、解説するまでもなくむちゃくちゃ簡単です。 こんな簡単なの、なにドヤ顔で記事にしてんの？って思われる方もいらっしゃるかもしれませんが、そこはご容赦くださいませ。 Facebook のソーシャルプラグインのページはこちら。 2012/1/19 追記 その 2 を書きました。よければこちらもどうぞ。 Like Button まずはFacebook の代名詞とも言える、「いいね！ボタン」です。 基本的にはそのページの URL を指定して、「このページ、このくらいいいね！って言われてますよ！あなたもどうぞ！」っていうのを閲覧者見せる
「ページ編集 + 共有」=「BO.LT」 | バシャログ。
月曜の朝は、祝日なのをいいことになでしこジャパンの優勝をリアルタイムで観戦し、なおかつひとりでハラハラと感涙していた kimoto です。 海外発の「ページ編集 + 共有」というようなサービス「BO.LT」をご紹介。 じつは結構前に流行ったようなんですが、僕自身最近知ったのでとりあえず。 このサービスはまず、ページ自体のコピーを取れ、別の短い URL にする事ができます。この時点ではWeb魚拓のようなサービスですが、これを簡単に編集までできてしまうのがすごい。 簡単な使い方。 まずはトップでURLを入力して「Copy it」とするとページをコピーできます。 すると一番上に今取り込んだページが出てきますので「Edit Page」をクリック。 その後はエリアを消したり文字を書き変えたりやり放題です。 画像を選択して… ボン！ 消えました。 このように、好きなように編集し、さらに URL がある
黄金比をさっと算出！Metallic Ratio | バシャログ。
高木豊の次男がオランダ1部リーグ・ユトレヒト移籍！？いやあ、日本人の欧州リーグ移籍が活発ですね。kimoto です。 Web サイトに限らず、デザインをする時に黄金比を意識する事ってあると思います。 そこで、よく使われる比率をさっと算出してくれるサイトを紹介。 Metallic Ratio この Metallic Ratio というサイトでは、黄金比はもちろん白銀比や青銅比、単純な 4:3 など、よくある比率を一発で算出してくれるサイトです。 画面はこんな感じ。 上部の比率を現すエリアをクリックして算出したい比率を選択し… 下の数値入力フォームに数字を入れると、もう片方の辺の数値を出してくれます。 また、プルダウンで、入力フォームを横の辺にするか縦の辺にするかを選択でき、さらに、小数点をどこまで求めるかも選べます。 ちょっとした計算が億劫な時にいかがでしょうか。
Web 製作者必携？iPhone からソースが確認できる「ScriptBrowser」 | バシャログ。
ペルー代表との試合を見ましたが、今のところ 3-4-3 はイマイチ機能してないですね。だんだんモノになっていくのか？ kimoto です。 この前、iPhone の Web ブラウザいろいろということでまとめの記事を書きましたが、今回もブラウザのご紹介をしようと思います。 html や js、css などを見ることのできる「ScriptBrowser」です。 まず普通にサイトを表示させたあと、「Source」をタップ。するとハイライトされた html のソースコードが表示されます。 「折り返されてないのが見づらいよ！」というあなたは右下のアイコンをタップすればちゃんと右端で折り返してくれます。 「いかんせん横が狭すぎだろ…」というあなたも、横画面にすればその悩みが解決します。さらにピンチアウト、ピンチインで拡大縮小もできます。 「html しか確認できないの？」js や css もちゃんと
iPhone の Web ブラウザいろいろ | バシャログ。
なんだか急に暑くなってきましたね！ノータイでいいよって言われたのでさっそくネクタイを外した kimoto です。 さて、iPhone ユーザのみなさま。Web ブラウザは何を使ってますか？ 個人的には Safari にそれほど不満が無いため他のブラウザを使ってみようという気にあまりならなかったのですが、ちょっと思い立って調べてみました。 そしてこれがまた結構たくさん出てるんですね。 その中でも良さげな物をご紹介しようと思います。 Sleipnir mobile 元々 PC 用のブラウザとして愛用してる人もたくさんいると思われる「Sleipnir（スレイプニル）」。 iPhone 版も独自の操作感で慣れれば使いやすそうです。 タブは常に下に表示されています。ここが嫌な人はいるかもしれません。 ただ、そのタブもいらなくなったら下にスワイプしてすぐに閉じることができます。 また、タブはグループ分
サーバアクセスを調査するときに手軽で便利なツール | バシャログ。
近所のパン屋が大幅セールを始める7時半頃が毎日待ち遠しい kimoto です。 サイトが重い時やアクセス状況を知りたい時にいつも使わせてもらっている便利なツールを紹介します。「手軽さ」がテーマです。 どちらも昔からある物なので有名ですが。 Apache のログを確認！「Apache log viewer」 初回公開は 2001 年のようです。ベテラン選手ですね。 ダウンロードはこちら。 まずはインストールですが、解凍すればそのまま使えるお手軽ツールです。 使い方はいたって簡単。ログファイルをポンっとドラッグ & ドロップするだけでがーっと解析して結果を表示してくれます。 あとは IP ごとに並べ替えたり、検索したり。 特に、特定の IP がどのページを見たのかを絞り込んでくれる機能など重宝します。 画面はこんな感じです。 前は秀丸に展開して目で無理やりみてましたが、流石に限界がありました。
memcached の中身を確認するなら memcached-tool コマンド | バシャログ。
蚊取り線香の焚きすぎで目がかい～～の。nakamura です。今年なんか蚊多くありません？ 以前に CakePHP の特集 で取り上げたりもした memcached ですが、キャッシュの中身を簡単に確認できるツールないかな？と探していたところ memcached-tool というコマンドがある事を知ったので今回ご紹介しようと思います。 memcached-tool コマンドは memcached をインストールすると自動でくっついてくる、言ってみればめっちゃシンプルな memcached クライアントです。機能的には参照系のものしかなく、キャッシュの中身を書き換えたり削除したりというのはできないようです。 オプション オプションは display, stats, dump の 3 つしかありません。ちなみにオプションなしでコマンドを実行すると使い方が表示されます。こんな感じ↓ memcac
ファイルを比較するなら「WinMerge」 | バシャログ。
W杯も終わり、祭りの後な雰囲気ですね。 kimotoです。 さて、今日はテキストの diff をとるツール、WinMerge をご紹介します。 すでに有名なソフトなので、知ってる人も多いと思いますが。 WinMerge は、ファイルの中身を比較して差分を確認したり、そのままマージをしたりできるツールです。 例えばこのように比較する事ができます。 このように色分けされて表示されるので一目でどこが変更されたか分かります。 また、左ペインにはファイル全体の中で現在の位置が表示されていてこれまた分かりやすい。 この左ペインで直接位置を動かす事もできます。 また、差異を選んで右クリックから右に移動したり左に移動したりも簡単で、マージも楽チンです。 TortoiseSVN を使用している人なら、Tortoiseメニューの「以前のバージョンと比較」などを行うと、自動で WinMerge が立ちあがり、比
職場PCがブルースクリーン表示したので、デフラグしてみました | バシャログ。
どうも、ishidaです。 がんばってますね！岡田監督。この調子を維持したままシーズンを通して頑張ってほしいものです。頑張れ、オリックスバッファローズ！ といった感じで小ボケになってしまい、すいません。 先日、職場にきてから自分のマシンを起動したところ、ブルースクリーン状態に…。 今のマシンに入れ替えてから1年弱なんのメンテナンスもしてなかったので、さすがに何かしなくてはとnakamuraに相談したところ 「デフラグしたほうがイイんじゃないっすか？」と。 「デフラグ？」 デフラグメンテーションの略。 HDDのようなディスク式記憶装置でファイルの生成と削除を繰り返していると、ファイルが占める領域がだんだんと分断化されてゆく。これをフラグメンテーション（断片化）という。ファイルが断片化すると、ひとつのデータがディスクのあちこちに点在している状態になり、余分にディスクヘッドを多く動かさなければな
テンプレートとCSVからファイルを生成「CSVループコンバータ」 | バシャログ。
先日、ついにソファを買いました。 新居がどんどん狭くなっていく気がします、ichikawaです。 本日は、CSVファイルのデータを用意したテンプレートの形式で生成してくれる「CSVループコンバータ」をご紹介いたします。 CSVループコンバータとは テンプレートファイルにCSVファイルの各項目を順次はめ込んで行くソフトです。 テンプレートファイルの一部をループさせて、同じ形のタグで一部が違うものが作れます。 リンク集など同じタグを繰り返すようなページを作るのに、最初にテンプレートファイルを作っておけばデータベースとなるCSVファイルから違う部分だけをはめ込むことが出来ます。 （「ソフト詳細説明より」） ダウンロードページはこちら 用意するもの テンプレートファイル CSVファイル 出力先ファイル（空のファイル大丈夫です） 今回、MTにインポートする形式のファイルを生成したかったので以下のよう
通常よく使う便利アプリケーションをご紹介 | バシャログ。
なんだか急に暖かくなった！と思ったら、どうやら花粉の飛散する量も増えたようですね。 シーブレイン web グループのボス、goto も花粉症で、毎年つらそうにしています。 ちなみに私 kimoto は、花粉症ではありません。毎年春になると鼻炎になりますが、花粉症じゃないです。花粉症じゃないんです。鼻炎です。 さて今日は、そんな goto に以前教えてもらった便利アプリケーションを 2 つ程ご紹介します。 派手さはないが効果は抜群、そんなアプリケーションたちです。 お忍びリネーム こちらはファイル名操作を楽にしてくれる、お忍びリネームです。 何年か前に紹介してもらい、凄く便利でいまでは手放せません。 ファイル名を変更する際、「F2」キーを押すと思いますが、その際、拡張子まで選択されちゃってますよね。 このお忍びリネームを入れると、一度押すと拡張子を除いたファイル名、もう一度押すと拡張子のみ、
明日発売！「ほぼ日手帳2010」 | バシャログ。
こんにちは、inoueです。 今日からやっと小学校スタート！と思いきや、台風の影響で臨時休校！！学童保育もあわせて閉所になってしまい、欠勤して母な一日を過ごしています。 現在は雨風ともにちょっとおちついていますが、午前中はすごい勢いで雨が吹きつけ、消防車のサイレンもひっきりなしで物々しい湘南エリアでした。 さて、そんなわけでちょっと技術的なお話ではなく、手帳のお話。 明日9月1日は、毎年恒例「ほぼ日手帳」の発売日です。 ほぼ日手帳は、現在最も人気のある手帳のひとつです。 特徴としては、 1日1ページでたっぷり書き込めるスケジュールは24時間バーチカル毎年ユーザの意見をとりいれて改良が重ねられているといったあたりでしょうか。 昨年からは文庫本サイズの「オリジナル」とA5サイズの「カズン」が用意され、様々な用途に使える手帳となっています。 ちなみに私は4月はじまりのSpring版をここ3年ほど
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
