ろくろ猫のブログ

しがない会社員の備忘log

2021-01-01から1年間の記事一覧

【過去問】令和2年度 第2回 ウェブデザイン技能検定 3級

1. 各設問において、正しいものは1を、間違っているものは2を、該当設問の解答欄に記せ。 第1問 HTML 5.2 では、タグの要素名を大文字で書くと文法エラーになる。 解答 2 どちらで書いても基本的に同じで、容量が変化したりブラウザの表示が変わることはない…

【過去問】令和2年度 第3回 ウェブデザイン技能検定 3級

1. 各設問において、正しいものは1を、間違っているものは2を、該当設問の解答欄に記せ。 第1問 JPEG 形式では、ブロックノイズやモスキートノイズが発生する場合がある。 解答 1 JPEG 圧縮することで発生する場合がある。 第2問 h1 要素は、文法的には p 要…

【過去問】令和2年度 第4回 ウェブデザイン技能検定 3級

1. 各設問において、正しいものは1を、間違っているものは2を、該当設問の解答欄に記せ。 第1問 GIF 形式の画像はアニメーションをループさせることができる。 解答 1 第2問 HTML でのマークアップに際して、div 要素よりも適切な要素がある場合は、そちらを…

【過去問】令和3年度 第2回 ウェブデザイン技能検定 3級

1. 各設問において、正しいものは1を、間違っているものは2を、該当設問の解答欄に記せ。 第1問 CSS で「color: #ff0000;」と指定すると、指定された文字の色は青になる。 解答 2 「color: #ff0000;」は「赤」になります。 「青」は「color: #0000ff;」です…

【Chromebook】Ideapad Duet プチカスタム

私は最近Chromebookを愛用しています。購入当初はChromeOSに慣れず、使いにくいと感じていましたが、使っている内に気に入ってきました。ブログもChromebookで作成しています。 そんな私は以下のChromebookを使用しています。【Amazon.co.jp 限定】Google Ch…

【過去問】令和3年度 第1回 ウェブデザイン技能検定 3級

1. 各設問において、正しいものは1を、間違っているものは2を、該当設問の解答欄に記せ。 第1問 クロスブラウザチェックとは、複数の異なるウェブブラウザで仕様どおりにウェブページが表示され機能するかを検証することである。 解答 1 第2問 長時間にわた…

【Chromebook】Chromebookのアプリインストールの保留について

私は「Ideapad Duet」というChromebookを使用しています。【Amazon.co.jp 限定】Google Chromebook Lenovo ノートパソコン Ideapad Duet 10.1インチ 日本語キーボード WUXGA MediaTek Helio P60T 4GBメモリ 限定スペック 64GB eMMC モデルLenovoAmazonChrome…

Python3エンジニア認定基礎試験に合格した話

2021年11月に本試験に受験した結果、合格しました。 その時のことについてまとめています。 Python3エンジニア認定基礎試験について 出題形式は4択形式になります。以下のサイトでIDを取得し、サイトで記載されている最寄りの受験可能な場所で試験の申込みを…

2021年12月末までにPython3エンジニア認定基礎試験を再受験します!

先日、Python3エンジニア認定基礎試験に不合格しました。rokuroneko.hateblo.jp上の記事内で、「万が一、キャンペーンで教本が届くようなことがありましたら、リベンジさせていただこうと思います。」と記載しました。 本日、教本届きました。。。リベンジし…

Python3エンジニア認定基礎試験に不合格した話

2021年10月に本試験に受験した結果、不合格でした。 その時のことについてまとめています。 Python3エンジニア認定基礎試験について 出題形式は4択形式になります。以下のサイトでIDを取得し、サイトで記載されている最寄りの受験可能な場所で試験の申込みを…

【CSS】見出しデザイン(左二本線)

CSS

見出しデザイン(左二本線) <h2>見出しデザイン(左二本線)</h2> h2 { padding: 1rem 2rem; border-left: 6px double #000; } イメージ 見出しデザイン(左二本線) h5 { padding: 1rem 2rem; border-left: 6px double #000; }

【CSS】見出しデザイン(左破線)

CSS

見出しデザイン(左破線) <h2>見出しデザイン(左破線)</h2> h2 { padding: 1rem 2rem; border-left: 4px dashed #000; } イメージ 見出しデザイン(左破線) h5 { padding: 1rem 2rem; border-left: 4px dashed #000; }

【CSS】見出しデザイン(左点線)

CSS

見出しデザイン(左点線) <h2>見出しデザイン(左点線)</h2> h2 { padding: 1rem 2rem; border-left: 4px dotted #000; } イメージ 見出しデザイン(左点線) h5 { padding: 1rem 2rem; border-left: 4px dotted #000; }

【Chromebook】ChromebookにPythonをインストール

ChromebookにPythonをインストール PythonのインストールからVSCodeの設定まで説明しますターミナルでの設定となります $ sudo apt-get install python -y①:Pythonをインストールする $ python --version $ python3 --version②:Pythonがインストールされて…

2021年12月末までにPython3エンジニア認定基礎試験を受験します!

最近、試験から遠ざかっている日々。。。この前、嫁さんから「試験勉強しないの?」と言われ、少しハッとしてしまった。 (去年はあんなに頑張ってたのに、ここ最近の生活を見ると怠け者に見えてるよなー汗)何気なく見てた動画でPythonが出てきて、面白そう…

【Chromebook】ChromebookのLinux環境で日本語入力を設定

ChromebookのLinux環境で日本語入力を設定 ChromebookでLinux環境を使えるようにセットアップしただけでは日本語入力ができません そのため、日本語入力が可能になるように作業が必要となりますターミナルでの設定となります $ sudo apt install -y task-jap…

【Chromebook】VSCodeを日本語化

VSCodeを日本語化 VSCodeインストール時は英語表示になっています そのため、日本語表示にします①:VSCodeを開いて画面左の4つの❏マークをクリックする ②:検索欄に「Japanese Language Pack for Visual Studio Code」と入力する ③:「install」をクリックす…

【Chromebook】ChromebookにVSCodeをインストール

ChromebookにVSCodeをインストール 前提:Linuxをインストールしていること 未インストールの場合は以下を参照くださいrokuroneko.hateblo.jp ①:VSCodeの公式サイトを開く https://code.visualstudio.com/download②:「.deb」ファイルをダウンロードしてく…

【Chromebook】ChromebookにLinuxをインストール

ChromebookにLinuxをインストール ①:「設定」を開く ②:「アプリ」の「デベロッパー」にある「Linux開発環境」の「オンにする」をクリックする ③:「次へ」をクリックする ④:「ユーザ名」と「ディスクサイズ」を入力して、「インストール」をクリックする …

【CSS】見出しデザイン(左線)

CSS

見出しデザイン(左線) <h2>見出しデザイン(左線)</h2> h2 { padding: 1rem 2rem; border-left: 4px solid #000; } イメージ 見出しデザイン(左線) h5 { padding: 0.5rem 1rem; border-left: 4px solid #000; }

【CSS】見出しデザイン(下二本線)

CSS

見出しデザイン(下二本線) <h2>見出しデザイン(下二本線)</h2> h2 { border-bottom: 6px double #000; } イメージ 見出しデザイン(下二本線) h5 { border-bottom: 6px double #000; }

【CSS】見出しデザイン(下破線)

CSS

見出しデザイン(下破線) <h2>見出しデザイン(下破線)</h2> h2 { border-bottom: 3px dashed #000; } イメージ 見出しデザイン(下破線) h5 { border-bottom: 3px dashed #000; }

【CSS】見出しデザイン(下点線)

CSS

見出しデザイン(下点線) <h2>見出しデザイン(下点線)</h2> h2 { border-bottom: 3px dotted #000; } イメージ 見出しデザイン(下点線) h5 { border-bottom: 3px dotted #000; }

【CSS】見出しデザイン(下線)

CSS

見出しデザイン(下線) <h2>見出しデザイン(下線)</h2> h2 { border-bottom: 3px solid #000; } イメージ 見出しデザイン(下線) h5 { border-bottom: 3px solid #000; }

【JavaScript】 年を取得する(getFullYear)

年を取得する方法です。 Dateオブジェクトで使用します。 年を取得する // 年を取得する var year= new Date(); console.log(year.getFullYear()); 実行結果

【JavaScript】入力ダイアログを表示する(prompt)

入力ダイアログを表示する方法です。 入力ダイアログを表示する // 入力ダイアログを表示する <script> function sample() { alert(prompt("入力してください!!")); } </script> <button type="button" onclick="sample()">クリックしてください </button> function sample() { alert(prompt("入力してください!!")); } 実行結果 …

カラーコード一覧

black#000000 dimgray#696969 gray#808080 darkgray#a9a9a9 silver#c0c0c0 lightgray#d3d3d3 gainsboro#dcdcdc whitesmoke#f5f5f5 white#ffffff snow#fffafa ghostwhite#f8f8ff floralwhite#fffaf0 linen#faf0e6 antiquewhite#faebd7 papayawhip#ffefd5 blan…

【JavaScript】新規ウィンドウを開く(open)

新規ウィンドウを開く方法です。 新規ウィンドウを開く // 新規ウィンドウを開く <script> function sample() { open("https://rokuroneko.hateblo.jp/","window_name"); } </script> <button type="button" onclick="sample()">クリックしてください </button> 以下のオプションを設定することができます。 オプション 内容 値 d…

【JavaScript】確認ダイアログを表示する(confirm)

確認ダイアログを表示する方法です。 確認ダイアログを表示する // 確認ダイアログを表示する <script> function sample() { confirm("確認!!"); } </script> <button type="button" onclick="sample()">クリックしてください </button> function sample() { confirm("確認!!"); } 実行結果 クリックしてください

【JavaScript】警告ダイアログを表示する(alert)

警告ダイアログを表示する方法です。 警告ダイアログを表示する // 警告ダイアログを表示する <script> function sample() { alert("警告!!"); } </script> <button type="button" onclick="sample()">クリックしてください </button> function sample() { alert("警告!!"); } 実行結果 クリックしてください