【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%;}
<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を指定してセルごとの幅を指定しない場合には、全体の横幅からそれぞれ均等に、セルへと幅が振り分けられることになります。
よかったらブログの登録で応援よろしくお願いします❗
このブロク《宗教上の都合家系ラーメン食べます》
ぜひお願いします⇛
もう一つ運営してます。《くがやまあおいのお薬出しておきますね。》
こちらもぜひ⇛
フィンペシア?プロペシア?フィナステリド?違いと効果、副作用について
薄毛や抜け毛、AGAに悩む人は多いとおもいます。
その改善について調べていると必ず目にする薬の名前がありますね。
ですが、その違いや効果はわからない…と言う方に詳細をご説明しましょう。
って何が違うの?
違いについて
まず、「フィナステリド」は、育毛促進を目的に開発されたAGA治療薬に含まれる成分の名前です。
このフィナステリドを含んだ薬が、「プロペシア」と「フィンペシア」です。
フィナステリドとは
もともとは前立腺肥大の治療薬として用いられてたフィナステリドですが、副作用として発毛効果が認められ、以降、発毛治療薬として使われるようになりました。
このフィナステリドは、日本皮膚科学会の治療推奨基準において、最高ランクであるAランクに位置づけられている2つの成分のうちのひとつです。
なお、もうひとつの成分は、ミノキシジルといいます。このミノキシジルは外用薬(塗り薬)としての使用が望ましいとされています。
プロペシアとは
プロペシアは、抜け毛予防の有効成分の「フィナステリド」を主成分としたAGA治療薬です。
米国メルク社で開発され、日本国内では、MSD株式会社(旧:万有製薬)が厚生労働省から製造承認を受け、2005年12月より販売が開始されています。
現在では世界60カ国以上、日本国内では13,000を超える医療機関で処方されています。
簡単にまとめると、AGAの原因を減らしてAGAをケアする薬ということですね。
髪の毛の成長サイクルが崩れて、抜け毛のサイクル期間が多くなってしまっているということです。それを正しい周期へ戻す働きをします。
フィナステリドの副作用は?
- 肝機能障害
- 性欲減退
これらが、副作用としてあるといいます。
ですが、長期投与試験期間中における副作用(臨床検査値異常変動を含む)発現率は 1.1%という結果があるため非常に低い数値と言えるでしょう。
肝機能障害の副作用としては、もともと肝臓に障害がある方は、特に注意が必要です。健康診断などで肝臓機能の低下を指摘されている方は、使用を控えたほうがいいかもしれません。
性欲減退の副作用については、フィナステリドには男性ホルモンの働きを抑える作用があります。そのため、男性機能の低下を引き起こす可能性があります。しかし、男性機能の低下は非常にまれなケースでもあるため、あくまでその可能性があるという程度にとどめてください。
フィナステリドを含む治療薬の購入について
1つ目として、街のクリニックや皮膚科で医師に診察し処方してもらう方法です。
しかし、AGAの治療は、医療保険が適用されない「自由診療」なので、医療費は全て自己負担になります。医療保険が適用される病気と比較すると自己負担がとても大きいといえますね。さらにプロペシアの価格相場は1カ月あたり6,000~7,000円程度掛かります。
2つ目として、通販で購入するという方法です。
これは、通販サイトを通して海外から購入する為少し安く購入することが可能です。
海外から輸入と聞くと怪しいような、難しいような感じはしますが、処方される薬も海外から来ています。それは、開発、製造は海外だからです。
また、購入についてもサイトは日本語ですし、アマゾンや楽天と変わらない手順で買うことが可能です。
購入できる製品としては、医師から処方されるプロペシアからそのジェネリックに当たるフィナステリド、フィナロイドが購入可能です。
診察し処方してもらっても、自分で通販で購入しても手に入る製品は同じというわけです。しかも、医師という仲介を挟まない為、手数料がかからなく安く購入出来ます。
購入出来るサイトの名前は、「オオサカ堂」です。
AGA関連の、治療薬を扱うサイトとしては一番大きく有名でしょう。
利用者も多く信頼できるサイトです。
レビューも多く書かれているので見てみるのもアリかと。
まとめ
・フィナステリドはAGAの治療成分
・プロペシア、フィンペシアは、治療成分を含む治療薬そのもの。
・購入は、「オオサカ堂」での通販がおすすめ。
よかったらブログの登録で応援よろしくお願いします❗
このブロク《宗教上の都合家系ラーメン食べます》
ぜひお願いします⇛
もう一つ運営してます。《くがやまあおいのお薬出しておきますね。》
こちらもぜひ⇛
それでは、stay cool!
【HUAWEI P30Pro】SEがオススメする2020年の最強ハイスペックスマホ!!【そのサン】
SEがオススメする2020年の最強ハイスペックスマホ!
前回の続きです。前回をCheck it out👇👇
一家に一台のパソコンから、一人に一台は必須のスマホ時代になりましたね。
スマホの使用用途は人それぞれ。
アプリゲームから動画鑑賞、写真撮影など様々。
そんな人に向けて今回は、ハイスペックスマホの紹介をします。
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!👇👇
よかったらブログの登録で応援よろしくお願いします❗
このブロク《宗教上の都合家系ラーメン食べます》
ぜひお願いします⇛
もう一つ運営してます。《くがやまあおいのお薬出しておきますね。》
こちらもぜひ⇛
staycool!
javascriptのOptionオブジェクトのプロになった話。
毎度同じJavascriptのコーディングしかしないので、なかなか新しい事を覚えていかないけど、
今回は今更、Option オブジェクトのコンストラクタを覚えた。
コンストラクタ
Javascriptでセレクトボックスのラベルと中身を指定したいと思って下記のように書いた。
select.options[0].text = "あいう";
select.options[0].value = "123";
select.options[1].text = "かきく";
select.options[1].value = "567";
が、なんか冗長じゃない?っと感じて調べた所、Optionメソッドを見つけた。
それがこれだ。
【JavaScript】
new Option(
[text,
[value,
[defaultSelected,
[selected
]]]]);
これ一つで、まとめて設定が出来る。
コンストラクタの呼び出しはこんな感じだ↓
var option = new Option( 'abc', '123', true );
プロパティ
defaultSelected ー>既定で選択されることを表す
selected ー> 現在選択されているかを表す
index ー> この要素が含まれるリスト内での位置
text ー> 要素に内包されているテキスト
value ー> 要素のvalue属性の値
stay cool!
よかったらブログの登録お願いします❗
このブロク《宗教上の都合家系ラーメン食べます》
ぜひお願いします⇛
もう一つ運営してます。《くがやまあおいのお薬出しておきますね。》
こちらもぜひ⇛
HTML、JSで選択肢によってドロップダウンのメニューリストを変更する方法
やりたいこと
javascriptを使ってドロップダウンリスト(セレクトボックス)の内容を動的に変更する事を実現したい。
詳しくは、1つ目のDDLで分類を選択して、その分類によって項目を動的に帰る事やりたい。
こういう内容って調べにくいよね…
HTML
<body bgcolor onLoad="functionName()">
<form name="formName" method="post" action="./pathToProgramFile"><select name = "selectName1" onChange="functionName()">
<option value = "1">選択肢1</option>
<option value = "2">選択肢2</option>
<option value = "3">選択肢3</option>
</select>
<!--(上記選択肢の項目で変化)-->
<select name = "selectName2">
</select>
</body>
JS
<script type = "text/javascript">
<!--
function functionName()
{
var select1 = document.forms.formName.selectName1; //変数select1を宣言
var select2 = document.forms.formName.selectName2; //変数select2を宣言
select2.options.length = 0;
if (select1.options[select1.selectedIndex].value == "1")
{
select2.options[0] = new Option("選択肢1-1");
select2.options[1] = new Option("選択肢1-2");
select2.options[2] = new Option("選択肢1-3");
}
else if (select1.options[select1.selectedIndex].value == "2")
{
select2.options[0] = new Option("選択肢2-1");
select2.options[1] = new Option("選択肢2-2");
select2.options[2] = new Option("選択肢2-3");
select2.options[3] = new Option("選択肢2-4");
}
else if (select1.options[select1.selectedIndex].value == "3")
{
select2.options[0] = new Option("選択肢3-1");
select2.options[1] = new Option("選択肢3-2");
}
}
//-->
</script>
【Xperia5】SEがオススメする2020年の最強ハイスペックスマホ!!【そのニ】
SEがオススメする2020年の最強ハイスペックスマホ!
前回の続きです。前回をCheck it out👇👇
一家に一台のパソコンから、一人に一台は必須のスマホ時代になりましたね。
スマホの使用用途は人それぞれ。
アプリゲームから動画鑑賞、写真撮影など様々。
そんな人に向けて今回は、ハイスペックスマホの紹介をします。
Xperia 5
Xperia1の後継機とも言えるこのXperia5は、エクスペリア独特の画面比率21:9ながらもサイズはコンパクトになっています!
個人的に小さいスマホが好きです…。
気になるスペックはこちら
機種名 | Xperia 5 |
---|---|
価格 | 9万円台 |
本体サイズ | 約158mm×約68×約8.2mm |
画面サイズ | 約6.1インチ |
重さ | 約164g |
CPU | Qualcomm Snapdragon 855 |
RAM/ROM | RAM6GB/ROM128GB |
バッテリー | 約3,000mAh |
アウトカメラ | トリプルカメラ 広角:約1,220万画素 超広角:約1,220万画素 望遠:約1,220万画素 |
インカメラ | 約800万画素 |
カラー | ブラック・グレー・ブルー・レッド |
これがホントの最強。約1220万画素のトリプルカメラ。
前世代のXperia1に引き続き、Xperia5はトリプルカメラが搭載されています。
が、何がすごいかというと一つ一つにレンズの画素数です。
なんと3つ全てのレンズが全て1220万画素あります。流石、カメラも強いSONYですね。
これは業界最高クラスのスマホカメラレンズです。
さらに、Xperia8には搭載されていない、Chinema Proを実装しています。
何の機能かというと、本格的な動画を撮影できるスーパー機能です。
手軽にプロ並みの動画が撮影出来ますね。
そもそものポテンシャルが凄い。最上級のプロセッサ搭載。
このXperia5には最上級のプロセッサが搭載されています。
それがSnpdragon855だ!こいつのお陰で高グラフィックな3Dスマホゲームや高画質な動画も止まることなくスムーズに見ることが出来ます。もちろんいつも使っているアプリもよりストレスフリーに。
地味に嬉しい機能も。
それがおサイフケータイ機能だ。QRコード決済もいいけどおサイフケータイ機能使うよね?電車とかコンビニとか!
その他として、マルチウィンドウ機能やゲームエンハンサーなるゲームをより没入して楽しめうる機能も搭載。ぜひお試しあれ。
SEのオススメポイント
- 最高クラスのトリプルカメラ
- 最上級のプロセッサでどんなアプリも快適
- おサイフケータイ機能
詳細は公式ホームページでCheck it Out!👇👇
よかったらブログの登録で応援よろしくお願いします❗
このブロク《宗教上の都合家系ラーメン食べます》
ぜひお願いします⇛
もう一つ運営してます。《くがやまあおいのお薬出しておきますね。》
こちらもぜひ⇛
staycool!
【Galaxy S10】SEがオススメする2020年の最強ハイスペックスマホ!!【そのイチ】
SEがオススメする2020年の最強ハイスペックスマホ!
一家に一台のパソコンから、一人に一台は必須のスマホ時代になりましたね。
スマホの使用用途は人それぞれ。
アプリゲームから動画鑑賞、写真撮影など様々。
そんな人に向けて今回は、ハイスペックスマホの紹介をします。
Galaxy S10/S10+
大人気GALAXYシリーズの最新スマホ!
前世代のS9/S9+から比べてディスプレイ割合、カメラ等が進化しています!
気になるスペックはこちら
機種名 | Galaxy S10 |
---|---|
本体サイズ | 約150mm×約70×約7.8mm |
画面サイズ | 約6.1インチ |
重さ | 約158g |
CPU | Qualcomm Snapdragon 855 |
RAM/ROM | RAM8GB/ROM128GB |
バッテリー | 約3,300mAh |
アウトカメラ | トリプルカメラ 広角 約1,200万画素 超広角 約1,600万画素 望遠 約1,200万画素 |
インカメラ | 約1,000万画素 |
機種名 | Galaxy S10+ |
---|---|
本体サイズ | 約158×約74mm×約7.8mm |
画面サイズ | 約6.4インチ |
重さ | 約175g |
CPU | Qualcomm Snapdragon 855 |
RAM/ROM | RAM8GB/ROM128GB |
バッテリー | 約4,000mAh |
アウトカメラ | トリプルカメラ 広角 約1,200万画素 超広角 約1,600万画素 望遠 約1,200万画素 |
インカメラ | 約1,000万画素 |
みんな大好きトリプルカメラ!
最近はスマホ業界もカメラに力を入れてきていますね。iPhoneに影響されている気がします。
さて、GALAXYS10 もカメラに注力しています!なんと3つのカメラを搭載。この3つのカメラはそれぞれ、超広角・広角・望遠の役割を果たします。これによりあらゆるシチュエーションで最適な画角で写真を撮ることが可能になりました。
前世代のS9はレンズが1つだったのでかなり進化しているといえますね。
「一眼レフも使った事無いし、レンズの使い分けなんて出来ない…」→使用レンズの切り替えはアイコンのタップで切り替えが出来るので非常にシンプルな操作で可能です!
さらにスーパー手ブレ補正機能を搭載!これにより動画撮影も今まで以上に楽しめます。
ノッチ廃止めちゃデカディスプレイ!
なんと、今作S10ではノッチを廃止。それによりディスプレイ割合が前世代S9の88%を超え画面占有率93%になり大画面でスマホを楽しめるようになりました。
画面がでかくなると、写真や動画に迫力が増しますね…!更に漫画や本、新聞を読むときは見やすくなりました。
「おっきいと操作しにくいんじゃないの?」→最新GALAXYS10 では画面占有率は大きくなったものの、本体サイズは少し小さくなり、重量も軽くなりました。
そのためポケットにもらくらく収納!片手操作もストレスなし!
顔認証、指紋認証でスマホをロック!
最近は情報漏えいのニュースが増えてきて、自分のスマホも心配ですよね。
でもGALAXYS10なら大丈夫!指紋認識機能・顔認識機能の2つの機能を搭載しているんです。パスワードより断然強固なセキュリティを実現しています。
ドコモ特別モデルだと…!?
Galaxy S10+の特別モデルの発売が決定しました!
スペック面はGalaxy S10+と同じということなんですが、なんと特別デザインのスマホやワイヤレスイヤホンが同梱されています。
SEのオススメポイント
- ディスプレイ割合93%で映画もゲームも快適に
- Galaxyシリーズ初のトリプルカメラ搭載
- 指紋認証・顔認証でセキュリティ対策も万全
- ドコモ限定で特別モデルが発売
詳細は公式ホームページでCheck it Out!👇👇
よかったらブログの登録で応援よろしくお願いします❗
このブロク《宗教上の都合家系ラーメン食べます》
ぜひお願いします⇛
もう一つ運営してます。《くがやまあおいのお薬出しておきますね。》
こちらもぜひ⇛
staycool!
株の投資判断はどうする?新型コロナショックによる影響の考察と買い株について!
株の投資判断はどうする?新型コロナショックによる影響の考察と買い株について!
新型コロナウイルスの影響は凄まじい。
一瞬にして広まり、各地で様々な影響を及ぼしている…。
さてこの、コロナショックで株への影響ももちろんある。
日本株は軒並み割安になっているので、僕は買いと判断する。
買いな日本株。高配当株の紹介!
日本株は買い場と考えています。
大型の高配当利回り株から買って行くのがいいと思います。
財務内容が良好で、収益基盤が堅固であると思う銘柄を挙げます。
コード | 銘柄名 | 配当 利回り |
1株当り 予想配当金 |
2月26日 株価 |
最小 投資金額 |
---|---|---|---|---|---|
2914 | 日本たばこ産業 | 7.0% | 154 | 2,215.5 | 221,550 |
5108 | ブリヂストン | 4.2% | 160 | 3,776.0 | 377,600 |
8031 | 三井物産 | 4.3% | 80 | 1,874.0 | 187,400 |
8306 | 三菱UFJ FG | 4.5% | 25 | 551.7 | 55,170 |
8591 | オリックス | 4.1% | 76 | 1,851.0 | 185,100 |
このブロク《宗教上の都合家系ラーメン食べます》
ぜひお願いします⇛
もう一つ運営してます。《くがやまあおいのお薬出しておきますね。》
こちらもぜひ⇛
javascriptで項目が未選択だった場合アラートを出す方法
項目が未選択でsubmitした場合に、javascriptで警告アラートをポップさせる方法を実装したので
備忘録的に記録して、共有したい。
やりたいこと
今回は、ドロップダウンリスト(セレクトボックス)で項目を未選択のまま
登録ボタンで更新かけようとした直前でアラートを出すこと行う。
コード
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script>
function validation(){
if (document.forms.formName.selectddl.value == "" ){
alert("未選択やがな");
return false;
}
return true;
}</script>
</head>
<body>
<form name="formName" action="docName" method="post">
<select class="td-text" name="selectddl" onChange="">
<option value=""></option>
<option value="1">選択肢1</option>
<option value="2">選択肢2</option><input type="submit" value="更新" onClick="return validation()" />
</form>
</body>
</html>
みそ ポイント
・HTMLでフォームに名前をつけること
<form name="formName" action="docName" method="post">
・更新ボタンにオンクリックでファンクションに誘導すること。
その時に”return”をつけることを忘れない。
<input type="submit" value="更新" onClick="return validation()" />
このブロク《宗教上の都合家系ラーメン食べます》
ぜひお願いします⇛
もう一つ運営してます。《くがやまあおいのお薬出しておきますね。》
こちらもぜひ⇛
しってる?4年に1度は間違い!うるう年の秘密。
今週のお題「うるう年」
4年に1度といえば、オリンピックと…うるう年ですね!
あと、こち亀の日暮…!
うるう年って4年に1度ではないって知ってました?
そもそも、うるう年とは?
うるう年って漢字では閏年って書きます。
一年は365日ですが、例年に比べて日数が多い年がうるう年になります。
それ以外の年は、平年と呼ばれます。
うるう年の仕組みは地球が関係している
地球が太陽の周りを一周するにはどのくらいかかるか知っていますか。
約365.24日かかります。
そうです、4年で大体1日分のズレが発生するんですね。
このズレを修正するために、うるう年があります。
太陽暦、ユリウス暦、グレゴリオ暦
それにうるう年を設けて調整するようになったのがユリウス暦。
ユリウス暦では、平均回帰年が約365.25日という観測結果と捉え
ここで4年に1度366日にするうるう年が設定されました。
しかし、それだと太陽年の長さ365.2422日より0.0078日ほど
長いためその誤差がチリツモでかなりずれてしまいます。
その後、グレゴリオ暦ではユリウス暦でズレた分を修正する為に、
1582年10月4日の翌日を10月15日と定めました。
その後、現在と同じルールに変更されたと言われています。
4年に1度の計算。
西暦を4で割り切れるもしくは、400で割り切れるのはうるう年です。
一方で100で割り切れるのは平年になります。
2月29日の誕生日の人はいろいろややこしいですね…
stya cool!