スマホ

iPhone接続時の起動アプリを停止する

iPhoneをMacに接続する際、 自動的にiTunesやiPhoto(イメージキャプチャ)アプリが立ち上がる場合があります。 同期などをする為に接続するのであればいいのですが、 ほとんどの場合が、充電する為だけに接続をします。 その為、抜...
MovableType

Movable Type クラウド版のスペック

Movable Type クラウド版が、どの程度のアクセスに耐えうるかを 提供元であるシックス・アパートに問い合わせてみました。 回答内容 現在の Movable Type クラウド版の動作実績として 月間180~200万PV 程度のサイト...
構築・開発

selectタグを装飾する

今回、selectタグを装飾するのは、 スマートフォンサイトのみをターゲットにした、 CSS3「appearance」を使った方法で実装したいと思います。 一部PCでも対応されていますが、まだまだ対応されていないブラウザもある為、 実用的で...
構築・開発

コンテンツスライダー(jquery.bxslider.js)

コンテンツスライダーを実装する際は、仕様書や問題がない限り、 99%で、bxSlider を使用しております。 メリットとしては、同一ベージに複数入れることもでき、 レスポンシブにも対応など、大体の要望を組み込めるという点だと思います。 あ...
構築・開発

ファイルサイズを自動取得する(PHP篇)

PDFなどの大量な資料を掲載する場合、 各ファイル毎にサイズを調べて記述するのが面倒だと思います。 そこで、ファイルアドレスから自動的にサイズや更新日を取得する方法をご紹介いたします。 ファイルサイズ取得関数 <?php function ...
構築・開発

GETパラメータを取得する

GETリクエストパラメータを取得するコード。 PHPの場合 $param = $_GET; jQueryの場合 function getRequest() { if(location.search.length > 1) { var get...
構築・開発

クリッカブル・マップ(usermap)を視覚化する

クリッカブル・マップは、 通常、CSSの border や outline, background を指定しても再現出来ません。 そこで、jQueryプラグインを使用すると、 ロールオーバ時に選択範囲のエリアを表示したり、 モックを作成する...
構築・開発

クリッカブル・マップをレスポンシブ対応

最近なにかとレスポンシブデザインで作成する案件が増えてきました。 その際、クリッカブル・マップを使う箇所が出た際、 普通に area を作ってしまうと、 画像を可変してもその coords ポイントは書き替わらないので、 マップしたものがズ...
構築・開発

FacebookのLikeBoxをレスポンシブ化する

Facebookプラグインは、開発者ページから簡単にコードを生成できますが、 そのままでは、レスポンシブサイトなどの可変には対応されていません。 HTML5版 HTML5版を使う場合は、関連するクラスを全て100%にすれば、レスポンシブ可能...
サーバ環境

SSHでデータベースに接続する方法(さくらインターネット)

さくらインターネット(スタンダード)では、mysqlコマンドを叩いてもエラーが返ってきます。 $ mysql $ mysql -u ユーザー名 -pパスワード ERROR 2002 (HY000): Can't connect to loc...
WordPress

TinyMCE Advanced設定

自分がWordPressを導入する際には、TinyMCE Advancedをインストールしていたりします。 コードは、WordPress 3.9 / TinyMCE Advanced 4以降の設定になります。 それ以前のものは、記述が違って...
WordPress

WordPressの権限

WordPressの英語表記の権限をよくど忘れするので、メモ。 管理者 administrator 編集者 editor 投稿者 author 寄稿者 contributor 購読者 subscriber if (!current_user...
サーバ環境

rsyncを使ってサーバのデータをバックアップ

CentOSならrsyncは、標準でインストールされています。 rsync / ssh がインストールされていないようであれば、インストールしてください。 $ yum install rsync $ yum install openssh-...
構築・開発

Googleのドキュメントフォーム をプチカスタマイズ

Google ドキュメント内にあるフォームをiFrameで埋め込む際、サイトのレイアウトに合わせて見た目を調整したいと思ったことはありませんか? 基本的にiFremeなので、当然サイト側のCSSは使えないし、 Googleが提供しているもの...
構築・開発

Bootstrapに、矢印を追加する

今回Bootstrapで、コンテンツフローの矢印が必要になり、 ググっていた所、簡単に使えるものがありました。 Bootstrap Arrows. デモページ 使い方は、 <head>内に script と css を追加。 <link r...