「パソコン・Web関連」カテゴリーアーカイブ

CSSだけでバナーやボタンを,アニメーションでキラキラさせる方法

CSSだけで、jQueryもJavaScriptも使わずにバナーをキラキラしたアニメーションで修飾しよう

アニメーションバナーのデモはこちら
 

必要なもの

button.css
・fontセット font-awesome.zip
DL元:fontawesome.io

 ↓まとめてダウンロード↓
デモセットのダウンロード

 

記述例

HTML

<head>と</head>の間で、cssとフォントを呼び出す。

<head>
<link rel="stylesheet" type="text/css" href="css/button.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

バナーを表示したい場所に、下記の記述を。

<div class="btn-yuya">
  <a href="#">アニメーションバナーのデモ</a>
</div>

これだけ。
「#」は、リンク先を指定すること。

 
青いバナー、キラキラ、矢印が動くバナーはこんな感じで↓

<div class="btn-yuya is-blue is-reflection is-trembling">
  <a href="#">アニメーションバナーのデモ</a>
</div>

青いバナー、キラキラ、矢印が動くバナーのデモはこちら。
 

バナー修飾のクラス(class)解説

クラス名(記述)説明
btn-yuya基本クラス(色指定しなければ緑)
is-red赤色バナー
is-blue青色バナー
is-black黒色バナー
is-reflectionキラキラ
is-tremblingバナー右の矢印を動かす
is-bounceバウンド
is-purunぽよぽよ動く

赤色で、全てのクラスを指定して動かすアニメーションバナーのデモはこちら

 

カスタマイズ

バナーのサイズ、フォントの大きさ、バナーの色やグラデーションをカスタマイズするには、 button.css の各クラスの部分をカスタマイズすればOK。

この記事も読まれています

ASUSタブレット分解 T90Chiの本体を分解してBluetoothデバイスを復活させた

ある日突然bluetoothキーボードを認識しなくなった

今まで順調に使っていたASUSの 2-in-1 Windowsタブレット TransBook T90 Chiが、ある日突然キーボードを認識しなくなった。

普通に使ってても半年に1回ぐらいはある話なので、今回もデバイスからキーボードを削除して、再度認識させようとする。

認識せず。

左下のWindowsマークのスタートボタン右クリックで、デバイスマネージャーを開く。

確認すると、Bluetoothデバイス(ワイヤレス Bluetooth)に「!」が出ていた。
どうやらBluetoothデバイスがおかしいらしい。

 

Bluetoothドライバの更新や再インストール

この場合は、まずドライバの更新や再インストール。
→効果なし

そうこうしているうちに、Bluetoothデバイスの表記すら消えてしまった。

USB3.0 eXtensible Host Controller というデバイスに「!」が出ている。

もちろん、再起動もタブレットの初期化(工場出荷時に戻す)も効果なし

 

物理的な故障を疑う

これは多分故障だなと。

恐らく基板上のUSBデバイスに刺さっていたBluetoothデバイスの故障、もしくは抜けたか、ハンダが外れたか

持ち歩き使用だったのであり得る話。

 

タブレットの分解を決意


細めのマイナスドライバーをmicroSDのスロットに突っ込み、慎重にテコの原理で背面カバーとディスプレイを剥がしにかかる。

 

少しディスプレイ側が浮くので、すかさず爪をねじ込む。

 

マイナスドライバーを隙間に差し込み、横にスライドさせるように少しずつ広げていく。

 

だんだんとディスプレイ側と背面カバーが外れてくる。

 

ドライバーを使いながら慎重にカバーを外す。

 

外れました。
ほとんどがバッテリーパック。バッテリーパックを外すとバックライト。
放熱用の銅板の下にCPUやら基盤やらデバイスがある。

 

背面カバー。何やら鉛筆で書いたような文字も見えるが…工場の中国人のメモ

 

放熱の為の銅板。この下に基盤があるのだが、開けたばかりの内部に謎の指紋

さては、工場の中国人か!手袋をつけろよこのデコ助ヤロウがぁぁ~!!

 

シリアルケーブルのようなものは引っ張ると簡単に取り外し可能。つける時も奥まで突っ込むだけ。

今回は放熱銅板の下の基盤で一部ソケットが外れかかっていたので、ここを上から抑えると「パチリ」と音がした。

シリアルケーブルを指しなおして背面カバーを上から押さえつけて再度組み立て。

 

見事復活。

Bluetoothデバイスも元通り。

意外と簡単にできました。

この記事も読まれています

【家電量販店アプリ比較】ジョーシンの携帯アプリクーポンはお得?ジョーシン編評価

電器屋さん家電量販店が出してるアプリってどうよ?-ジョーシン編-

家電量販店大手はこぞってスマホアプリをリリースした。各社のアプリを比較して、使えるアプリ使えないアプリをレビューしていこう。

ジョーシンの公式スマホアプリ

—————————————
関連記事

ヤマダ電機アプリは得なのか徹底分析

エディオンアプリは得なのか徹底分析

ケーズデンキアプリは得なのか徹底分析

ビックカメラアプリは得なのか徹底分析

ヨドバシカメラアプリは得なのか徹底分析

ジョーシンアプリは得なのか徹底分析

————————————-

ジョーシンの公式アプリの使える機能

機能
・ジョーシンポイントカード機能
・ジョーシンWebのネットショップ機能
・クーポン機能
・誕生日キャンペーン

代表的な機能は上記4点。オンラインチラシやタイムセール情報もあるが、あまり必要はないと思う。

1つずつ解説していこう。

ポイントカード

他の量販店と同じ感じだ、店舗で使う時に、スマホにバーコードを表示させてポイントカードとして使うことができる。

ちなみにジョーシンのポイントは、楽天ポイントと共通となっている。

アプリのポイントカード
評価:フツー(楽天ポイントなのが嬉しい)
 

ジョーシンウェブのネットショップ機能

アプリ内ではなく、ブラウザ(Safari等)で起動し、直接ジョーシンウェブのお気に入り登録するのと同じ。

立ち上がりや読み込みは遅いので少し使いづらい。

アプリのネットショップ
評価:不要
 

ジョーシンの店頭で使えるクーポン

総合的にまあまあ使える

全品5%オフ、ポイントアップ、サプライ品割引などが多い。

サプライ品割引はダイレクトメールのクーポンと似たような感じなのでイマイチ。

(クリスマスなどの)イベント時には結構いいクーポンがもらえる。

店頭では値引き後で更にポイントアップすることもできる

他社のアプリクーポンは、

ヨドバシは最低、エディオン・ヤマダはクソ、ビックカメラは結構使える。

といったところ。

 
ジョーシンアプリのクーポン
評価:イベント時のクーポンはまあまあいい
 

誕生日キャンペーン

結構お得なのが誕生日キャンペーンや、誕生日クーポンだ。

会員登録をアプリ上で行う必要がある。

誕生日に合わせて「来店だけでポイントプレゼント」などの結構嬉しい特典がもらえる。

評価:なかなか良い!
 

=============================
関連記事

ヤマダ電機アプリは得なのか徹底分析

エディオンアプリは得なのか徹底分析

ケーズデンキアプリは得なのか徹底分析

ビックカメラアプリは得なのか徹底分析

ヨドバシカメラアプリは得なのか徹底分析

ジョーシンアプリは得なのか徹底分析

この記事も読まれています

【解決済】Outlook.com(旧Hotmail)でSkypeが勝手にオンラインになるのをオフラインにする方法

Outlookにログインしてメールをチェックすると、勝手にSkypeがオンラインになる

ホットメールやLiveメールなど色々と呼び名が変わってきたOutlookメール。
Webメールの方のOutlookだが、これがSkypeアカウントと統合されてしまった。

なお、現在はマイクロソフトアカウント(Outlookのアカウント)とSkypeアカウントが統合され、リンク解除が不可能になった。

SkypeのアカウントとMicrosoftのアカウントをリンクしたり、リンクを解除したりすることはできません。

と断言されている。
 

マイクロソフト公式コミュニティの見解

英語版の Microsoft Community でこの件について活発なやり取りがあり、解決法もあった。

ユーザー
Skypeをオフラインにしておきたいのに、Outlookにサインインすると自動的にSkypeがオンラインにされる!

マイクロソフトスタッフ
残念ながら現在Outlook.comにサインインする時にSkypeアカウントがオンラインになるのはシステムのデフォルトであり、これをオフラインにし続ける設定などの変更はできません

ユーザー
バカ野郎。じゃあマイクロソフトアカウントとSkypeアカウントのリンクを切る方法を教えろ。

マイクロソフトスタッフ
申し訳ございませんが、既にSkypeアカウントとマイクロソフトアカウントは統合されており、リンクを解除する事はできません

ユーザー
ふざけんな!俺はメールをチェックしたいだけやのに、なんで毎回Skypeでオンラインにならなあかんのじゃ!プライバシーの侵害にもほどがあるわ!クソが。

マイクロソフトスタッフ
ご意見ありがとうございます。しかしながらこれはシステムの基本設計ですので変更はできません。文句のある人は Microsoft の Feedback ページから意見を送信してください。

ユーザー
ボケが!ひどすぎる。二度とOutlook使わんぞ。個人だけじゃなくてうちの会社でも全員使わんようにしたるぞコラ!

別ユーザー
まあ落ち着けよ。
IEを使ってるならインターネットオプションから「制限付きサイト」に「skype.com」を追加すればいい。
Outlook上の画像では認識できないがブラウザからのアクセスをカットしてくれるので効果はあるぞ。

アカウントのリンクが解除できない以上、現在これが唯一無二の解決法だ。

この記事も読まれています

さくらのレンタルサーバーでログイン画面で500エラー。クイックインストールでも500エラー

さくらサーバーでWordpressが500エラー internal server errorになる

さくらのレンタルサーバーにWordpressをインストールする時にはパーミッションが問題になる場合がある。

だが、パーミッションが問題なくても管理画面(サイト画面も)500エラーになる場合がある。

そのポイントをまとめておく。
 

パーミッションは問題なし!

直接インストールした場合は、フォルダやphpファイルのパーミッションの設定をしておく必要がある。

しかし今回の場合はパーミッションも問題ない

クイックインストールだから、パーミッションに問題がないのも当たり前。

さくらのレンタルサーバーに他のワードプレスも多数インストールしており、他のWordpressは正常に稼働している。

新規にインストールしたWordpressだけが500エラー。

 

色々調べた結果、php.iniが問題だった

まず、さくらのレンタルサーバーではエラーログを確認してみよう。

さくらのインターネットサーバコントロールパネルにログインし、左のメニューから「アクセスログの設定」をクリック。

ページ中ほどの「エラーログの表示 エラーログ」をクリック。

 
エラーログが表示される。下の方が新しいエラーだ。日付を見ながら確認していこう。

[error] [client **.***.0.106] malformed header from script. Bad header=<br />: install.php

このようなエラーが確認できるなら、PHP.iniの編集で500エラーを回避可能。
 

500エラーの回避方法

さくらのインターネットサーバコントロールパネルで

左のメニューから「PHP設定の編集」をクリック。

php.iniで「magic_quotes_gpc = On

となっている。

これは、フォームで送られた全てのデータがエスケープされる。

つまり、PHPのコマンドなどが正常に受け取れなくなる。

まあ小難しい事はどうでもいいので、この箇所ををコメントアウトしよう。

PHPのコメントアウトは 「;」 で可能。

;magic_quotes_gpc = On

とすれば500エラーは回避できる。

この記事も読まれています

【家電量販店アプリ比較】ケーズデンキの携帯アプリは使う意味がある?K’s電機評価

電器屋さん家電量販店が出してるアプリってどうよ?-ケーズデンキ編-

家電量販店大手各社のアプリを比較してみよう、使えるアプリ、クーポンなどは様々だがその機能を使ってみてレビュー。

K’sデンキのスマホ用アプリ

—————————————
関連記事

ヤマダ電機アプリは得なのか徹底分析

エディオンアプリは得なのか徹底分析

ケーズデンキアプリは得なのか徹底分析

ビックカメラアプリは得なのか徹底分析

ヨドバシカメラアプリは得なのか徹底分析

ジョーシンアプリは得なのか徹底分析

————————————-

ケーズデンキの公式アプリの主な機能

機能
・ケーズデンキ安心パスポート(会員サービス)
・ネットショップ機能
・値引きクーポン機能

代表的な機能は上記3点。その他お気に入り店舗などは特に使いどころもない。

以下に解説していこう。

ケーズデンキ安心パスポート(会員サービス)

他の量販店と同じ感じだ、店舗で使う時に、スマホにバーコードを表示させてあんしんパスポート会員としての値引きを受けられる。

ケーズはポイント制度がなく、会員特別価格という形で還元するスタイルをとっている。

ただ実質は「会員になればお得」という点で、ポイント還元とほぼ同じ。無料長期保証があるので、ケーズをメインで使っている人は安心パスポートは必要。

アプリのあんしんパスポート
評価:フツー
 

ケーズデンキ通販のネットショップ機能

ブラウザ(Safari等)で起動する。

Amazonと比べるとサイトは重く、表示は遅い。
個人差はあるかもしれないが、ヨドバシやビックカメラよりは使いやすいような気がする。

ただ、ケーズデンキオンラインショップのためにアプリを入れる必要は全くない。

SafariやChromeなどのブラウザでお気に入り登録しておけばいいだけだ。

アプリのネットショップ
評価:不要
 

ケーズの店頭で使える あんしんパスポートクーポン

ケーズで現金値引きが得られるクーポンが貰える。

しかしクーポンは使いどころが限られているものが多い。

結果的にあまりメリットがない

1万円以上で500円引きなど。

ジョーシンのクーポンとスタイルは似ている。

ケーズの株主優待の方がお得なので、アプリクーポンは必要ない

他社のアプリクーポンでは、
ヨドバシクーポンは最低
エディオン・ヤマダはクソ
ジョーシンは誕生日の来店ポイントなどは良い
ビックカメラは結構使える

 
ケーズデンキのクーポン
評価:使い物にならない
 

=============================
関連記事

ヤマダ電機アプリは得なのか徹底分析

エディオンアプリは得なのか徹底分析

ケーズデンキアプリは得なのか徹底分析

ビックカメラアプリは得なのか徹底分析

ヨドバシカメラアプリは得なのか徹底分析

ジョーシンアプリは得なのか徹底分析

この記事も読まれています

さくらのVPSに導入したWordPressでRSSのFeedや、個別記事のページが404 not foundになったら

WordPressでRSSフィードが取得できない時に疑うこと

ワードプレスでは自動でRSSを出力してくれる。その取得URLは下記の通り、

http://example.com/feed/
http://example.com/feed/rss/
か、
http://example.com/?feed=rss
http://example.com/?feed=rss2

他にもあるが、どうでもいいので割愛。

マネージド・レンタルサーバーであれば多分このエラーはレアケース。

ちゃんと指定してもRSSが取得できないケースがある。
VPSにインストールした場合は割とある。
その原因は .htaccess にある。

 

症状

・RSSが取得できない
・直接RSSのURLを見に行くと404エラー(そりゃ取得できる訳もない)
・個別記事も404
・カテゴリーなども404

 

確認

サーバー内(FTPソフトなどで見る)Wordpressのフォルダの .htaccess をダウンロードして中身を見てみよう。

# BEGIN WordPress
<ifmodule mod_rewrite.c=”">
RewriteEngine On
RewriteBase /wp/
RewriteRule ^index\.php$ ? [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

大体こんな感じのものが書かれているはず。

書かれてなければコピペして上書きアップロードで完了。

書かれてるのにダメな場合もある。
よくあるパターンはVPS使っていて .htaccess が無効になっている場合。

 

VPSで個別記事が404になる時の解決法

.htaccess が無効になっているのを有効化する方法。通称黒い窓を触る必要がある。

さくらのVPSで説明するが、他のVPSでもやり方は割と同じ。


さくらの会員メニューにログインする。

「契約情報」→「契約サービス一覧」→「サーバ設定」→「コンソールの中のシリアルコンソール」

なお、シリアルコンソールでなくてもやり方は同じ。

基本的には、マウスは使えない、コピペなど普通にはできない。

キーボードの矢印とコマンドとエンターでやっていく。

[root@www~]#

となっている状態で

vi /etc/httpd/conf/httpd.conf

と入力して(何回か)エンター。

ずらーっと英語が出て来るので

/AllowOverride

とコマンドを打てば検索できる。

「n」 で次の検索結果へ、「N」で前へ検索していく。

# AllowOverride controls what directives may be placed in .htaccess files.
# It can be “All”, “None”, or any combination of the keywords:
# Options FileInfo AuthConfig Limit
#
AllowOverride None

この 「None」 を 「All」 に変更する。

「i」をキーボードで押すとインサートモードになる。

つまり書き換えができる。

インサートモードで「バックスペース」で削除、普通に記入して

記入し終わったらインサートモードを止める。

「ESC」 でインサートモード終了。

続いて mod_rewrite の検索。

/LoadModule rewrite_module

LoadModule rewrite_module modules/mod_rewrite.so の先頭に # がついていれば、その # を削除。

# はコメントアウトなので、 # の行は無視される。

インサートモードを解除(コマンドモードで)

「:wq」エンターで、上書き保存。

[root@www~]# となってるところで、

service httpd restart エンター

で、 httpd を再読み込み。

これで、.htaccess が効くようになり、404は解消されるはず。

この記事も読まれています

Avast!アンチウイルスソフトがGoogleを誤検出

Avast!がまた暴走

2017年3月20日頃から、アバスト!アンチウイルスソフトがGoogleをマルウェアとして誤検出するようになった。

https://play.google.com

場所は Google Chrome のエクステンションだ。

Avastは無料のフリーアンチウイルスソフトで非常に優秀だが、年に1回ほど誤検出があって焦らせてくれる。

以前は、AvastがAvast自信をスパイウェアとして検出したりなんかもあったね~
 

対策

放置していても特に問題はない。

次のアップデートで修正されるだろう。

どうしても邪魔であれば、一時的にGoogle Chrome使用をやめて、

FireFoxなどを使ってみよう。

この記事も読まれています

ヨドバシアプリ【家電量販店アプリ比較】アプリクーポンを比較、評価、アプリの機能

家電量販店が出してるアプリレビューと比較-ヨドバシカメラ編-

家電量販店大手のスマホアプリが出そろった。
各社のアプリを比較して、使えるアプリ使えないアプリをレビューしていこう。

「ヨドバシ」ショッピングアプリ
ゴールドポイントカードアプリ

の2つのアプリがある。
両方インストールしないとあまり使い物にならないところが少し面倒だ。

ヨドバシカメラのスマホアプリについて。

—————————————
関連記事

ヤマダ電機アプリは得なのか徹底分析

エディオンアプリは得なのか徹底分析

ケーズデンキアプリは得なのか徹底分析

ビックカメラアプリは得なのか徹底分析

ヨドバシカメラアプリは得なのか徹底分析

ジョーシンアプリは得なのか徹底分析

————————————-

ヨドバシアプリを使ってみた

ヨドバシショッピングアプリでできる事

・ヨドバシ.com機能
・夢のお年玉箱(福袋)購入機能
 

 
ゴールドポイントカードアプリでできる事

・ゴールドポイント(ポイントカード)機能
・クーポン機能

普段はゴールドポイントアプリのポイントカード機能が最も使える。

ショッピングアプリはあまり使えない。

機能の詳細は以下の通り。
 

ヨドバシショッピングアプリでできること

ヨドバシ.com機能

アプリのヨドバシ.comはあまり使いやすいとは言えない。
ブラウザのヨドバシ.com(PC表示)の方がいいぐらいだ。

お勧め商品やキャンペーンの画像読み込みも非常に遅い。

レビューポイントなどの使い勝手も悪い。

ヨドバシ.com機能
評価:必要なし
 

夢のお年玉箱(福袋)購入機能 先着順

これがヨドバシのアプリを使う唯一にして最大の理由。

例えばiPad mini(標準的な購入価格で6万円)のものが3万円で購入できたり、お得にもほどがある福袋。

これはヨドバシのアプリをインストールし、会員登録をしておかないと購入を試みる事すらできない。

年に1度の夢のお年玉箱のためにヨドバシのアプリをインストールすると言っても過言ではない。

夢のお年玉箱(福袋)購入機能
評価:良い悪いではなく必須!
 

ゴールドポイントカードアプリでできること

ゴールドポイント(ポイントカード)機能

他の量販店とほとんど同じ機能。
店舗で使う時に、スマホにバーコードを表示させてポイントカードとして使う。

可もなく不可もなく。

ゴールドポイント(ポイントカード)機能
評価:ごく普通
 

クーポン機能

ヨドバシのアプリクーポンは非常に使えない

むしろヨドバシのクーポンですらない。
ヨドバシに入っているテナント(コンタクトレンズ屋やレストランなど)のクーポン。
しかもかなりショボい。

道端で配っているクーポンの方がマシかもしれない。

ヤマダやジョーシンはCD-Rに限り100円引きなど。→クソ。

EDIONクーポンは1万円以上で1000円引きクーポンなど。→まあまあ。

ビックカメラのクーポンどんな商品でもポイント3%アップなど。→結構使える。

ヨドバシゴールドポイントアプリのクーポン
評価:全く使えないクソクーポン
 

=============================
関連記事

ヤマダ電機アプリは得なのか徹底分析

エディオンアプリは得なのか徹底分析

ケーズデンキアプリは得なのか徹底分析

ビックカメラアプリは得なのか徹底分析

ヨドバシカメラアプリは得なのか徹底分析

ジョーシンアプリは得なのか徹底分析

 

この記事も読まれています

EDIONアプリ【家電量販店アプリ比較】スマホアプリクーポンや特典を比較、評価

家電量販店が出してるアプリレビューと比較-エディオン編-

家電量販店大手のスマホアプリが出そろった。
各社のアプリを比較して、使えるアプリ使えないアプリをレビューしていこう。

エディオン(EDION)のスマホアプリについて。

—————————————
関連記事

ヤマダ電機アプリは得なのか徹底分析

エディオンアプリは得なのか徹底分析

ケーズデンキアプリは得なのか徹底分析

ビックカメラアプリは得なのか徹底分析

ヨドバシカメラアプリは得なのか徹底分析

ジョーシンアプリは得なのか徹底分析

————————————-

エディオンアプリを使う

機能

・デジタル会員証(ポイントカード)機能
・エディオンネットショップ機能
・クーポン機能
・修理保証の管理

主な機能は上記の通り。他にも店舗検索などの機能があるが、Googleマップで十分だろう。

機能の詳細は以下の通り。

デジタル会員証(ポイントカード)機能

他の量販店とほとんど同じ機能。
店舗で使う時に、スマホにバーコードを表示させてポイントカードとして使う。
エディオンカード会員・IDカード会員、あんしん保証カード会員がスマホを会員証として使う事ができる。

アプリのポイントカード機能
評価:標準(他の家電量販店と全くと言っていいほど同じ)
 

エディオンネットショップ機能

普通にスマホでネットショップ見るのとほぼ同じ。使う意味を感じない。起動も読み込みも遅いので使う価値なし。

エディオンアプリのネットショップ
評価:ゴミ
 

エディオンのお店で使えるクーポン発行

Edionのアプリクーポンはまあまあ使える
1万円以上で1000円引き、5万円以上で5000円引きなど、割引率は結構高いのでまあまあ使える。

ヤマダやジョーシンはSDカードに限り100円引きなど。
ヨドバシは同テナントビル内の食事割引など、ガラクタクーポンしかない。

EDIONクーポンはまあ使える、と言ったところ。

エディオンの株主優待券と同じ感じだ。

ちなみにビックカメラのクーポンどんな商品でもポイント3%アップで使える。

エディオンアプリのクーポン
評価:まあまあ
 

修理保証の管理

エディオンカード会員・IDカード会員・あんしん保証カード会員が、エディオン店舗で買った商品の保証期間が確認できる。

これはまあまあ嬉しい。
長期保証に入っている場合、買った家電の保証期間を確認できる。

保証書やレシートを無くした場合でも、購入履歴から保証対象にしてもらうことができる。

評価:使える
 

=============================
関連記事

ヤマダ電機アプリは得なのか徹底分析

エディオンアプリは得なのか徹底分析

ケーズデンキアプリは得なのか徹底分析

ビックカメラアプリは得なのか徹底分析

ヨドバシカメラアプリは得なのか徹底分析

ジョーシンアプリは得なのか徹底分析

 

この記事も読まれています