新着記事
-
スマホの画面サイズに合わせて、canvasサイズを設定する
スマホの画面サイズに合わせて、canvasのサイズを設定する HTML側は以下のようにする。canvasタグをdivタグ（id="wrapper"の）で囲っておく。 divタグはCSSで幅高さ100%にしておき、Canvasのサイズは最初のページ読み込み時に、JavaScript側でdivタグの幅... -
JavaScriptで、canvasに円弧や円を描くのと、角度（ラジアンの計算）
構文は以下のとおり。 arc(x, y, radius, startAngle, endAngle, anticlockwise) x,yが円の中心 radiusは半径 startAngleが開始角度。X軸方向が0度。 endAngleが終了角度。 anticlockwiseは方向（デフォルトは時計回り） startAngleとendAngleに使う角度は... -
CSSをHTML本文に書く方法と外部ファイルから読み込む方法
CSSをHTML本文に書く方法は以下のとおり。headタグ内にstyleタグを記述。type="text/css"として、その中にCSSを記述すればよい。 CSSの記述が終われば、/styleタグで閉じること。 styleタグ内は、（昔対応して無かったブラウザを考慮して）慣習的にコメン... -
JavaScriptのマウスのイベントmousedown、mousemove、mouseup
canvasにマウスでお絵描きするJavaScript。これを実現する。 マウスの現在座標をリアルタイムで取得して表示する ①addEventListenerメソッドでmousemoveを指定、第2引数で関数を入れる e.pageXYを使うと、ページの左上を0,0とした座標が取れてしまうので、... -
JavaScriptでイベントonkeydown、onkeyup、onchange
キーボードのキーが押されたとのイベントonkeydown、onkeyup キーが押されたときにイベントが発生するのはwindow.onkeydownプロパティかdocument.onkeydownプロパティに関数を入れてあげればよい。 またはアロー関数を使えば キーを押しっぱなしにするとこ... -
JavaScriptで関数に関数を入れるコールバック関数の整理
JavaScriptの関数を関数に入れる不思議 JavaScriptでは、 ・関数を代入できる・関数を関数の引数に渡すことができる というのがあって個人的にはすごく不思議な感じがする。 functionを使うことで関数に名前を付けずに（無名関数を）、代入することもでき... -
JavaScriptで扱えるイベントとイベントハンドラーonload関連
ページ読込時のonloadイベントハンドラー onloadプロパティはそのページが読み込まれたとき（HTMLや画像のリソースの読み込み後）に発生するイベント。 HTMLのbodyタグやimgタグに、 としたりして指定できる。 順番的にはimgのonloadが先で、ページ全体の... -
JavaScript基礎学習その1備忘録的な
JavaScriptを基礎から学習中です。ここでは学び直しした内容を備忘録的に残しています。 JavaScriptはオブジェクトを定義できる 一般的にオブジェクトには「プロパティ」と「メソッド」がある 左側がプロパティ名で、：を挟んで右側がプロパティ値 プロパ... -
システム開発の「試験工程」UT・IT・STについて解説
試験工程の考え方自体は今でも重要です。単体試験、結合試験、総合試験という並びは現場で十分通じますが、2026 年時点ではUT / IT / ST という呼び方より、unit test / integration test / system test / E2E test といった表現を混ぜて使う現場も増えて... -
プログラミングは独学可能か？コツと計画から進め方、難所の越え方のアドバイス
2026年3月8日時点の補足です。プログラミングは今でも独学可能です。ただ、昔より教材が増えたぶん、情報が多すぎて迷いやすいという新しい難しさがあります。 いま独学で進めるなら、言語を1つに絞って、教材も1〜2個に絞り、小さい成果物を作るところま... -
フリーランスエンジニアのデメリットとリスクを整理
2026年3月8日時点の補足です。この記事で書かれている「自由だけど自己責任が重い」という点は、今でもかなり本質です。 ただ、今はフリーランス法が 2024年11月1日から施行されていて、取引条件の明示など発注側の義務は以前より整理されています。とはい... -
Android StudioをWindows10にインストールしてプロジェクト生成、スマホで起動まで
2026年3月8日時点の補足です。この記事の流れは参考になりますが、Android Studio のバージョンや必要スペックは当時からかなり変わっています。 公式案内では、Windows では 64bit 環境が前提で、Android Studio 単体なら 8GB RAM が最低ライン、エミュレ... -
副業62個の体験談を公開！自分にできそうなもの、楽なもの、稼げるもの、お探しください
2026年3月8日時点の補足です。副業の選択肢が多い、という前提は今でも変わりません。ただ、実際に始めるときは就業規則、確定申告、住民税、情報漏えいリスクを先に確認したほうが安全です。 特に副業体験談は、向いているかどうかがかなり人によります。... -
子供向けプログラミングScratchとCodeMonkeyを触ってみた
2026年3月8日時点の補足です。Scratch は今でも子ども向けプログラミング学習の定番で、まず最初の入口としてかなり使いやすいです。ブロック型なので、タイピングや英語構文で止まりにくいのがやっぱり強いですね。 一方で CodeMonkey は、いまもゲーム感... -
SESの闇はヤバいのか？やめとけと言われる理由とホントのところ
2026年3月8日時点の補足です。SES は今でも「やめとけ」と強く言われがちですが、昔より見るべきポイントがはっきりしています。 まず大事なのは、契約の名前より実態です。厚生労働省も、派遣と請負の区分は契約形式ではなく実態で判断すると案内していま... -
法人保険で本当に節税になるのか調べてみた
法人保険って、少し前までは「節税になるらしい」とかなり強めに語られることが多かったんですが、2026年3月8日時点ではその理解はかなり危ないです。 というのも、法人向け生命保険の税務は昔のイメージのまま語れなくなっていて、特に2019年7月8日以後の... -
iPhoneアプリ開発のためのMacのスペックとアップデート方法
iPhoneアプリの開発をするためにはWindowsでは駄目らしい(； ･`ω･´) それで中古でMacBookを買うことにしました。 とは言え中古のMacBookでどこまで開発できるのか、またOSのアップデートは必要なのかチェックして実施しました。 iPhoneアプリ開発のためのM... -
【html/CSS】縦横比の違う画像を均等に横並びにする方法
作成中のサイトで縦横比の異なる画像4枚を横にいい感じで並べたいと思いました。 横に並べるので縦（高さ）は全て統一したいですよね。それで以下のようにimgタグを記述して高さを100pxで固定にしたところ。 画像はこのように表示されてしまいました。3枚... -
プログラミング言語12種類とその用途・特徴とか歴史
2026年3月8日時点の補足です。この記事で紹介している12種類は、いま読んでも「言語の性格をざっくり掴む」には十分役立ちます。ただ、現場で存在感のある言語は当時より少し変わっています。 いま学習候補としてよく名前が出るのは、TypeScript、Kotlin、... -
【Rails】Flashメッセージの使い方とメッセージの拡張・応用
何かの処理を行った時に（例えば以下のような） ・ユーザー登録に成功しました・ログインしました・口コミの投稿が成功しました・写真を投稿しました・本人確認に失敗しました flashメッセージを使うことでメッセージを表示することができます。今日はflas...
