宗教上家系ラー食

宗教上の都合家系ラーメン食べます。

仕事関係のIT情報(ソフト、ハート、ガジェット、周辺機器)から趣味の写真、株、バイク等幅広く何でも書いていく備忘録的ブログです。

MENU

PHPからJavaScriptへ配列を渡す方法

f:id:AoiKugayama:20200722120130p:plain

 

PHPで作成した配列をそのままJavaScriptに渡す方法を記載する。

 

.php

$php_json = json_encode($php_array);

 PHPで配列$php_arrayを作成する。

これをjson_encodeして$php_jsonに入れる。

 

.js

var js_array = JSON.parse('<?php echo $php_json; ?>');

JS側ではJSONの形式で受け取るだけです。

このままJavaScriptではjs_array を配列として使用できます。

 

 

IT企業勤務でブラックな会社の人は、未払金を勝ち取った記事で方法紹介してます👇

aoikugayama.hatenablog.com

aoikugayama.hatenablog.com

HTML、CSSJavaScriptのTipsは下記記事をCheck It Out!👇 

aoikugayama.hatenablog.com

aoikugayama.hatenablog.com

aoikugayama.hatenablog.com

 

にほんブログ村 IT技術ブログ IT技術メモへ

にほんブログ村 ライフスタイルブログ ライフスタイル情報へ 

よかったらブログの登録で応援よろしくお願いします❗

このブロク《宗教上の都合家系ラーメン食べます

ぜひお願いします⇛

もう一つ運営してます。《くがやまあおいのお薬出しておきますね。

こちらもぜひ⇛

DB接続時にPDOでcould not find driverが出た時の対処方法

f:id:AoiKugayama:20200722120130p:plain


PHPでデータベースを操作する時に、PDOを使用している。
ある時、ローカル環境でテスト実行を行った時にデータを取ってこなくなった。
その際にエラー時にトライキャッチでエラーメッセージを吐くメソッドがアウトプットした内容が下だ。

f:id:AoiKugayama:20200722130845p:plain

could not find driverとは

これば、必要なドライバーがみつからないと云うメッセージ。
今回はPOD ExceptionということでPODドライバーが無いと云うことがわかる。

対応

ここでphpinfoからPDOののドライバーを確認する。

sqlite3ドライバの確認(PHP) | ガンマソフト株式会社

使用しているDBのmysqlが入っていればOKだが、確認時は「no value」の表示だった。

PODドライバーはPHP5.1.0以降ではデフォルトで有効になっているはずだが、何かの表示にいじってしまったのかも知れない。

 

さて、対応した方法であるが自分はWindousユーザーの為Windows用の対応を行う。
PODを含む各種ドライバーは基本的に、共有モジュールとしてPHPに同梱されている。
そのためphp.iniファイルを操作するだけで使用するしないが変更出来る。

対応1

php.ini

 

extension=php_pdo.dll

「;」セミコロンが先頭についていてコメントアウトになっているのでこれを消して有効にしてあげます。

対応2

php.ini

 

extension=php_pdo.dll
extension=php_pdo_firebird.dll
extension=php_pdo_informix.dll
extension=php_pdo_mssql.dll
extension=php_pdo_mysql.dll
extension=php_pdo_oci.dll
extension=php_pdo_oci8.dll
extension=php_pdo_odbc.dll
extension=php_pdo_pgsql.dll
extension=php_pdo_sqlite.dll

php_Pdo.dllに続いてその他のデーターベース固有のDLLを指定してあげます。

ここで注意するのが、上記で指定したDLLはextension_dirにある必要があります。
このextension_dirは同じphp.iniでディレクトリを指定出来ます。
対応3

最後にPHPを再起動してあげると完了です。

 

 

IT企業勤務でブラックな会社の人は、未払金を勝ち取った記事で方法紹介してます👇

aoikugayama.hatenablog.com

aoikugayama.hatenablog.com

HTML、CSSJavaScriptのTipsは下記記事をCheck It Out!👇 

aoikugayama.hatenablog.com

aoikugayama.hatenablog.com

aoikugayama.hatenablog.com

 

にほんブログ村 IT技術ブログ IT技術メモへ

にほんブログ村 ライフスタイルブログ ライフスタイル情報へ 

よかったらブログの登録で応援よろしくお願いします❗

このブロク《宗教上の都合家系ラーメン食べます

ぜひお願いします⇛

もう一つ運営してます。《くがやまあおいのお薬出しておきますね。

こちらもぜひ⇛

PHPで別ファイルを読み込む方法!

f:id:AoiKugayama:20200401230026p:plain
PHP別ファイルを読み込む方法があり実装してみる。

頻繁に使う動きがある場合、毎回書くのは面倒で、冗長になりがち。
そこで別ファイルに記述をまとめその内容を取り込むと楽になります。

外部ファイル読み込み関数

この動きをする関数は2つ有ります
・include();
・require();

これはどちらも同じ動きをします。
何が違うとというと、ファイル読み込み時の失敗の挙動が異なります。

ファイルが存在しない場合や構文エラーなどでコケた場合にそれぞれ下記の挙動となります。

・require:致命的なエラー(Fatal)となり処理を停止
・include:警告(Warning)となり処理は継続

さらに「_once」を付けることで一度しか読み込まなくなります。
・include_once();
・require_once();

使い分け

読み込みする内容がHTMLファイルなどでループ処理する中で読み込む場合は、毎回読み込むので「_once」は付けません。
一方でクラスやライブラリを読み込む場合は、同一ファイルを何回も読み込む必要がなく、エラーになる可能性があるので、
「_once」を付けるのが良いでしょう。

まとめ

構文 同一ファイルの読み込み ファイルが存在しない場合の影響
require 複数回読み込む その時点で処理終了(Fatal Error)
require_once 1回のみ読み込む その時点で処理終了(Fatal Error)
include 複数回読み込む 処理継続(Warning)
include_once 1回のみ読み込む 処理継続(Warning)

 

 

aoikugayama.hatenablog.com

aoikugayama.hatenablog.com 

にほんブログ村 IT技術ブログ IT技術メモへ

にほんブログ村 ライフスタイルブログ ライフスタイル情報へ

 

よかったらブログの登録で応援よろしくお願いします❗

このブロク《宗教上の都合家系ラーメン食べます

ぜひお願いします⇛

もう一つ運営してます。《くがやまあおいのお薬出しておきますね。

こちらもぜひ⇛

(この行を消して、ここに「しごとの思い出」について書いてください)

転職nendo×はてなブログ 特別お題キャンペーン #しごとの思い出

転職nendo×はてなブログ 特別お題キャンペーン #しごとの思い出
by 株式会社Jizai「転職nendo」

【OnePlus8】4月14日発表の前にリークの情報をリーク!

f:id:AoiKugayama:20200331150551p:plain


中国OnePlusの次世代スマートフォンの「OnePlus8」のスペック情報が流れています。
海外のリークアカウントIshan AgarwalがTwitterで情報公開していました。

 

気になるスペックは?

ボディカラー

基本色のブラックに加えてミントグリーングロウカラーがあります。
紫からオレンジ系にかけてのグラデーションが美しいグロウカラー
春らしい鮮やかなミントグリーンがラインナップ!

カメラ

フロントカメラはパンチホールで搭載!
リアカメラは本体の上段中央に4800万画素+1600万画素+1200万画素トリプルカメラを搭載です。

最新5Gの対応は?

もちろん最先端の5Gに対応しています!チップはQualcomm 865で、Snapdragon X55モデムです。
その他として、30Wのワイヤレス充電とリバースワイヤレス充電に対応しています。
RAMは8GB/12GB、容量は128GB/256GBと選べ、バッテリーは4,300mAhで統一です。

モデル

ハイエンドモデルとして「One Plus8 Pro
ミドルエンドモデルとして「One Plue8
ローエンドモデルとして「One Plue 8 Lite
と3パターンあります。

 

後は値段と発売日が気になるところですね!

 

aoikugayama.hatenablog.com

aoikugayama.hatenablog.com

 

にほんブログ村 IT技術ブログ IT技術メモへ

にほんブログ村 ライフスタイルブログ ライフスタイル情報へ

 

よかったらブログの登録で応援よろしくお願いします❗

このブロク《宗教上の都合家系ラーメン食べます

ぜひお願いします⇛

もう一つ運営してます。《くがやまあおいのお薬出しておきますね。

こちらもぜひ⇛

【Galaxy S20 5G】最新5G通信対応‼SEがオススメする2020年の最強スマホ!!【その5】

お題「どうしても言いたい!」

動画, 映像, ムービー, アニメーション, ビデオ, スマホ, スマートフォン, アプリ, ウェブ

SEがオススメする2020年の最強ハイスペックスマホ

前回の続きです。前回をCheck it out👇👇

aoikugayama.hatenablog.com

 

aoikugayama.hatenablog.com

aoikugayama.hatenablog.com

aoikugayama.hatenablog.com

 

aoikugayama.hatenablog.com 

一家に一台のパソコンから、一人に一台は必須のスマホ時代になりましたね。

スマホの使用用途は人それぞれ。

アプリゲームから動画鑑賞写真撮影など様々。

そんな人に向けて今回は、最新の5G通信対応のスマホの紹介をします。

Galaxy S20 5G

最大の売りは5G対応のドコモGalaxy S20 5G2020年3月25日から発売しております!

気になるスペックはこちら

Galaxy S20 Galaxy S20+
CPU Snapdragon 865 5G Snapdragon 865 5G
外側カメラ 約6,400万画素
約1,200万画素×2
約6,400万画素
約1,200万画素×2
内側カメラ 約1,000万画素 約1,000万画素
ディスプレイ 約6.2インチ(3,200×1,440)
QHD+ 有機ELディスプレイ
約6.7インチ(3,200×1,440)
QHD+ 有機ELディスプレイ
RAM / ROM 12GB / 128GB 12GB / 128GB
SDカード microSDXC(最大1TB) microSDXC(最大1TB)
電池容量 4,000mAh 4,500mAh
高さ×幅×厚さ 約152x69x7.9(mm) 約161.9x73.7x7.8(mm)
重量 約163g 約186g

 

極狭ベゼルに臨場感と色彩に満ちたディスプレイ

このGalaxy S20 5Gのディスプレイサイズは約6.2インチで有機ELディスプレイになっています。しかも画面のほぼすべてがディスプレイとなっており、占有率は驚異の93.4%となります。新作ごとにディスプレイのベゼルが狭くなっている気がしますね…

ディスプレイは120Hz駆動に対応しているのでゲームをする人や動画を特に見る人にはおすすめですね。なんと言っても120Hz駆動により非常になめらかな動きを実現しています。

Dolby Atmos・HDR10+に対応していて映画館のような臨場感・色彩と精密さに満ちた映像体験が出来ます。ぜひ体験してほしいです!

 

生体認証

スマホのセキュリティも気になりますよね。GalaxyS20 5Gは指紋認証顔認証に対応しています。

前作に引き続きディスプレイでの指紋認証可能としており、スムーズにロックを解除してスマホを使用出来ます。
この生体認証ロックの解除により、dアカウントへのログインや本人確認が必要な決済の承認なども連携で対応しています。

スマホ初8K撮影が可能なハイスペックなカメラ

アウトカメラには

  • 1,200万画素の広角カメラ
  • 1,200万画素の超広角カメラ
  • 6,400万画素の望遠カメラ

の3つのカメラが搭載されています。

しかもGalaxy S20+にはこの3つのカメラに追加でToFカメラが搭載されています。

このToFカメラによって、より背景をぼかして撮影が可能で、より自然な写真に仕上がるようになります。パット見プロ顔負けの写真がスマホで撮れるんですね。

さらに動画撮影では、スマートフォンでは初となる「8K / 30fps」での撮影が可能になっています。そして撮影した8K動画から、約3,300万画素の写真をキャプチャすることも可能です。
大事な瞬間を写真で撮るのではなく、8K動画で撮影しておいて後で高画質な写真として好きなシーンをキャプチャするなんて使い方もできそうですね!

前作と異なること

ワンセグ、フルセグに対応しなくなりました
今はTVを見る人が少なくなっているので、メーカーで不要機能と判断されたのでしょうか。スマホを持つ世代の人はやはりYou Tubeやネットビデオサービスの方が需要が高いと感じられます。ニュースも最新情報をネットの記事で確認でき見たい情報欲しい情報をユーザー自らが取捨選択して得ることが出来るのでスマホには不要な機能になってきているかもしれません。

SEのオススメポイント

  • 最新5G通信が使える!
  • 画面占有率93.4%の極狭ベゼル!
  • 様々なシーンに対応したトリプルカメラ!
  • スマホ初の8K動画撮影!

 詳細は公式ホームページでCheck it Out!👇👇

www.nttdocomo.co.jp

よかったらブログの登録で応援よろしくお願いします❗

このブロク《宗教上の都合家系ラーメン食べます

ぜひお願いします⇛

もう一つ運営してます。《くがやまあおいのお薬出しておきますね。

こちらもぜひ⇛

 

staycool!

にほんブログ村 IT技術ブログ IT技術メモへ

にほんブログ村 ライフスタイルブログ ライフスタイル情報へ

Microsoftアカウントの登録メールアドレスの変更方法手順

キー, お金, 成功, ビジネス, コンセプト, アカウント, 貯蓄, オープン, 銀行, ゴールド

マイクロソフトのアカウントに対するセキュリティレベルが上がってる気がする。

Skypeの新規アカウント作成時も、携帯電話番号が必要でPINでの本人確認工程があったりしています。

そこで、マイクロソフトのアカウントに紐付いているメールアドレス電話番号の変更をしたので紹介します。

変更手順

1.現在のアカウントIDとパスワードでサインインします。

2.ページの上部のグローバルメニューから「あなたの情報」をクリックして移動します。※下記イメージ

f:id:AoiKugayama:20200327154846p:plain

3.「Microsoftにサインする方法を管理」をクリックしてページ移動します。
  ※下記イメージ

f:id:AoiKugayama:20200327154840p:plain

4-1.変更するメールアドレスがあれば、「プライマリにする」をクリックして変更。※下記イメージ。

4-2.変更するアドレスがない場合は「メールの追加」もしくは「電話番号の追加」をクリックして新規に追加します。

f:id:AoiKugayama:20200327154836p:plain

5.変更後、アドレスが不要な場合などは「削除」をクリックして消すことが可能です。

 

注意

「プライマリに変更する」の作業は2回以上連続して行うことが出来ませんので注意して下さい。

僕は、一度変更して、再度戻したあと、もう一度変更しようとした際に「来週やり直して下さい」のエラーになりました。

プライマリの変更には注意をして下さいね。

 

f:id:AoiKugayama:20200327180159p:plain

 

aoikugayama.hatenablog.com

 

にほんブログ村 IT技術ブログ IT技術メモへ

にほんブログ村 ライフスタイルブログ ライフスタイル情報へ

 

よかったらブログの登録で応援よろしくお願いします❗

このブロク《宗教上の都合家系ラーメン食べます

ぜひお願いします⇛

もう一つ運営してます。《くがやまあおいのお薬出しておきますね。

こちらもぜひ⇛

 

転職nendo×はてなブログ 特別お題キャンペーン #しごとの思い出

転職nendo×はてなブログ 特別お題キャンペーン #しごとの思い出
by 株式会社Jizai「転職nendo」

ブラック企業の顧問弁護士に勝ち、未払金●百万を請求した話。【違法事例編】

お題「どうしても言いたい!」

ブラック企業の顧問弁護士に勝ち、未払金●百万を請求した話。

「首輪を繋がれ泣きながら残業する若きエンジニア」の写真[モデル:大川竜弥]

 

僕は、未払金●百万を勝ち取った。

 

もう2,3年前の話になりますが、新卒で入ったシステム会社を二年で辞めた

もともと疑問が多い会社ではあったが、給料の低さもあり地元に戻るべく転職をした。

その転職する時、違法な雇用形態を指摘し会社から未払金を数百万勝ち取りました。

その時の詳細手順を残したいと思う。

その辞めるタイミングで、給料の計算がおかしい事について会社の人事に質問したのがキッカケだ。

当時の僕の手取りは、都内で10万だった。

アウトその1「固定残業代」

前職は固定残業手当として〇〇時間までの分として〇〇円が給料に組み込まれていた。

 

固定残業手当とは、みなし残業手当とも言いかえられ、〇〇時間働いたとみなして給料が払われる制度だ。

例えば、30時間残業をみなしたとして3万円の固定残業代を払う。という契約の場合。

・実残業時間10時間の場合

     →残業時間を30時間とみなすので、実残業が10時間でも3万円残業代が支払われる。

・実残業時間40時間の場合

     →みなし残業分の3万+超過分10時間(40時間-30時間)の残業代が支払われる。

 

ここがみそなわけで、固定残業(みなし残業)だから何時間働いても、働かなくても残業代は固定…ではない。

固定残業代にプラスして、定められているみなし残業時間を超えた分の残量時間分の賃金が支払われなければいけません。

f:id:AoiKugayama:20200326143700p:plain

新卒で入った人がここまで詳しく理解しているのはごく少数だろう。

疑問に思っていても総務や人事に直接質問するような人はあまりいなとおもう。僕もこの一人だった。

僕も例によってみなし残業時間をオーバーして仕事をしていたが、オーバーした分を支払われたことは一度もなかったです

アウトその2「裁量労働制

僕は、IT企業の社員として業務をしていました。

会社からは、「システムエンジニア裁量労働制が適応される。」という意味不明な理由で残業時間代分が支払われませんでした。

裁量労働制とは「みなし労働時間制」のひとつで、「労働時間が労働者の裁量にゆだねられている労働契約」のことを指します。一概に労働者の生産量を測れないので、この様なルールが適用されます。

例えば、裁量労働制の契約でみなし労働時間を1日7時間とした場合、実際の労働時間が3時間であろうと10時間であろうと、契約した7時間働いたこととされ、給与に反映されます。

基本的には時間外労働という概念がないため、労働者保護の観点から労働時間に関する取り決めがあったり、適用される職種が限られたりします。
IT関係の仕事の方は、下記の様に適応範囲の判断が難しいところにあります。

システムエンジニアと、プログラマーは仕事の内容は全く別です。

プログラマー
   →裁量労働制を適応できない。
システムエンジニア
   →開発寄りの仕事が多い(プログラマーに近い場合)
      →裁量労働制を適応出来ない場合が多い。
   →要件定義等の設計(上流工程)
       →裁量労働制の適応内

僕の場合は、案件によってプログラマーとしても、またSEとして開発寄りの仕事もしていました。そのため、裁量労働制は適応出来ない側の社員でした。

しかし、「SEは裁量労働制だから。規定にもそう書いてある。」と言われ裁量労働制を適応した給料の支払いにされていました。

実際、僕のような肩書だけシステムエンジニアの実質プログラマーは、多いと思います。

また厳密には似ていて異なりますが、フレックスタイム制がという働き方もあります。

前職の会社は、このフレックス制度も導入されていましたが全く使えませんでした。

そもそも、裁量労働制にもかかわらず出社時間と退社時間が設定されていて、決められた時間に出社しなければ行けない雰囲気がありました。

この様な暗黙の了解の雰囲気を作っていること自体もアウトになります。

アウトその3「最低賃金法」

僕の基礎時給は800円台でした。
現在全国の最低賃金を1000円に統一しようとして、平均時給は上がっていますが当時の東京の最低賃金は928円でした。
なので僕の基礎時給は東京の最低賃金を下回っていました。
基礎時給とは、細かく書くと難しいのでざっくり説明すると、

月給170時間(契約された平均労働時間)で割った金額

これが基礎時給になると考えてください。

今回のまとめ

ここまでが主な違法な部分でした。

前職で、違法雇用形態であった所を事例として上げました。
自分に当てはまるところはないか思い返してみてください。

少しでも疑問に思った部分があれば、規定を見直して見たほうがいいかもしれません。

労基に相談すると会社に調査に入りますが、事前に会社に調査に入る連絡が行くので外面だけ良くする様な対策されてしまいます。

その為、会社の規定と自分の労働時間のメモや、給料明細などの動かぬ証拠を持って行くことが大切です。そうする事で、こういった報告を受けたと会社にあなたの証拠を持って調査を行ってくれます。

次の記事では、僕が実際にどの様に請求したかを記します。

 

ここまで読んで頂きありがとうございます。
同じ様な状況にある方の力になれたらと思います。
僕と同じ様な人を増やしたくはないと思っております。

 

にほんブログ村 IT技術ブログ IT技術メモへ

にほんブログ村 ライフスタイルブログ ライフスタイル情報へ

 

よかったらブログの登録で応援よろしくお願いします❗

このブロク《宗教上の都合家系ラーメン食べます

ぜひお願いします⇛

もう一つ運営してます。《くがやまあおいのお薬出しておきますね。

こちらもぜひ⇛

転職nendo×はてなブログ 特別お題キャンペーン #しごとの思い出

転職nendo×はてなブログ 特別お題キャンペーン #しごとの思い出
by 株式会社Jizai「転職nendo」

【Google Pixel 4】手を触れずに操作⁉SEがオススメする2020年の最強スマホ!!【そのヨン】

お題「どうしても言いたい!」

「スマホを置くだけで充電できる便利な時代(ワイヤレス充電)」の写真

SEがオススメする2020年の最強ハイスペックスマホ

前回の続きです。前回をCheck it out👇👇

 

aoikugayama.hatenablog.com

aoikugayama.hatenablog.com

aoikugayama.hatenablog.com

aoikugayama.hatenablog.com

 

一家に一台のパソコンから、一人に一台は必須のスマホ時代になりましたね。

スマホの使用用途は人それぞれ。

アプリゲームから動画鑑賞写真撮影など様々。

そんな人に向けて今回は、ハイスペックスマホの紹介をします。

Google Pixel 4/4 XL

Pixel 4の価格はストレージ容量64GB版が89,980円、128GBが103,950円。Pixel 4 XLは64GB版が116,600円、128GBが128,700円となっています。

気になるスペックはこちら

機種名 Google Pixel 4XL
価格 64GB:114,240円
128GB:126,720円
本体サイズ 160.4mm×75.1mm×8.2mm
画面サイズ 約6.3インチ
重さ 約193g
CPU Qualcomm Snapdragon 855
バッテリー 3,700mAh
アウトカメラ 広角:約1,220万画素
望遠:約1,600万画素
インカメラ 約800万画素

Pixel4と4XLのスペックの違いは??

Pixel 4 Pixel 4XL
価格 64GB:89,980円
128GB:103,950円
64GB:114,240円
128GB:126,720円
サイズ 147.1mm×68.8mm×8.2mm 160.4mm×75.1mm×8.2mm
重さ 162g 193g
ディスプレイ 約5.7インチ 約6.3インチ
バッテリー 2,800mAh 3,700mAh

 星も撮れる!美しく鮮やかなカメラ性能!

前世代のPixel3に搭載されたNight Sight通称夜間モードが進化を遂げました。

Pixel 4 は低光量カメラとして様々な機能を備えており、天体写真を撮影することも出来るようになりました!夜景モードをタップして選択するだけ天の川の撮影が簡単にできます。スマホ性能とは思えない…。

Motion Senseによって手触れずに操作!未来的!

 

上の動画を見て頂ければもうおわかりですよね。触らずに操作が出来るんです。その技術は、スマホにSoliレーダーといった物が搭載されており、手の動きを感知出来るそうです。これにより本体に触らなくても操作が可能です!いろいろなシチュエーションで使えそうですね。

ですが、日本では電波法の関係上まだ使用できないそうです。

春以降使用できるということなのでもう少しですね。

法に触れる技術が搭載とか最先端をいくスマホですね。

SEのオススメポイント

  • 星も撮れる夜景モード搭載のカメラ性能!
  • 最新技術が搭載された触れずに操作するMotion Sense!

 詳細は公式ホームページでCheck it Out!👇👇

store.google.com

よかったらブログの登録で応援よろしくお願いします❗

このブロク《宗教上の都合家系ラーメン食べます

ぜひお願いします⇛

もう一つ運営してます。《くがやまあおいのお薬出しておきますね。

こちらもぜひ⇛

 

staycool!

にほんブログ村 IT技術ブログ IT技術メモへ

にほんブログ村 ライフスタイルブログ ライフスタイル情報へ

【CSS】Tableで指定したWidthで固定されない現象を解決したTips

「問題が発生したため、プログラムが正しく動作しなくなりました・・・!?」の写真HTMLでテーブルを作成する時に、CSSでWidthを指定していても中身の文字が多い時

<td>の幅が変わってしまう事があった。

結論から言うと、tableにtable-layoutプロパティを指定することで解決した。

table-layoutプロパティ

表組みのレイアウト方法を指定する事が出来る。

初期値 auto
継承 なし
適用される要素 テーブルまたはインラインテーブル要素
モジュール CSS3 Tables Module

値の指定方法

auto 列幅は表組みの幅とセルの内容に合わせて自動的に調整されます。
fixed 列幅はwidthプロパティで指定した値で固定されて表示されます。指定がない列の列幅は、表組みの残りの幅に合わせて均等に分割されます。

コード

初めは下記のようにしていたが、中身の文字が多いと枠が広がってしまっていた。
table.sample{
  width: 100%;
}
.td-a{
  width: 20%;
}
td-b{
  width: 80%;
}
HTML
<table class="sample"> HTML
 <tr>
  <td class="td-a">aaaa</td>
 </tr>
 <tr>
  <td class="td-b">bbbb</td>
 </tr>
 

 それに table-layout: fixed; を追加することで、見事固定された。

追加したCSSは下記のだ。

 

table.sample{
  width: 100%;
  table-layout: fixed;
}
.td-a{
  width: 20%;
}
td-b{
  width: 80%;
}

 まとめ

 table-layoutプロパティにfixedを指定することで、tableの列幅を固定レイアウト化し、幅を自由に設定することが出来ます。

fixedを指定してセルごとの幅を指定しない場合には、全体の横幅からそれぞれ均等に、セルへと幅が振り分けられることになります。

aoikugayama.hatenablog.com

aoikugayama.hatenablog.com

aoikugayama.hatenablog.com

 

にほんブログ村 IT技術ブログ IT技術メモへ

にほんブログ村 ライフスタイルブログ ライフスタイル情報へ

よかったらブログの登録で応援よろしくお願いします❗

このブロク《宗教上の都合家系ラーメン食べます

ぜひお願いします⇛

もう一つ運営してます。《くがやまあおいのお薬出しておきますね。

こちらもぜひ⇛

【HUAWEI P30Pro】SEがオススメする2020年の最強ハイスペックスマホ!!【そのサン】

お題「どうしても言いたい!」「映えるのでスマホで撮影したLOVEの赤い糸」の写真

SEがオススメする2020年の最強ハイスペックスマホ

前回の続きです。前回をCheck it out👇👇

 

 

aoikugayama.hatenablog.com

 

aoikugayama.hatenablog.com

 

一家に一台のパソコンから、一人に一台は必須のスマホ時代になりましたね。

スマホの使用用途は人それぞれ。

アプリゲームから動画鑑賞写真撮影など様々。

そんな人に向けて今回は、ハイスペックスマホの紹介をします。

HUAWEI P30 Pro

アンドロイドスマホのカメラで思い浮かべるメーカーはHUAWEIという人もいると思います。

なんとあのLeica(ライカ)が監修しているレンズが4つも付いたクアッドカメラを搭載しています。

気になるスペックはこちら

本体サイズ 約158mm✕約73mm✕約8.6mm
画面サイズ 約6.5インチ
重さ 約192g
CPU HUAWEI Kirin980 オタクコア
RAM/ROM RAM6GB/ROM128GB
バッテリー 約4,100mAh
アウトカメラ クアッドカメラ
広角 約4,000万画素
超広角 約2,000万画素
望遠 約800万画素
ToFカメラ
インカメラ 約3,200万画素


有名海外カメラメーカーLeicaのクアッドカメラ搭載

カメラが好きな人なら知らない人はいないLeicaが監修しています!

Leica(ライカ)とはドイツの有名海外カメラメーカーです。

前世代のP20 Proはトリプルカメラで、十分凄いスペックでしたが今回はもう一つレンズが増えていますね。搭載レンズは、超広角広角望遠ToFカメラの4つです。

ToFカメラとは背景をぼかして、まるでプロのように被写体にクローズアップした写真が撮れるれるカメラのことです。機能としては被写体のサイズを測定してその背景をぼかす事が出来るそうです。さすがLeica

やっぱりカメラ!夜でもはっきりくっきり!

このP30 Proはカメラに力を入れています。
もう一つおすすめしたいポイントとして、夜など暗いとことでもしっかり撮影が出来るところです。

他のスマホカメラや処理機能では暗いところではぼやっとした写真になりがちですが、P30 Proならば、薄暗いとことでも光を沢山取り込むことが出来るのでくっきりはっきり撮影することが出来るんですね。なので夜景などの撮影でも力を発揮します!

きれいなグラデーションボディカラー

スマホはカメラや容量などのスペックも大事ですが、やっぱり見た目も重要ポイントですよね?いつも使うスマホだからこそビジュアルも気になるところ…。なんにでも会うブラックのボディカラーももちろんですが、ブリージングクリスタルカラーというボディデザインがあります。クリスタルブルーからバイオレットにグラデーションになっいる美しいデザインです。そのため女性にも使いやすいボディカラー展開となっています!

SEのオススメポイント

  • Leica監修のクアッドカメラで多岐にわたった撮影に対応❗
  • 夜景でもくっきりはっきり!
  • 美しいグラデーションボディカラー展開!

 詳細は公式ホームページでCheck it Out!👇👇

consumer.huawei.com

よかったらブログの登録で応援よろしくお願いします❗

このブロク《宗教上の都合家系ラーメン食べます

ぜひお願いします⇛

もう一つ運営してます。《くがやまあおいのお薬出しておきますね。

こちらもぜひ⇛

 

staycool!

にほんブログ村 IT技術ブログ IT技術メモへ

にほんブログ村 ライフスタイルブログ ライフスタイル情報へ