Vagrantで複数仮想マシンを起動できるようにする | バシャログ。
iPhone 6 Plus を予約して発売2日後に手に入れたtanakaです。それまでケースは付けないで使う派でしたが、落としてガラスを割りそうだったので、早々にケースを購入しました。 今日は、Vagrantで複数の仮想マシンを起動してmysqlコンソールログインできるまでを試してみましたので紹介します。 やってみたこと web と db の 2台の Linuxサーバーを起動して、webからdb上のMySQLサーバーにMySQLコンソールログインできるようにする 動作環境 Vagrant 1.6.5 VirtualBox 4.3.16 boxファイルはopscode-ubuntu-14.04を使います Vagrantfile 適当なフォルダを作成(multivmtestなど)し、以下のテキストをVagrantfileというファイル名で保存します。 コマンドプロンプトで、作成したフォルダに移
【WordPress】画像圧縮はこれ一本！EWWW Image Optimizer | バシャログ。
こんばんは Latin です。 先週末、CSS Nite LP.29 In-house SEO に参加してきました。いや～勉強になりましたし、非常に面白かったです。 という事で今回は、SEOにも通ずる部分でもあるサイト表示の高速化に役立つ WordPress の画像圧縮プラグインのご紹介です。 プラグインをインストール まずは公式サイトからプラグインをインストールし、有効化。 http://wordpress.org/plugins/ewww-image-optimizer/ 試しにアップロード 画像容量が5.2%、軽くなりました。あれ？思ったより圧縮されてない･･･ 設定で画像のmeta情報を削除するよう再設定 プラグイン設定画面の Optimization settings の部分の「This wil remove ALL metadata (EXIF and comments)」にチ
フォームを改めて考えなおしてみるエントリーフォーム最適化のまとめ（EFO） | バシャログ。
世間が彼を見捨てても、私はキムタクの月9を見続けます。 どうもこんばんは Latin です。 今回はエントリーフォームの最適化についてです。 フォームって、ウェブサイトをローンチした後は、メンテナンスが全然されていない･･･って事は結構多いのではないしょうか？ 仕様が思いの外複雑であったり、分析・改善に費やす時間がなかったりと、理由は様々だと思うのですが、今回は最低限把握しておくべき項目をまとめてみました。 フォームの初期実装時やリニューアルなどに少しでもご参考になればと思います。 【入力サポート】 選択項目は、デフォルト値に配慮する 例えばですが、都道府県のプルダウン選択なら、メインターゲット層の多い都道府県にするというヤツです。「東京都」をデフォルトにしているところを良く見かけますよね。 必須アイコン「必須」の表記で目立つ色で配置する 「※」や「*」は不親切だし、伝わりづらいようです。
Webマスター必見！パンダ・ペンギンアップデート判定ツール「syachi.jp」 | バシャログ。
週末に昔の「水曜どうでしょう」を見てたんですが、大泉さんの福山雅治モノマネにお腹痛くなるほど笑わせてもらいました Latin です。 「Googleさんがまた大型アプデするんだって All rights☆！」 ということで、先日弊社の kimoto もブログ内で取り上げておりましたが、数週間後にまた大規模なペンギンアップデートがあるらしいですね。 今回は一連のパンダ・ペンギンアップデートと自社サイトのプロファイルを比較する事ができる便利なサービス「syachi.jp」をご紹介します。 自社サイトの自然検索流入数とパンダ・ペンギンアップデートの時期を比較できる syachi.jp は、Google Analyticsと連携させる事で、一連のパンダ・ペンギンアップデートと自社サイトの自然検索流入数を比較する事が可能になるツールです。 「なんで流入数が減ったんだ～」と思う事もしばしばですよね。そ
【CSS】画像を上下中央に表示する（IE7以下にも対応させる） | バシャログ。
娘が小学二年生になり、みまもりケータイ2を買い与えました ishida です。 娘がケータイのボタンを押すたびに、位置情報が送られてきて便利なのですが、 電話をかけたときにも、位置情報がメールで送られてきてちょっと通知頻度高すぎなんじゃね？ さてさて、今回はとある案件で画像を上下中央に表示する機会がありまして、 忘れないように自分的メモです。 CSS3が使えるようになってからは、display: table-cell; で簡単に対応できるようになりましたよね。 例としては、こんな感じ。 HTML/CSSコードサンプル <div class="box"> <p class="image"><img src="image.png" alt="" width="200" heigh="200"><p> </div> .box { display: table; } .box .image { d
【CSS】実はこんなに便利！cssのセレクタ指定方法をちょっとだけ掘り起こしてみた | バシャログ。
モニターを見つめる目に優しいメガネがZoffからも出る！しかも度付きOK、フレームも選べる！気になってます。hakoishiです。 さて、今回は実は便利なcssのセレクタ指定方法をちょっとだけ掘り起こしてご紹介。 直下にある要素だけ、とかセレクタ名が部分一致したら、はたまたリンク先パスによって、とか実はかなり便利です！ 特定の要素の直下の要素だけに一括でマージンを設定 特定の文言を含むセレクタ、及びその位置で対象を絞り込み指定 リンク先のパス次第でスタイルを切り分ける 特定の要素・セレクタを例外とする 特定の要素の直下の要素だけに一括でマージンを設定 #container>* { margin: 0 10px; } IE7以上対応。 親>子で、直下要素のみを対象指定。 上記例ではid="container"の直下の要素すべてにマージンが設定されます。 ユニバーサルセレクタには正直不安を感じ
地味に便利なコーダーさん向けのジェネレーターまとめサイト「Web制作小物ツール」 | バシャログ。
ボジョレー・ヌーボー解禁日、今日は買って帰るけどワインはあまり飲めないishidaです。 Web制作に関連するジェネレーターサイトはいろいろありますが、個人的によく使っているサイトをご紹介します。特にコーダーさん向け。 http://webtools.dounokouno.com/ サイト名からあまり想像できないですが、地味に便利なジェネレーターが６個あります。 ダミーテキストジェネレータ システムなどで文字数制限する際のサンプルやデザインやワイヤーフレームなどに使えます。文章のパターンも、坊ちゃん・徒然草・英語など７種類から選択できます。 パスワードジェネレータ 4〜20桁のパスワードをランダムに生成。一度に20個まとめて作れます。 Basic認証コードジェネレータ 名前の通り。.htaccessと.htpasswdが作成できます。 HTMLエンティティ化 HTML内に掲載するメールアド
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
