マガジンのカバー画像

プログラミング勉強日誌

29
プログラミング、最近ではChatGPTでいろいろ学んでます。
運営しているクリエイター

記事一覧

基本的な関数を使ったJavaScriptとhtml

例1)<!doctype html><html lang="ja"> <head> <title>テスト</title> <script type="text/javascript"> // JavaScriptはHTML文書が完全に読み込まれてから実行するために window.onload イベントを使用する window.onload = function() {

Oracle JavaExplorerを受講した

こちらは動画を観ずに英語でテストを受けた 無事合格。 他のテストもそうだけど一見簡単なようできちんと基本を押さえていないと間違える問題ばかりだった。

HTML5レベル2 勉強メモ: ストレージ

Web StorageWeb Storageの種類 データの保存期間が違う。 localStorage ブラウザが閉じられてもデータを保持する ウィンドウやタブ間でデータを共有できる sessionStorage ブラウザが閉じられると同時にデータが消失する 新しいウィンドウやタブを開くと新しいセッションが開始する Web Storageのプロパティとメソッド // プロパティの使用例console.log(localStorage.length); // スト

HTML5レベル2 勉強メモ: マルチメディア

video要素<video width="300" height="300" poster="images/fail.png" controls autoplay> <source src="example.mp4" type="video/mp4"> <source src="example.webm" type="video/webm"> お使いのブラウザに対応していません</video> audio要素 video要素とaudio要素の共通点

HTML5レベル2 勉強メモ: グラフィックス・アニメーション

ビットマップ形式とベクター形式の描画ビットマップ形式:画像をピクセル単位で表現する形式 ベクター形式:画像を図形の集合で表現する形式 Canvasの特徴・ビットマップ形式(ピクセルの集合)で描画する ・JavaScriptからCanvas上のピクセルを描画できる ・描画した図形を画像ファイルに書き出せる ・アニメーション描画用のメソッドはない  CanvasRenderingContext2D オブジェクトCanvas要素を操作するためのAPI HTMLのcanva

HTML5レベル2 勉強メモ: JavaScript API

イベントEventインタフェースプロパティ: Event.target:イベントが発生した要素を取得Event.type:イベントの種類(例:click, keydown など)を取得Event.currentTarget:現在処理中のイベントハンドラがアタッチされている要素を取得Event.bubbles:イベントがバブリングフェーズであるかどうかを示すブール値を取得 メソッド: Event.preventDefault():イベントのデフォルトのアクションをキャ

HTML5レベル2 勉強メモ: JavaScript

識別子認められる識別子:最初の文字は、アルファベットの文字(大文字または小文字)、アンダースコア (_)、またはドル記号 ($) でなければなりません。 2文字目以降は、数字も使用できます。 Unicode文字も使用できます。 let _variable;let $variable;let variable1;let あいうえお; // Unicode characters 認められない識別子:数字から始まる識別子は許可されていません。 空白や特殊文字(例えば、%,

HTML5プロフェッショナル認定試験 レベル1 勉強記録

HTML5 レベル2 過去問 勉強記録

資格取得のためここで記録を残す 上記のページのコードを使ったJavaScriptの例<!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JavaScriptの基本</title> <style> body {

OSS-DB Silver 過去問 勉強記録

資格取得のためここで記録を残す 一般知識 PostgreSQLのライセンスについて PostgreSQLライセンスのもとに配布される。 BSDライセンスやMITライセンスに類似している。比較的制限が緩いライセンスである。 著作権表示と全てのライセンス条文を含めれば、 1) ソフトウェアの使用・複製・改変・再配布は自由 2) 改変した場合もソースコード開示義務はない 基本的なSQLコマンド BEGIN: BEGIN TRANSACTION; COMMIT: CO

CSS プロパティの例

Webフォントwebフォントの特徴 CSS実装の例HTML要素が占める幅を計算計算に使うプロパティ: width padding margin border box-sizing 幅の計算: 1) width + 左右のpadding + 左右のborder + 左右のmargin 基本的にこれ 2) width + 左右のmargin box-sizing: border-box の場合 コンテンツのwidthとheightは、 「p

API 過去問復習

1) マルチメディア・グラフィックス系API概要技術要素: メディア関連要素のAPIが提供する機能 ストリーミング DRM ビットマップグラフィックスの知識 ベクターグラフィックスの知識 メディア再生に関するAPI機能HLSMPEG-DASHMedia Source ExtensionsEncrypted Media ExtensionsCanvasの機能SVGのマークアップとAPIの基礎知識 2) デバイスアクセス系API概要技術要素: 位置情報 加速度センサー ジ

CSS 過去問復習

CSSエラー発生時の挙動エラーが発生したCSSの設定は無視され、CSSのパースが継続する HTMLもCSSもエラーが発生してもページは表示される。 反面、ミスに気づきにくくなるのでツールを使う。 スタイルシートの読み込み スタイルシートの優先順位インラインスタイルシート 内部スタイルシート、外部スタイルシート ユーザスタイルシート ユーザがブラウザで使用するスタイル設定を定義したもの セレクタによるCSSプロパティの優先順位クラスセレクタ、属性セレクタ、疑似ク

HTML 過去問復習

HTML5の要素についてHTML5の特徴: HTML5では、要素が意味的に正しく使用されていることが重要 例えばHTML4以前からdiv, nav, spanなどがある。 これらは元々コンテンツを分類するために作られていたが、HTML5では、 section, article, aside, header, main, footerなどさらに細かい要素が出てきたのでこれらを極力使うこと divでコンテンツをデザインに使うのは最後の手段。 CSSがなかった時代はHTM