2019年03月の記事一覧



Bootstrapをグリッドレイアウトっぽくする


みなさん、ウェブページの制作にBootstrap使っていますか。

最初から色々とclassが用意されていて便利に使えますよね。


しかし、Bootstrapは基本的にキレイに四角に並んだレイアウトをするのには向いていますが、並びに高さが違うものがあったりすると、あまりキレイに見えないのが難点です。


例えばこんな感じです。

Bootstrapで隙間が空いてしまう例


1行だけならまだ気にならないかもしれませんが、これが数行になると、高さが低い要素の下の隙間が気になります。この高さが違う要素をうまく処理できないものでしょうか。


そうした場合にMasonryという手法があります。

高さや幅が異なる要素のものを隙間なく敷き詰めるレイアウトの方法です。jQueryを使ったJavaScriptが有名ですね。


Masonry-01


今回はBootstrapを使いつつ、Masonryのようなグリッドレイアウトにする方法を紹介します。

スクリプト不要で、CSSを追加するだけなので、簡単に準備できる点がおすすめです。


ただ今回紹介する方法は、本格的なものではない簡易的なものなので、「幅が同じ」で高さが異なる要素を並べることに限定した使い方を想定しています。

具体的な使用例としては、TwitterやInstagramなどのSNS投稿をウェブページに埋め込むときに使います。

記事の続きを読む



DELL Inspiron 14 5000 2-in-1(5482)購入レビュー


みなさんはどんなパソコン(PC)を使っていますか。

デスクトップPCですか、ノート型PCですか、それとも小型のボックス型PCですか?

今回、ノート型PCのDELL Inspiron 14 5000 2-in-1(5482)を購入したので、そのレビューをしたいと思います。




●Surface Pro 2をこれまで5年間使用

20190324-Surface_Pro_2-01

画像出典:Surface Pro 2 の機能(Microsoft)


私は今までMicrosoftのSurface Pro 2を使ってきました。いわゆる2-in-1というもので、タブレットのようにも使えるし、ノートパソコンのようにも使えるというタイプのPCですね。

Surface Pro 2の発売は2013年10月25日。発売日の発表が前日だったので、慌てて翌日新潟駅のビックカメラに買いに行った記憶があります。本体と専用のキーボードカバーType Cover 2を合わせて、142,600円でした。SSD 256GB・メモリ8GBで、Windows 8 ProとOffice 2013も付いてこの価格は安いなと思ったものです。



購入当時のレビューはこちら。


それから、もう5年以上経ってしまいました。順調に動作していて、特に問題はないのですが、昨年(2018年)の9月頃にバッテリーの充電ができなくなってしまいました。基本的に自宅で外部モニターに接続して使用していたので、頻繁に持ち運んでいたわけではないですが、バッテリーが使えないとなると、セミナーに持っていくこともできなくなるので、かなり困ります。


そこで、昨年の年末に思い切って新しいPCを買おうと思い、購入したのがDELL Inspiron 14 5000 2-in-1(5482)でした。

20190318-DELL-Inspiron-14-5000-5482-01

画像出典:Inspiron 14 5000 2-in-1(Dell)

記事の続きを読む



20190320-LINE-Pay-QUICPay-ENEOS-01

皆さん、モバイル決済のQUICPayを使っていますか? ※QUICKPayではなくQUICPayです。Kがありません。


QUICPayはApple Payが始まって急激に認知度が高まった決済方式ですよね。

QUICPayはコンビニなどで使用でき、読み取り端末にかざす形の非接触型の決済方式で、支払い完了までの手軽さと時間の短さが魅力のひとつです。


2018年11月からLINE PayがQUICPayに対応したことで、Androidのおさいふケータイを利用している人たちにもQUICPayが増えてきている…かもしれません。

「LINE」アプリ内「LINE Pay」のメインメニューから登録することで、「QUICPay+™(クイックペイプラス)」に対応する街中のお店でスマートフォンをかざしてお支払いが可能になります。

【LINE Pay】Android™対応端末で「QUICPay™」対応開始(LINE Corporation)


さて、今回はそのLINE Payを支払方式にしたQUICPayが使えないお店の話です。

タイトルと見出し画像で出オチ感もありますが…(汗)。

記事の続きを読む




ブログ著者

名前:(Google+のプロフィール)

ケータイ好き。ガジェットが好きでiPhoneやらAndroidなどを所有。Surface Pro 2も持っている。

お仕事は印刷会社で営業・広報活動・DTPオペなどをしています。要は何でも屋さんです。最近は印刷関連より、自社のウェブサイトを制作するお仕事がほとんど。使用しているCMSはMovable Type。

ブログ著者について

サイト内検索