Author Archives: aglim

スマートフォン・タブレット・パソコンなどで、現在表示している「画面サイズ」や「ブラウザサイズ」のピクセル数を確認

スマートフォン・タブレット・パソコンなどで、現在表示している「画面サイズ」や「ブラウザサイズ」のピクセル数を確認
現在表示している「画面サイズ」や「ブラウザサイズ」のピクセル数をご確認いただけます。

画面サイズ
ブラウザサイズ


ホームページ制作など、スマートフォン・タブレット・パソコンに対応したレスポンシブデザインのWebサイト制作の際に、現在表示している「画面サイズ」や「ブラウザサイズ」のピクセル数を調べたい時などに便利です。

パソコンの場合はウィンドウサイズを手動で変更、またはスマートフォンやタブレットの場合は画面を縦向き(portrait)や横向き(landscape)に変更する事で、「ブラウザサイズ」のピクセル数がリアルタイムにサイズを計測します。

「画面サイズ」「ブラウザサイズ」は、Viewport※サイズです。
「ブラウザサイズ」は、ウィンドウの内側(表示エリア)のサイズです。

※Viewportとは、iPhone・iPadやAndroidなどの携帯端末でのウェブページでの表示方法で、仮想の表示サイズですので、スマートフォンやタブレットの場合、実際の解像度と異なる場合がございます。

リンクが古い。等の問題をポチッと報告→

【WordPress】特定カテゴリーの記事一覧や、ID指定した投稿リストなどのループ処理が重複する問題の解決方法

【WordPress】特定カテゴリーの記事一覧や、ID指定した投稿リストなどのループ処理が重複する問題の解決方法
WordPressで「特定のカテゴリーのリンク付き記事一覧」や「IDで指定した投稿ページのリンク付きリスト」をPHPやテンプレートタグを使用して実装することがあります。
その時に正しくループ処理を終了させないとループ処理が重複するなど、その他の処理に影響が出る、といった問題が発生する場合があります。
その場合、取得したクエリをリセットして処理を終了させる事で問題が解決する場合がございますので、その修正方法をご紹介いたします。

特定のカテゴリーのリンク付き記事一覧

<ul>
<?php $posts = get_posts('numberposts=0&category=★★★,★★★'); global $post; ?>
<?php if($posts): foreach($posts as $post): setup_postdata($post); ?>
<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php endforeach; endif; ?>
</ul>

「★★★」にカテゴリIDを指定します。複数カテゴリの場合はカンマ区切り。スラッグなどでの指定も可能です。
上記の記述でも表示に問題はありませんが、その他のループ処理に影響が出る場合があります。

<ul>
<?php $posts = get_posts('numberposts=0&category=★★★,★★★'); global $post; ?>
<?php if($posts): foreach($posts as $post): setup_postdata($post); ?>
<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php endforeach; endif; wp_reset_postdata(); ?>
</ul>

そのため上記のように、取得したクエリをリセットして処理を終了させる記述にしましょう。

IDで指定した投稿ページのリンク付きリスト

<ul>
<?php $posts = get_posts('include=★★★,★★★'); global $post; ?>
<?php if($posts): foreach($posts as $post): setup_postdata($post); ?>
<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php endforeach; endif; ?>
</ul>

「★★★」にページIDを指定します。複数ページの場合はカンマ区切り。スラッグなどでの指定も可能です。
こちらも同様に上記の記述でも表示に問題はありませんが、その他のループ処理に影響が出る場合があります。

<ul>
<?php $posts = get_posts('include=★★★,★★★'); global $post; ?>
<?php if($posts): foreach($posts as $post): setup_postdata($post); ?>
<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php endforeach; endif; wp_reset_postdata(); ?>
</ul>

上記のように、取得したクエリをリセットして処理を終了させる記述にしましょう。

まとめ

今回ご紹介した「特定のカテゴリーのリンク付き記事一覧」や「IDで指定した投稿ページのリンク付きリスト」のように処理を終了させる記述を心がけましょう。

上記の方法でも解決しない場合は、Google先生に質問してください。

リンクが古い。等の問題をポチッと報告→

運動量を手首で計測する「Nike+ FuelBand SE」

運動量を手首で計測する「Nike+ FuelBand SE」
Nike+ FuelBand SE
日常のあらゆる身体の動きを数値化し、測定・記録するフィットネスバンドです。

運動量を手首で計測する「Nike+ FuelBand SE」
色はボルト、ピンクフォイル、トータルクリムゾン、ブラックの4色のカラーバリエーションでスタイリッシュなデザインです。

運動量を手首で計測する「Nike+ FuelBand SE」
「NikeFuel(ナイキフューエル)」という全く新しい単位で計測され、年齢・性別・体重に関係なく、1日のからだ全体の活動量を測定・記録できるフィットネスアイテムです。

運動量を手首で計測する「Nike+ FuelBand SE」
FuelBandの接続部分がUSBコネクタになっておりパソコンとの接続が可能です。
またBluetooth機能も搭載しているためスマートフォンのアプリを使用して、Nike+アカウントと同期する事が可能です。

運動量を手首で計測する「Nike+ FuelBand SE」
ワンランク上の「シルバーエディション」も用意されています。

運動量を手首で計測する「Nike+ FuelBand SE」
シンプルなデザインですので、普段着にも合わせられるデザインになっています。
サイズはSサイズ、M/Lサイズ、XLサイズと3種類です。

リンクが古い。等の問題をポチッと報告→

小さな宇宙を感じる腕時計「Van Cleef & Arpels Midnight Planétarium Watch」

小さな宇宙を感じる腕時計「Van Cleef & Arpels Midnight Planétarium Watch」
Van Cleef & Arpels Midnight Planétarium Watch
時間が分かる時計ではなく、太陽系の流れが分かる腕時計です。

小さな宇宙を感じる腕時計「Van Cleef & Arpels Midnight Planétarium Watch」
秒針・分針・時針はありません。あるのは太陽系の星たちです。

小さな宇宙を感じる腕時計「Van Cleef & Arpels Midnight Planétarium Watch」
太陽系の流れが分かる腕時計ですので、太陽の周りを水星・金星・地球・火星・木星・土星が正確な動きを示します。

小さな宇宙を感じる腕時計「Van Cleef & Arpels Midnight Planétarium Watch」
それぞれの惑星は、水星88日、金星224日・地球365日・火星687日・木星12年・土星29年で太陽の周りを一周します。
天王星、海王星はさすがに省略したようです。

小さな宇宙を感じる腕時計「Van Cleef & Arpels Midnight Planétarium Watch」
396もの精密な部品によって制作されたこの腕時計は、時計職人の高度な時計製造技術の結晶です。

小さな宇宙を感じる腕時計「Van Cleef & Arpels Midnight Planétarium Watch」
プレゼントにいかがですか?
お値段は$245000。1ドル100円で計算すると…約2450万円……。

リンクが古い。等の問題をポチッと報告→

ダーティハリー的なカメラストラップ「Luxury Leather Multi Camera Strap」

ダーティハリー的なカメラストラップ「Luxury Leather Multi Camera Strap」
Luxury Leather Multi Camera Strap
2つのデジタル一眼レフカメラを装着できるカメラストラップです。

ダーティハリー的なカメラストラップ「Luxury Leather Multi Camera Strap」
革製のストラップは耐久性にも優れており、X状にする事で重いカメラも平気です。

ダーティハリー的なカメラストラップ「Luxury Leather Multi Camera Strap」
簡単に上下にカメラをスライドさせる革新的なスピードクラッチシステムを搭載しているので、シャッターチャンスも逃しません。

ダーティハリー的なカメラストラップ「Luxury Leather Multi Camera Strap」
年数を追うごとに革の風合いが深みを増してきます。

ダーティハリー的なカメラストラップ「Luxury Leather Multi Camera Strap」
無精ひげと葉巻とバーボンが似合うカメラストラップです。

リンクが古い。等の問題をポチッと報告→

外観にトコトンこだわった近未来エアロバイク「ciclotte」

ciclotte
ciclotte
外観にトコトンこだわった近未来エアロバイクです。

ciclotte
「ciclotte」はミラノ工科大学でデザインを学んだ Luca Schieppati 氏によって製作された作品です。
一見、何なのか分からないフォルムですがスタイリッシュです。

ciclotte
従来のエアロバイクとは大きく異なるデザインは、居住空間にマッチする為に考えられた家庭用フィットネスツールです。

ciclotte
独特な形状の2本の突起物は、人間工学に基づいたカーボン製のハンドルバー。

ciclotte
見た目だけでなくタッチスクリーンディスプレイなども備えた高機能かつ近未来的なエアロバイクです。

リンクが古い。等の問題をポチッと報告→

中に浮いたマグカップ「The Floating Mug」

The Floating Mug
The Floating Mug
コースター不要の中に浮いたマグカップです。

The Floating Mug
バナナスタンドと同じコンセプトです。

The Floating Mug
カップの部分が直接接触しないため、熱や湿気から机や家具を守ります。

The Floating Mug
コーヒーや紅茶が垂れても心配ありません。

The Floating Mug
ありそうで無かったデザインのマグカップです。

リンクが古い。等の問題をポチッと報告→

木と金属の自転車「BSG Wood Bike」

BSG Wood Bike
BSG Wood Bike
木と金属でできた木製の自転車です。

BSG Wood Bike
グリップやフレームも木で出来ています。

BSG Wood Bike
金属と木製のフレームの組み合わせは、軽さと強度を兼ね備えています。

BSG Wood Bike
金属と木の組み合わせのバランスが絶妙で、シンプルなスタイルがかっこいいです。

BSG Wood Bike
サドルの後ろに小さなポケットが付いています。

BSG Wood Bike
フランス製の木製自転車。
「フランス製」「ヨーロッパ製」ん~なんだか響きがイイ。

BSG Wood Bike
色や仕様の異なるタイプの自転車もあります。

リンクが古い。等の問題をポチッと報告→

自然の木のまま「ネイチャーペンシル 色鉛筆」

ネイチャーペンシル 色鉛筆
ネイチャーペンシル 色鉛筆
自然の木の枝をそのまま色鉛筆にしたアイテムです。

ネイチャーペンシル 色鉛筆
原木の中心に穴を開けて芯を入れているため、見た目はほとんど棒っきれです。
自然の風合いが…いや、自然すぎる色鉛筆です。

ネイチャーペンシル 色鉛筆
決して書き心地はよくありませんが、ザラザラとした手触りなどあたたかみのある色鉛筆です。

ネイチャーペンシル 色鉛筆
ネイチャーペンシル 色鉛筆の大きさはこれくらい。
少し太めの色鉛筆で大きさにもばらつきがあり、鉛筆削りも使えません。

ネイチャーペンシル 色鉛筆
大自然の中での写生大会で、この色鉛筆を落としてしまったら大変。
見つけるのに相当時間が必要です。
見つからないかも…

リンクが古い。等の問題をポチッと報告→

露天風呂が無ければ持って行けばいいんじゃね?「Dutchtub Wood」

Dutchtub Wood
Dutchtub Wood
「露天風呂が無ければ持って行けば良い」という、何とも欧米人らしい発想の露天風呂キットです。

Dutchtub Wood
でも確かに、家族や友達と一緒に入ると楽しそうです。

Dutchtub Wood
持ち運びもかんたん!この露天風呂キットが積める大きなトラックに乗せて運ぶだけ…。
…ま、まぁそこは何とか持ち運べる事ができたとして、眺めの良い湖などで使用すると最高です!

Dutchtub Wood
プライベートな庭で、家族と一緒に入っても楽しいでしょう。

Dutchtub Wood
お湯はステンレス製のコイルによって、常に温かく循環します。

Dutchtub Wood
オプションを付ければ、料理だって可能です。

Dutchtub Wood
一セットいかがでしょう?

リンクが古い。等の問題をポチッと報告→

レイアウトが自由な木製デスク「Worknest Table」

Worknest Table
Worknest Table
ポーランドのデザイナーWiktoria Lenartがデザインした、レイアウトを自由に変える事ができる木製デスクです。

Worknest Table
このスタイルもいいな。あのレイアウトもいいな。
好きなレイアウトにできるので、なかなか決まりそうにありません。

Worknest Table
何も置かなくても構いません。

Worknest Table
机の隅にスリットが入っています。

Worknest Table
スリットにパーツをはめ込む事だけで、簡単にレイアウトを変える事ができます。

Worknest Table
デザイナーいわく、15種類のレイアウトに対応するように設計されているとの事です。

Worknest Table
ん~、15種類以上できるような気がします。。。

リンクが古い。等の問題をポチッと報告→

カリモク史上最高のプレミアムチェア「カリモク ザ・ファースト」

カリモク ザ・ファースト
カリモク ザ・ファースト
カリモク家具の人間工学研究の集大成となる史上最高のプレミアムチェアです。

カリモク ザ・ファースト
ロゴマークのデザインにもラグジュアリー感が漂っています。

カリモク ザ・ファースト
シートの弾力性は、高反発でもなく低反発でもない、限りなく無反発に近い素材です。

カリモク ザ・ファースト
しかもこのリクライニングチェアーは、操作がいりません。
体重をかけていくだけでヘッドレスト・背面・座面が連動し、無段階にリクライニングしますので、レバーやボタンはついていません。

カリモク ザ・ファースト
ザ・ファーストは4タイプ。どれも座り心地は極上です。

リンクが古い。等の問題をポチッと報告→

【すごい】天空の城ラピュタの「竜の巣」は本当にあった

天空の城ラピュタの竜の巣のような竜巻
天空の城ラピュタの「竜の巣」は本当にあったんだ!
父さんは嘘つきじゃなかったんだ!

天空の城ラピュタの竜の巣のような竜巻
この巨大な竜巻は、アメリカ・アリゾナ州で活動するトルネードハンターによって、2013年6月3日テキサス州で撮影されました。

天空の城ラピュタの竜の巣のような竜巻
「スーパーセル」と呼ばれるこの超巨大な竜巻を撮影できるまでに、4年かかったそうです。
仮にこの中にラピュタがあったとしても、パズーのように飛び込む勇気はありません。

天空の城ラピュタの竜の巣のような竜巻
全てを飲み込む竜巻は恐ろし過ぎます。

この竜巻を撮影した動画は、まさに圧巻です。

リンクが古い。等の問題をポチッと報告→

はかなく散りゆく桜吹雪「FUUVI サクラパンチ」

FUUVI サクラパンチ
FUUVI サクラパンチ
桜の花びらの穴が開く、卓上のパンチです。

FUUVI サクラパンチ
穴を開けた後、残るのはゴミではなく桜の花びらです。
その花びらを天高く撒い上がらせると、オフィスはいつでも桜吹雪です。その後、上司から別室へご招待されるでしょう。

FUUVI サクラパンチ
中央の目印も桜の花びらになっています。

FUUVI サクラパンチ
無駄に穴を開けてしましそうです。

FUUVI サクラパンチ
パンチは白とピンクの2種類です。箱もカワイイ。

リンクが古い。等の問題をポチッと報告→

卓上サファリパーク「ヤマト工芸 動物型置き時計」

ヤマト工芸 動物型置き時計
ヤマト工芸 動物型置き時計 SHADOW S
動物によって木の材質が異なる卓上置き時計です。

ヤマト工芸 動物型置き時計
ライオンは実に勇ましい立ち姿です。

ヤマト工芸 動物型置き時計
机の上の縄張り争いが始まります。弱肉強食の世界は卓上でも起こります。

ヤマト工芸 動物型置き時計
キリンには適度な高さの観葉植物が餌場として最適でしょう。

ヤマト工芸 動物型置き時計
ライオン、シマウマ、サイ、ゾウ、キリンの5種類です。

リンクが古い。等の問題をポチッと報告→

花びらから心地良い音楽「Zelco ブルーム エコアンプ スピーカー」

ブルーム エコアンプ スピーカー
Zelco ブルーム エコアンプ スピーカー
真っ白な花びらのような…貝殻のような…iPhoneオーディオスピーカーです。

ブルーム エコアンプ スピーカー
接続も簡単。ドッグに接続するだけで、お使いの電源ケーブルで充電も可能です。
MoMAが選んだ一品です。

リンクが古い。等の問題をポチッと報告→

万能豚…いや万能蓋。「MARNA ブタの落としぶた」

MARNA ブタの落としぶた
MARNA ブタの落としぶた
豚の顔をした落とし蓋です。
取り上げる時は、鼻の穴に箸をぶっ刺します。

MARNA ブタの落としぶた
電子レンジにも使えるシリコーン素材です。
蒸気が鼻の穴から抜けるようになっていますので、温野菜やご飯の温め直しにも便利です。

MARNA ブタの落としぶた
グッドデザイン賞受賞

MARNA ブタの落としぶた
チャーミングな顔をしています。

MARNA ブタの落としぶた
鍋の大きさに合わせて、サイズも色々あります。
開けづらい容器のフタのオープナーとしても使用できます。

リンクが古い。等の問題をポチッと報告→

狭い隙間に「Eau KIRIKABU」

Eau KIRIKABU
Eau KIRIKABU
狭い隙間に収納できるトイレットペーパーホルダー。

Eau KIRIKABU
便器横の狭い隙間にもスッと入ります。

Eau KIRIKABU
横のスリットでトイレットペーパーの残りが分かるので、少なくなったら補充します。

Eau KIRIKABU
上から見るとトイレットペーパーが木の年輪に見えるため、「KIRIKABU」という商品名になっています。

Eau KIRIKABU
「メープル」と「ブラックウォルナット」の2種類。底の部分の色が違います。

リンクが古い。等の問題をポチッと報告→

燃える石「ぺブルキャンドル」

ぺブルキャンドル
ぺブルキャンドル
本物の石にそっくりのキャンドル(ろうそく)です。
インドネシアの職人さんが一つ一つ手作りで作っています。

ぺブルキャンドル
無機質な雰囲気が、洋室にも和室にも合います。

リンクが古い。等の問題をポチッと報告→

どんな料理もヒーロー&ヒロインに「漫画プレート 美味い…&ときめき」

漫画プレート 美味い…&ときめき
漫画プレート 美味い…&ときめき
マンガのようなコマ割りになっているお皿です。

漫画プレート 美味い…&ときめき
少年マンガ風の「美味い…」というお皿です。

漫画プレート 美味い…&ときめき
漫画プレートは2種類あり、もう1種類はこちら。

漫画プレート 美味い…&ときめき
少女マンガ風の「ときめき」というお皿です。

漫画プレート 美味い…&ときめき
アニメ好きの方へのギフトにピッタリ!

リンクが古い。等の問題をポチッと報告→

さぁ、お飲み…「FRED スカルショットグラス DOOMED」

FRED スカルショットグラス DOOMED
FRED スカルショットグラス DOOMED
怖い…怖すぎるショットグラス

FRED スカルショットグラス DOOMED
飲み物を注ぐとクッキリとガイコツが浮かび上がります。
さらに不透明の飲み物は、怪しさ1000%

FRED スカルショットグラス DOOMED
「大丈夫だよ。さぁ、お飲み…」と、ニヤケながらこれを出されたら、間違いなくガタガタ手が震えます。あぶら汗も止まりません。

FRED スカルショットグラス DOOMED
パッケージも恐怖のクオリティはそのままです。
贈り物にいかが?イヒヒヒヒ…

リンクが古い。等の問題をポチッと報告→

スタイリッシュにワイヤレス充電「mobee The Magic Feet」

mobee The Magic Feet
mobee The Magic Feet
Appleユーザーならマウスもキーボードもスタイリッシュに、そしてスマートにワイヤレスチャージしましょう。

mobee The Magic Feet
電磁誘導方式を採用したワイヤレスチャージングステーションです。

mobee The Magic Feet
iMacやAppleディスプレイにピッタリのデザインです。
スイスに本社があるMobee technology社の製品です。

mobee The Magic Feet
接続もスマート。Magic MouseやApple Wireless Keyboardに専用の充電池を入れて、USBポートとACアダプタに接続するだけです。
The Magic feetは、4ポートUSBハブも備えています。

リンクが古い。等の問題をポチッと報告→