ブログBLOG

画素数が多いカメラが良いカメラではない!? 撮像素子と画素数の関係性

最近スマホのカメラを使用する方や一眼レフ、ミラーレスを所持する方が非常に多くなりました。 スマホやカメラ購入する際に、「800万画素搭載のカメラ」など画素数の多さを宣伝しているのを目にします。 ガラケーが一般的な時代には画素数が多い携帯やカメラがすごい勢いで増え、200万画素のカメラより300万 ...

webページ作成で CSSアニメーションを具体的に使えないか試す

CSS の animation や transition を使えるようになって久しいですが、実際の使いどころはいまいちな印象です。原因の大部分は IE にあるとおもいますけど。 そこで animation に対応しているまともなブラウザさんにはおもてなしを、 そして対応していない困ったブラウ ...

ペットの写真を綺麗に編集する方法（Lightroom 5）

一眼レフなどで撮影したペットの画像をAdobe Photoshop Lightroom 5で綺麗に編集してみようと思います。 せっかく撮影した写真がうまく編集できない方に参考になればと・・・・。 今回使用するLightroomとは簡単にいえば、「写真に特化した編集ソフト」です。 通常のPhotos ...

WordPressのパーマリンクを自由自在にカスタマイズ

WordPressでサイトを構築するときに頭を悩ますものにパーマリンク（サイト内URLの構造）があります。 以前の記事で、パーマリンクのカスタマイズについて少し書きました。 そこでは、カスタム投稿でのパーマリンク設定と記事ごとの自由なパーマリンク設定について書きました。 今回は、パーマリンクのルー ...

Google Mapにマーカー（ピン）やアイコンを表示して、クリックでコメントを出す

ホームページに地図を設定したい時ありますよね。 よく使われるのがGoogleマップを埋め込む方法です。 地図を表示させたい目的は、たいてい、ある特定の地点（例えば会社の場所）を指し示すためであり、 マーカーを置くのはほぼ必須となります。 そしてマーカーをクリックした時に何らかの動作をさせたい時も出 ...

[ jQuery ] select要素（プルダウン・セレクトボックス）を装飾する　easyselectboxの使い方

デザインされたフォームを設置したいとき、select要素（プルダウン・セレクトボックス）の装飾はcssだけではなかなかうまくいきません。 背景や枠線をいじってみても、ボタンのところを装飾するのは普通の方法ではうまくいかないようです。 select要素の装飾用に作成されたjQueryのプラグインはい ...

[ jQuery ] フォームの入力チェックをする その２

フォームの入力チェックをするでフォームの入力チェックの拡張機能を作成しましたが、もうすこし使いやすくしました。 jQuery を読み込んだ後に読み込んでください。 20130826.js まず HTML 側にクラスを指定します。使用するクラス名は以下のとおりです。 error-b ...

Twitter のデータ取得APIが変更されている

Twitterでつぶやかれているデータを取得したい場合について考えます。 例えば、「BRISK」という言葉がいつどのくらいつぶやかれたのかを知りたい！！ という時に、PHPでデータを取得して、整形して見やすくできないかと思うわけです。 Twitterでつぶやかれているデータを取得する方法について ...

[ jQuery ] フォームの入力チェックをする

フォームの入力チェックは地味に手間のかかるものですので、ちょっとした拡張機能のベースをを作成してみました。 jQuery 拡張 [crayon-678cb5f3a8029624405820/] 呼び出し [crayon-678cb5f3a802d ...

モーダルウィンドウでリンク先を表示する

リンクをクリックした際、自ページ内でモーダルウィンドウとしてリンク先を表示する。という処理を考えてみます。 例）クリックして表示 BRISKトップページ Yahoo! amazon JavaScript [crayon-678cb5f3a81 ...