プログラミング– category –

2026年3月8日時点の補足です。この記事で書かれている「自由だけど自己責任が重い」という点は、今でもかなり本質です。 ただ、今はフリーランス法が 2024年11月1日から施行されていて、取引条件の明示など発注側の義務は以前より整理されています。とはい...

キーボードのキーが押されたとのイベントonkeydown、onkeyup キーが押されたときにイベントが発生するのはwindow.onkeydownプロパティかdocument.onkeydownプロパティに関数を入れてあげればよい。 またはアロー関数を使えば キーを押しっぱなしにするとこ...

Railsでプログラミングをしているなかでbootstrapを利用するととても画面を綺麗に見せられる事がわかってきました。 その中でoffsetで空白を開ける事ができるものの、線がついてないので見栄えがよくわからない、というのがあると思います。 またbootstrap...

Railsに限った話ではありませんがWEBサイトの記事をシェアしてもらおうと思ったらいわゆるSNSボタンを設置しますよね。 ここではFacebook、Twitter、はてなブックマークの自作ボタンをつくる方法を記します。自作じゃなくてそれぞれのSNSのオリジナルボタ...

試験工程の考え方自体は今でも重要です。単体試験、結合試験、総合試験という並びは現場で十分通じますが、2026 年時点ではUT / IT / ST という呼び方より、unit test / integration test / system test / E2E test といった表現を混ぜて使う現場も増えて...

canvasにマウスでお絵描きするJavaScript。これを実現する。 マウスの現在座標をリアルタイムで取得して表示する ①addEventListenerメソッドでmousemoveを指定、第2引数で関数を入れる e.pageXYを使うと、ページの左上を0,0とした座標が取れてしまうので、...

今日も1行のコードを書くのに3時間も費やしてしまいました。 1行書くのに1時間、1行書くのに1時間‥そんな牛歩な私ですが、Twitterで怒りをつぶやきながらなんとかプログラミングスクールで学習しております。 あるモデルを削除するときに、他のテーブルに...

何かの処理を行った時に（例えば以下のような） ・ユーザー登録に成功しました・ログインしました・口コミの投稿が成功しました・写真を投稿しました・本人確認に失敗しました flashメッセージを使うことでメッセージを表示することができます。今日はflas...

CSSをHTML本文に書く方法は以下のとおり。headタグ内にstyleタグを記述。type="text/css"として、その中にCSSを記述すればよい。 CSSの記述が終われば、/styleタグで閉じること。 styleタグ内は、（昔対応して無かったブラウザを考慮して）慣習的にコメン...

構文は以下のとおり。 arc(x, y, radius, startAngle, endAngle, anticlockwise) x,yが円の中心 radiusは半径 startAngleが開始角度。X軸方向が0度。 endAngleが終了角度。 anticlockwiseは方向（デフォルトは時計回り） startAngleとendAngleに使う角度は...

WordPressを編集する際には子テーマを作成して、カスタマイズ等は子テーマの方を編集すれば、将来的に親テーマがアップデートが入った際に編集のやり直しをしなくて済む。 ということでWordPressでサイトを運営する時にはほぼほぼ子テーマを作成する事が推...

法人保険って、少し前までは「節税になるらしい」とかなり強めに語られることが多かったんですが、2026年3月8日時点ではその理解はかなり危ないです。 というのも、法人向け生命保険の税務は昔のイメージのまま語れなくなっていて、特に2019年7月8日以後の...

スマホの画面サイズに合わせて、canvasのサイズを設定する HTML側は以下のようにする。canvasタグをdivタグ（id="wrapper"の）で囲っておく。 divタグはCSSで幅高さ100%にしておき、Canvasのサイズは最初のページ読み込み時に、JavaScript側でdivタグの幅...

Gravaterというのはワードプレスのサービスの1つのようです。 メールアドレスとアバター画像を登録することで、世界的にアドレスとプロフィール画像を結びつける事ができます。 ただしGravaterに対応しているサービスのみです。 Gravaterに対応しているサ...

自作のWEBアプリでGoogle MAP APIを使うことを検討しています。 それでGoogleに複数のAPIがあることがわかり、その中の1つで「Google Place API Webserice」の「プレイス検索」を調べてみました。https://developers.google.com/places/web-service/search...

ここではCSS初心者のために基本的な使い方、書き方をお伝えしています。 CSSの書き方の基礎、初心者にも優しく解説 CSSを書ける場所は３種類ありますが、僕はCSSは外部ファイル（style.css等）に記述するのが一般的と考えています。 外部のCSSファイルに記...

スタート　ストップ ソースコードは以下のようになった。 まずはHTML側。 スタートとストップボタンを表示。それぞれのボタンにonclickプロパティでstartTimer、stopTimer関数をセット。 canvasを囲うようにdivのwrapperをつけてcanvasのサイズを調整。dic...

今プログラミングスクールに通いながら作成中のWEBアプリはYahoo地図のAPIを利用して地図表示を行おうと思っております。それで事前にYahoo API KEYを取得しました。 このAPI KEYですが、基本的にはプログラムに埋め込まずに環境変数に格納しておくことで...

この記事の主題は「canvasのtranslateで座標の中心を移動させることができる」というこです。 ★例えば 描画領域の左上の座標は(0,0)となっているので、円を描くときに(0,0)を中心に円を描いてしまうと下図のようにおおかしなことになってしまう。・・・① ...

irb は Ruby に標準で付属する対話実行環境です。ターミナルから irb を起動すると、Ruby の式をその場で入力してすぐ結果を確認できます。 ちょっとした式の確認、メソッドの返り値の確認、クラスの動作テストなどを、わざわざ別ファイルを作らずに試せる...