jQuery

jQueryとTwitter BootstrapをCDNから読み込みする方法

私がいつも使っているのは以下です。CDNを利用すると、いちいちファイルをサーバ上に配置しなくても済みます。下記の読み込み設定をheadタグの中に書き込むとCDNからファイルを取得してきてくれます。 ■jQueryのCDN読み込み設定 jQu...
CakePHP2

CakePHPでデータベースアクセスしないモデルを作る方法

データベースへアクセスする必要のないモデルを作る方法です。memcacheやredisなどにアクセスするためのモデルを作るときや、ロジックのみ書いてあるモデルを作る時などに利用できると思います。 以下のように記述します。 class hog...
日々のこと

5秒でできる!絡まりにくいイヤホンのケーブルのしまい方

イヤホンを使っていて、そのままかばんの中にしまったりすると絡まってしまいますよね。後で利用する時にほどかないといけなくなるため、げんなりします。 8の字にまとめるなどいろいろありますが、私はいつもこんな感じにケーブルをまとめてしまっています...
自動車

少し古めのBMW用 故障コードを取得・リセットする診断機

Z4に乗っていた時に利用していたOBD接続式の故障診断機です。 エラーコードの参照、リセット、各種点灯したランプのリセット、燃料噴射量やエアフロー状態のリアルタイム表示など多彩です。 値段は安いですが、ちゃんと利用することができていました。...
Mac

Macで開発している人必見!Macのおすすめクリップボード履歴アプリ

私はMac使ってシステム開発しています。IDEやエディタ、仮想環境でサーバを提供してくれるVirtualBox、データベースのクライアントソフトなどいろいろインストールすると思います。 開発している方だったら、もう一ついれておくと便利なソフ...
jQuery

超便利な郵便番号から住所へ変換してくれるjQueryプラグイン

フォーム入力のシステムを作っていると、郵便番号と住所を入れる場面が多々あると思います。郵便番号入れているのに、住所を入れるの面倒くさいです。 郵便番号からある程度住所を補完してくれると非常にユーザビリティが向上します。そんな機能を簡単に実装...
jQuery

jQueryで指定した文字列でドロップダウンの項目を動的に絞り込むサンプルを書いた

■長いドロップダウンリストのユーザビリティ向上のために たくさんデータが存在するドロップダウンリストは下に長くなってしまい、選択するのが大変になってしまいます。ユーザビリティも低下してしまいがちです。そんな悩みを解決するために、テキストリア...
jQuery

jQueryを使って画面上の文字列の幅を取得するサンプル

■画面上で文字列の幅を調べる jQueryを利用して対象の文字列が画面上で何ピクセルあるのか、というのを取得するサンプルです。画面上での文字の幅を取得することで、折り返しが発生しないようにフォントサイズに自動調整したり、ということが可能にな...
日々のこと

高解像度の写真素材を無料で提供してくれるサイト

最近はこのサイトを利用しています。人物の画像も存在しているので、非常に便利かと思います。また、高解像度な写真も提供されているので、非常に助かります。 こんな感じの画像が無料で利用することができます。ぜひ、利用してみてください。
Mac

MacBookProのTimeMachine用にハードディスクを買った

MacOSが提供しているTimeMachineを使うために外付けハードディスクを買いました。 これです。 普通にUSBにさして、普通に利用することができます。かなりの量のバックアップをとっておくことができます。
SSH

SSHログイン時に表示するメッセージを変更する

SSHにログインした時のメッセージを変更する方法を紹介します。簡単にできるので、ぜひやってみてください。 sudo vi /etc/motd これで、ログイン時のメッセージを変更することができます。
JavaScript

GoogleMapで独自のピンを打つスクリプトを書いた

GoogleMapにピンを打つスクリプトを書いてみました。地図上にピンを打つウェブシステムなどを作る時の参考になるかと思います。 動作サンプルです ピンに画像を指定することも可能です。画像を設定することで、ピンが画像に置き換わります。 以下...
AWS

AWSのEC2インスタンスのCPUの種類を確認する

以下のコマンドでCPUの種類を確認することができます。 cat /proc/cpuinfo 結構インスタンスによって、CPUの性能が変わったりするみたいです。このブログのインスタンスのCPUは以下でした。2〜3年くらい前のCPUみたいですね...
AWS

AWSのElasticIPでIPガチャをしてみた

■AWSのElasticIPとは EC2に付与できる固定IPアドレスのことです。普通にEC2を起動すると外部からアクセスできるIPが一つ付与されますが、EC2を停止すると、このIPは変わってしまいます。 そこで、IPを固定にするためにEla...
AWS

綺麗な資料作成に使えるAWSアイコン素材

お客さんにプレゼンするときや、開発資料としてサーバ構成図を作成する時に便利なAWSの公式アイコン素材を紹介します。これでAWSのアイコンを利用して、綺麗な資料を作ることができます。 例えば、以下の様な感じの図です。 ■AWS公式でアイコンを...
自動車

CT200hドリンクホルダーのカタカタ音を対処する

CT200hですが、ドリンクホルダーのところにペットボトルなどを置くと、カタカタ音が発生するのが気になりました。そこで対応してみました。 ■ゴム素材のものを引くことにしました 以下の商品を使って、対応することにしました。ドリンクホルダー以外...
jQuery

jQueryで登録したイベントを意図的に発生させる方法

■triggerでイベントを発生させる 例えば、ドロップダウンリストを操作した時に発生するchangeイベントを発生させたいときは、以下のように記述すると発生します。 以下の様なドロップダウンリストがあるとします。 <select name...
AWS

AWS EC2のスワップ領域を有効にする

■AWS EC2にはスワップ領域が存在しない AWSのEC2ですが、一定のインスタンス以上にならないとスワップ領域が存在しません。なので、メモリが不足=即OOMKillerの餌食になります。そもそも、メモリが足りなくなってスワップが一定以上...
日々のこと

ヘッドフォン周りのおすすめのアイテム!ヘッドフォンスタンドを買った

ヘッドフォンスタンドを買いました。 ヘッドフォン使い始めて約1年くらいですがやっとスタンドを買いました。 そんなに値段も高く無いし、ヘッドフォンと同時に買っておけばよかったと思うくらい便利です。持っていない方にはおすすめできます。 今回はこ...
PHP5

PHPからmongodbへ接続するまでの手順

■PHPからmongodbへ接続するまでの手順 PHPからmongodbにアクセスできるようにするための手順を紹介します。mongodb本体のインストール方法は【YUMでmongoDBをインストールする】を参考にしてください。 1.コンパイ...