使ってみました!LINE Pay!

2017/06/27 その他 投稿者:王

はじめまして、システム事業部の新人、王です。

中国から来て2年目に入ります。在留期間がまだ短いのでクレジットカードの審査が面倒そうで申請していません。今のところはまだ給料を受け取る群馬銀行のキャッシュカード一枚だけで過ごしています。

お店やネットで買い物する度にどうしても現金で支払わなければならない日々が続き、おろしに行くのも、お釣りで小銭が出るのもたまにイライラします(性格が出ますね)ので..とにかく脱現金したいと思いました。

そろそろクレジットカードを申し込もうかなと迷っていた時期に、なんと「群馬銀行から電子マネーへ入金可能に」という新聞記事を目にしました。「楽天Edy」、「Yahoo!マネー」、「LINE Pay」などは今回の対象になります。

それでは一番身近ですぐにでも始められる「LINE Pay」を試してみようっと。ワクワクします。

まずは「LINE Pay」の申請から


最初はLINE自体が財布になるかと思い申し込んでみれば、やはりLINEカードの申請ページに導かれました。

JCBの無料プリペイドカードで、可愛いLINEのオリジナルデザインが選べます。後は住所と名前だけ入れれば申請完了です!審査は要りません!

そして約一週間後にこちらのカードが手元に届きました。

表面

card_front

手順に従ってまずLINEカードを登録し、それから口座登録を行います


ここで群馬ちゃんが登場します。

gunmabank_card

口座登録も非常に簡単です

1、「チャージ」を押します

charge01

2、「銀行口座」を選びます

charge02

3、銀行を選びます

charge03

4、登録情報を入力します

charge04

5、群馬銀行の本人認証情報を入力し、サービス利用を開始します

charge05

6、登録成功!

charge06

早速銀行口座でチャージしてみます


1、先ほど登録された銀行口座をクリックすると、チャージ金額を入力する画面が出てきます。

charge07

2、後でインターネットの料金を払おうと思ってとりあえず5000円をチャージしました。

charge08

3、金額の変更通知がすぐ来ました。

charge09

これでチャージ完了です!
コード決済もできるはずです!
(LINE Payを始める真の目的はここにあります。)

コード決済の使い方


qrcode01

メニュー画面で「コード」ボタンをクリックすると、支払いバーコードとQRコードの画面が下記のように出てきます

qrcode02

この画面を店員さんに見せるとキャンしてくれますので、財布を出さずに決済できるとても便利なツールです。

まずインターネット料金の伝票を持ってセブンイレブンにダッシュ!


レジで:
私:「LINE Payで払います。」と携帯のコード画面を見せます。
店員さん:「申し訳ございません、こちらのコード決済は対応できません。」
私:「じゃカードでお願いします。」とLINEカードを渡します。
店員さん:「申し訳ございません、こちらの料金はクレジットカードで払えません。」
私:「..じゃ、現金で」…
はい、結局現金でした。
小銭337円渡されてガッカリしました。
(コンビニでの公共料金支払いは基本現金のみって後から先輩に教えられました。)

ヘコミながら帰りに近くのスーパーに寄って買い物しました。
支払いはLINEカードで一瞬で払えました。暗証番号もサインも求められなかったので若干不安がありますが(お店によってサインが要求されます)、現金で払うより小銭が出ずにスッキリします。先ほどのショックに対する一つの慰めとしてちょっと嬉しかったです。

qrcode07

家帰ってリンゴを食べながら冷静になった私はついに、
「LINEコード決済 対応店」って調べました。
そして辿り着いたページはこちらです:

qrkode03

参考:https://line.me/ja/pay/merchant/offline#md_card

ということで、実際にLINEコード決済に対応できるお店がまだまだ少ないようです。

悔しくて後日ローソンで再挑戦


買いたい物を持ってレジで「LINE Payコードで払います。」と伝えてコード画面を見せます→
バーコードがスキャンされます→支払成功!
すんなりでした。

qrcode04

レシートに「LINE Pay」の文字が出ます

qucode06

決済履歴もすぐ見れました

qrcode05

これで、どうしても一度使ってみたかったコード支払いはまだ周りに店舗少ないローソンで実現できました。

まとめ

使ってみて感じたメリットとデメリットは下記になります:

メリット

● カードを申請する際に審査が要りません。
● カード登録・口座登録手続きはとても簡単。
● 年会費・手数料は一切かかりません。
● プリペイドカードですので、チャージした金額しか使えなくて管理しやすい。
● カードの利用は多くのJCB加盟店でできます。

デメリット

● LINE Pay加盟店店舗数がまだまだ少ない。
● 公共料金の支払いには使えません。
● 現金に戻すのに手数料が216円がかかります。

普段の買い物なら現在のLINE Payカードで十分使えるので嬉しいです。
個人的にコード決済機能に興味を持ちましたが、現状普及するにはまだ時間がかかりそうです。
加盟店が増えて一気に流行になる可能性もあります。LINE Pay に期待できると思います。



カレンダー

      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
     12
3456789
10111213141516
17181920212223
24252627282930
31      
   1234
567891011
12131415161718
19202122232425
2627282930  
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
     12
3456789
10111213141516
17181920212223
24252627282930
       
  12345
6789101112
13141516171819
20212223242526
2728     
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
  12345
6789101112
13141516171819
20212223242526
27282930   
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
1234567
891011121314
15161718192021
22232425262728
29      
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
  12345
6789101112
13141516171819
20212223242526
27282930   
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
      1
2345678
9101112131415
16171819202122
232425262728 
       
   1234
567891011
12131415161718
19202122232425
262728293031 
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
     12
3456789
10111213141516
17181920212223
24252627282930
       
  12345
6789101112
13141516171819
20212223242526
2728293031  
       
1234567
891011121314
15161718192021
22232425262728
2930     
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
     12
3456789
10111213141516
17181920212223
2425262728  
       
  12345
6789101112
13141516171819
20212223242526
2728293031  
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
1234567
891011121314
15161718192021
22232425262728
293031    
       

カテゴリー

ブログ
Nedia What's up!
 HOME  ブログ
Win10 メールアプリの同期に時間がかかる場合の対処法

2017/06/20 技術系 投稿者:佐藤

先日、Windows10の標準メールアプリである「 メール 」をお使いのユーザ様からメールの同期に時間がかかるという問い合わせがありました。

現地に伺い確認したところ2台のPCを利用しており、メーラーはどちらもWindows 10の「 メール 」を利用しているのですが、確かに片方のPCだけ同期に時間がかかります。
メールアドレスもxxx@outlook.jpという、Microsostが無料で提供している個人用の同じメールアドレスを2台のPCがそれぞれIMAP方式で利用しており、一見すると特に違いは見当たりません。
しかし、何度テストを行っても片方のPCだけが、同期に5分以上かかるという状況でした。

Microsostのサポートページを確認すると、最新のWindowsアップデートが適用されているか確認してください。もしくはメールアカウントの設定を一度削除してから再設定してみて改善するかという改善策が記載されておりました。

しかし今回の症状は2台のPCで同期設定だけが異なっていたため、片方の同期だけが遅いという現象が発生していたのです。

原因はダウンロードするメールの期間設定だった!

Windows 10 の「 メール 」 には、ダウンロードするメールの期間を設定する項目があります。これはこのメールアプリがモバイル用途も考慮されたもので、通信量とバッテリーを節約させることが目的とされています。

ダウンロードするメールの期間は、過去3日間・過去7日間・過去2週間・過去1ヶ月・すべて という5パターンから選択することが出来るのですが、今回のケースですと同期に時間がかかる方のPCが、すべて になっていました。

受信メールの数がそこまで多くなければ、この状態でも問題はないのですが、利用を開始した2015年からのメールが大量にある状態だったため、徐々に同期に時間がかかる状態になってしまっていたようです。

今回は、この設定を過去1ヶ月にすることで、同期が短時間で完了するようになりましたので、その手順をご紹介します。
なお、ダウンロードする期間を短くすることで、当然過去のメールがそのままでは見れなくなりますが、こちらの対策につきましては後述致します。

Windows 10の「 メール 」 でダウンロードするメールの期間を変更する手順

1.タスクバーにある [ メール ] アイコンをクリックします。

win10mail_10

2.「 メール 」 が起動したらフォルダーウィンドウの下部に表示されている [ 設定 ] アイコンをクリックします。

win10mail_02

3.「 設定 」 が画面右側に表示されます。[ アカウントの管理 ] をクリックします。

win10mail_03

4.「 アカウントの管理 」 画面が表示されますので設定を変更したい [ アカウント ] をクリックします。

win10mail_04

5.「 選択したアカウントの設定 」 画面が表示されますので[ メールボックスの同期設定を変更 ] をクリックします。

win10mail_05

6.「 選択したアカウントの同期設定 」 画面が表示されますので、[ ダウンロードするメールの期間 ] のボックスをクリックします。

win10mail_06

7.一覧から [ 設定したい期間 ] をクリックしたら、[ 完了 ] をクリックします。

win10mail_07 win10mail_08

8.「 選択したアカウントの設定 」 画面に戻りますので[ 保存 ] をクリックします。

win10mail_09

手順は以上となります。

ダウンロードするメールの期間を変更することなく古いメールを見る方法

ダウンロードするメールの期間を すべて 以外に変更した場合、過去のメールが見れなくなるのでそれはそれで不便では?という疑問が生まれるかと思いますが、こちらは検索機能を使うことで多少は改善出来ます。 なぜならダウンロードするメールの期間を短くしていても、このアプリの検索はすべてのメールを検索対象とすることが出来るためです。

1.受信トレイの上にある [ 検索 ] アイコンをクリックして、検索したい文字列を入力してEnterを押します。

win10mail_10

2.受信トレイに検索結果が表示されますが、このままだとダウンロードする期間で設定した期間のメールしか表示されません。
続けて、検索結果の一番下に表示されている オンラインで検索 をクリックします。

win10mail_11

このオンラインで検索という機能利用することで、ダウンロードするメールの期間を変更することなく、ある程度は過去のメールを確認することが可能となります。

人によって、過去のメールを確認する機会は様々かと思いますが、「長年利用し続けた結果、同期に時間がかかるようになってしまった。ただ通常は最近のメールだけが表示されれば良い」という方はぜひ一度お試しください。

カレンダー

      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
     12
3456789
10111213141516
17181920212223
24252627282930
31      
   1234
567891011
12131415161718
19202122232425
2627282930  
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
     12
3456789
10111213141516
17181920212223
24252627282930
       
  12345
6789101112
13141516171819
20212223242526
2728     
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
  12345
6789101112
13141516171819
20212223242526
27282930   
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
1234567
891011121314
15161718192021
22232425262728
29      
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
  12345
6789101112
13141516171819
20212223242526
27282930   
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
      1
2345678
9101112131415
16171819202122
232425262728 
       
   1234
567891011
12131415161718
19202122232425
262728293031 
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
     12
3456789
10111213141516
17181920212223
24252627282930
       
  12345
6789101112
13141516171819
20212223242526
2728293031  
       
1234567
891011121314
15161718192021
22232425262728
2930     
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
     12
3456789
10111213141516
17181920212223
2425262728  
       
  12345
6789101112
13141516171819
20212223242526
2728293031  
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
1234567
891011121314
15161718192021
22232425262728
293031    
       

カテゴリー

ブログ
Nedia What's up!
 HOME  ブログ
HTML/CSS 初心者向け勉強法

2017/06/13 サイト制作 投稿者:聖子

初めまして、WEBサイト制作担当のseikoです。WEB未経験で入社して9ヶ月になる新人です。

私はHTML/CSSについては入社前に独学+学校で3ヶ月ほど教わりましたが、
ネディアには、入社後に社内で一からWEBについて勉強し(これからお勧めする勉強法+多少先輩に教わりつつ)、3ヶ月も経たずにWEB制作の実務で活躍中の方もいます。

向き不向きと、本人のやる気・努力次第でもありますが、HTML/CSSは独学でも比較的学びやすい言語だと思います。
これから独学で勉強したいという方向けに、実践して良かった勉強法をお勧めしたいと思います。

※HTML/CSSにはバージョンがありますが、XHTMLなど昔のバージョンについては「こんなのがあったんだな~」くらいで、まずは最新のHTML5とCSS3だけを勉強する事をおすすめします。

【Progate】

初級編無料、中級・上級編は月額980円
https://prog-8.com/

progate

まず最初に行うのが、ブラウザ上で実際にコードを打ち込みながら勉強できるオンライン学習サービスです。
とても良いサービスですし、2000円以上する書籍を買ったり、有料のスクールに通うのと比べると、月額980円はかなりお得だと思います。
が、もちろん無料の範囲でも充分できるようになると思います。金欠の方は初級編をクリアしたら次の段階へどうぞ。

このサービスで全く正解出来ない!という方にはWEB制作の道は厳しいかもしれません…

HTML・CSSのほかにもJavaScript・jQuery・Ruby・PHP・Java・Python・Swift・command Line・Gitなどが学べます。

※初級編で答えは合ってるのはずなのに正解できない!という時は、全角で打ち込んでいないか、スペースが入っていないか、など細かな所を確認しましょう。

【HTML5&CSS3標準デザイン講座】

定価2480円+税
https://www.amazon.co.jp/dp/4798142204

htmlcss_standardcourse

オンライン学習サービスの次は書籍です。
【Progate】ではブラウザ上のエディタにコードを打ち込んでいくという感じでしたが、この本では自分のパソコンの中でサイトを作っていきます。
HTML5/CSS3の基本からスマホ対応まで学べます。
上手くいかないときはブラウザのデベロッパー(開発者)ツールを使って原因を探しましょう。
ブラウザはデベロッパーツールが使いやすいのでGoogleChromeを個人的にお勧めしています。

+持っておきたい書籍
【できるポケット HTML5&CSS3/2.1全事典】

定価1680円+税
https://www.amazon.co.jp/dp/4844337394

htmlcss_dictionary

その名の通りHTML5とCSS3のコード辞典です。
ネットで逐一検索するのでもいいですが、これ一冊あるととても便利です。
超初心者の段階ではいらないと思いますが、【HTML5&CSS3標準デザイン講座】で実際に自分でサイトを作る時に揃えたい書籍です。

実制作

この先は実際に手を動かしてサイトをひたすら作っていきます。
WEBデザインギャラリー イケサイ などから作りが簡単そうなサイトを探して模写してみましょう。
HTML/CSSをある程度使えるようになったら、jQueryのライブラリを使ってスライドショーやモーダルウィンドウなどの導入にも挑戦してみるといいと思います。

+時間があったらやりたいサービス

【Schoo】

生放送授業は無料、全授業は月額980円~
https://schoo.jp/

schoo

動画での学習サービスです。プログラミングの他、デザインや英語など幅広い分野について学べます。
先生がついて個別指導してもらえるプランもあります。

【Schoo】で個人的におすすめの授業
https://schoo.jp/class/441
HTMLスケッチというサイト模写の授業です。WEBデザイナーとして活躍している方のコーディングが実際に見れるので勉強になります。
【HTML5&CSS3標準デザイン講座】で勉強した後にどうぞ。
※この方のHTMLスケッチの授業は改訂前の物がユーチューブでも公開されています→https://youtu.be/038wQNc_j1s

【CODEPREP】

全て無料
https://codeprep.jp/

codeprep

Progateと同じように実際にコードを打ち込みながら勉強できるオンライン学習サービスです。
2017年6月現在、全て無料で学習できます。
「はじめてのHTML」などの講座以外は限定的な技術の講座が多いです。
Progateをやった後、復習という感じで、時間があったらやってみるのがいいと思います。

HTML・CSSのほかにもJavaScript・jQuery・Ruby・PHP・Java・Python・Bootstrap・Scala・Rustが学べます。

まとめ

以上、他にも良いサービスはあるのですが割愛します。
色々と紹介しましたが、やはりレベルアップの一番の近道は実際にサイトを作ることだと思っています。

しかしネットを検索しても分からなくて行き詰った時など、独学ではどうしようもなくなる時もありますので、分からない所を質問できる先生を見つけるとより良いですね。

上記で勉強してそのまま仕事で即戦力という訳にはいかないと思いますが、
今WEB制作で活躍されている方も、かつて初心者の時があって現在バリバリ制作されているわけで、いつかそうなれることを夢見て、コツコツ地道に技術を上げていけたらと思います。

カレンダー

      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
     12
3456789
10111213141516
17181920212223
24252627282930
31      
   1234
567891011
12131415161718
19202122232425
2627282930  
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
     12
3456789
10111213141516
17181920212223
24252627282930
       
  12345
6789101112
13141516171819
20212223242526
2728     
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
  12345
6789101112
13141516171819
20212223242526
27282930   
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
1234567
891011121314
15161718192021
22232425262728
29      
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
  12345
6789101112
13141516171819
20212223242526
27282930   
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
      1
2345678
9101112131415
16171819202122
232425262728 
       
   1234
567891011
12131415161718
19202122232425
262728293031 
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
     12
3456789
10111213141516
17181920212223
24252627282930
       
  12345
6789101112
13141516171819
20212223242526
2728293031  
       
1234567
891011121314
15161718192021
22232425262728
2930     
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
     12
3456789
10111213141516
17181920212223
2425262728  
       
  12345
6789101112
13141516171819
20212223242526
2728293031  
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
1234567
891011121314
15161718192021
22232425262728
293031    
       

カテゴリー

ブログ
Nedia What's up!
 HOME  ブログ
社内ネットワークのパケットキャプチャのススメ

2017/06/08 スタッフ日記, 技術系 投稿者:石原

ある日、何気なく社内ネットワークを「Wireshark」というパケットキャプチャツールで見ていると、とある1台のパソコンから1秒毎にブロードキャストに対してUDPの54915ポート宛にパケットを投げていました。

このような感じパケットキャプチャ

調べてみるとLogicool(Logitech)のマウス設定ソフト(Logicoolゲームソフトウェア)のARX Controlという機能が原因でした。スマートフォンなどと通信するための機能のようです。

 

ゲーミングマウスを仕事で使ってもOKなのですが、この設定は不要!

ということでARX Controlのモバイルサービスを無効にしたらパケットが止まりました。

pc2

 

これが何か悪さをしたわけではないのですが、気持ち悪さを感じます。
社内ネットワークのパケットキャプチャをすることでこのような発見ができます。

パケットキャプチャをするお勧めのタイミング
・終業後や始業前などパソコンが起動していない時間帯
・お昼休みなどパソコンは起動しているけど、使われていない時間帯

皆様の会社のネットワークでもパケットキャプチャを定期的にすることで、トラブルを未然に防ぐことが出来るかもしれないので、是非お勧めいたします。

カレンダー

      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
     12
3456789
10111213141516
17181920212223
24252627282930
31      
   1234
567891011
12131415161718
19202122232425
2627282930  
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
     12
3456789
10111213141516
17181920212223
24252627282930
       
  12345
6789101112
13141516171819
20212223242526
2728     
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
  12345
6789101112
13141516171819
20212223242526
27282930   
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
1234567
891011121314
15161718192021
22232425262728
29      
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
  12345
6789101112
13141516171819
20212223242526
27282930   
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
      1
2345678
9101112131415
16171819202122
232425262728 
       
   1234
567891011
12131415161718
19202122232425
262728293031 
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
     12
3456789
10111213141516
17181920212223
24252627282930
       
  12345
6789101112
13141516171819
20212223242526
2728293031  
       
1234567
891011121314
15161718192021
22232425262728
2930     
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
     12
3456789
10111213141516
17181920212223
2425262728  
       
  12345
6789101112
13141516171819
20212223242526
2728293031  
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
1234567
891011121314
15161718192021
22232425262728
293031    
       

カテゴリー

ブログ
Nedia What's up!
 HOME  ブログ
【CSS3】特定のclass等を除外する擬似クラス『:not()』

2017/06/06 技術系 投稿者:竹内

HTML側にclassを追加したりCSSを直書きすることは出来ない環境においてCSSの擬似クラスを利用してコーディングする際、『特定のclassを除外する』CSSを用いてスマートなコーディングが出来ます。
特にWordPress環境では、bodyタグにclassがたくさん記述されるので、その記述のなかのclassを拾い出して除外する手法でコーディングを行ってみました。

CSS3の擬似クラス『:not()』

bodyタグに記述される『.home』に対して、トップページ「以外」に適用したいCSS(トップページだけは除外するCSS)を記述します。
都合良くサブページにはサブページ用のクラスが記述されていれば良いのですが、CMS等によりページが新規追加された際に任意のページ名がclassとして記述される事が多々あります。
HTMLを変更することが出来ない、どんなclass名になるかわからない今後追加されるであろうページに対してCSSを予め設定しておくことを目的とします。

HTMLとCSS

HTML(わかりやすいようにbodyタグではなくdivタグを使います)

CSS

まとめ

「全ページ共通のCSSで文字色を赤にしておいて、トップページのみ黒にすれば良いじゃないか。」と言われればそうなのですが、スマホ対応にしろその他のコーディングにしろ、今回のケースのような単純なものばかりではありません。
レスポンシブなスマホ対応でCSSを上書きしたり、複雑なコーディングがなされている海外テンプレートなどでは、汎用的なCSSに引っ張られてうまくコーディング出来ず「!important」を使用して力技で済ませてしまう事もあります。
除外するCSSを利用することによって、もっと柔軟なコーディングが出来るのではないでしょうか。
例えばWordPressですと、絵文字には「.emoji」とクラス指定されたりしています。絵文字ではないimgタグに対してCSSを適用する場合には重宝すると思います。

幸いなことに、最近の主要ブラウザーでは問題なく使用出来ますので「そう言えば除外出来るんだっけな」と頭の片隅にでも置いておくことで、今後何かの役に立つかもしれません。

カレンダー

      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
     12
3456789
10111213141516
17181920212223
24252627282930
31      
   1234
567891011
12131415161718
19202122232425
2627282930  
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
     12
3456789
10111213141516
17181920212223
24252627282930
       
  12345
6789101112
13141516171819
20212223242526
2728     
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
  12345
6789101112
13141516171819
20212223242526
27282930   
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
1234567
891011121314
15161718192021
22232425262728
29      
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
  12345
6789101112
13141516171819
20212223242526
27282930   
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
      1
2345678
9101112131415
16171819202122
232425262728 
       
   1234
567891011
12131415161718
19202122232425
262728293031 
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
     12
3456789
10111213141516
17181920212223
24252627282930
       
  12345
6789101112
13141516171819
20212223242526
2728293031  
       
1234567
891011121314
15161718192021
22232425262728
2930     
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
     12
3456789
10111213141516
17181920212223
2425262728  
       
  12345
6789101112
13141516171819
20212223242526
2728293031  
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
1234567
891011121314
15161718192021
22232425262728
293031    
       

カテゴリー

PRODUCE ネディアプロデュース
群馬データセンター
群馬の法人ITサポートサービス Wide Net[ワイドネット]
ワイドオフィス
イヤホンのブランドでハイクラスを誇る | n+um(エニューム)