プログラミング– category –
-
CSSをHTML本文に書く方法と外部ファイルから読み込む方法
CSSをHTML本文に書く方法は以下のとおり。headタグ内にstyleタグを記述。type="text/css"として、その中にCSSを記述すればよい。 CSSの記述が終われば、/styleタグで閉じること。 styleタグ内は、（昔対応して無かったブラウザを考慮して）慣習的にコメン... -
JavaScriptで、canvasに円弧や円を描くのと、角度（ラジアンの計算）
構文は以下のとおり。 arc(x, y, radius, startAngle, endAngle, anticlockwise) x,yが円の中心 radiusは半径 startAngleが開始角度。X軸方向が0度。 endAngleが終了角度。 anticlockwiseは方向（デフォルトは時計回り） startAngleとendAngleに使う角度は... -
WordPressで子テーマを作る方法と、phpファイルの上書き
WordPressを編集する際には子テーマを作成して、カスタマイズ等は子テーマの方を編集すれば、将来的に親テーマがアップデートが入った際に編集のやり直しをしなくて済む。 ということでWordPressでサイトを運営する時にはほぼほぼ子テーマを作成する事が推... -
法人保険で本当に節税になるのか調べてみた
法人保険って、少し前までは「節税になるらしい」とかなり強めに語られることが多かったんですが、2026年3月8日時点ではその理解はかなり危ないです。 というのも、法人向け生命保険の税務は昔のイメージのまま語れなくなっていて、特に2019年7月8日以後の... -
スマホの画面サイズに合わせて、canvasサイズを設定する
スマホの画面サイズに合わせて、canvasのサイズを設定する HTML側は以下のようにする。canvasタグをdivタグ（id="wrapper"の）で囲っておく。 divタグはCSSで幅高さ100%にしておき、Canvasのサイズは最初のページ読み込み時に、JavaScript側でdivタグの幅... -
Gravaterでアカウントを作成し、アバター画像を設定する手順
Gravaterというのはワードプレスのサービスの1つのようです。 メールアドレスとアバター画像を登録することで、世界的にアドレスとプロフィール画像を結びつける事ができます。 ただしGravaterに対応しているサービスのみです。 Gravaterに対応しているサ... -
【Rails】Google Place API Web Serviceで取得したjson形式から値を取り出す
自作のWEBアプリでGoogle MAP APIを使うことを検討しています。 それでGoogleに複数のAPIがあることがわかり、その中の1つで「Google Place API Webserice」の「プレイス検索」を調べてみました。https://developers.google.com/places/web-service/search... -
【CSS】初心者のためのココだけは押さえておきたい基本の使い方
ここではCSS初心者のために基本的な使い方、書き方をお伝えしています。 CSSの書き方の基礎、初心者にも優しく解説 CSSを書ける場所は３種類ありますが、僕はCSSは外部ファイル（style.css等）に記述するのが一般的と考えています。 外部のCSSファイルに記... -
JavaScriptでサイコロ転がし – Canvasに画像（DrawImage）をランダム表示
スタート ストップ ソースコードは以下のようになった。 まずはHTML側。 スタートとストップボタンを表示。それぞれのボタンにonclickプロパティでstartTimer、stopTimer関数をセット。 canvasを囲うようにdivのwrapperをつけてcanvasのサイズを調整。dic... -
【Rails】環境変数を使ってAPI KEYを隠す方法をやってみた
今プログラミングスクールに通いながら作成中のWEBアプリはYahoo地図のAPIを利用して地図表示を行おうと思っております。それで事前にYahoo API KEYを取得しました。 このAPI KEYですが、基本的にはプログラムに埋め込まずに環境変数に格納しておくことで... -
JavaScriptのCanvasのtranslate()関数の使い方と意味
この記事の主題は「canvasのtranslateで座標の中心を移動させることができる」というこです。 ★例えば 描画領域の左上の座標は(0,0)となっているので、円を描くときに(0,0)を中心に円を描いてしまうと下図のようにおおかしなことになってしまう。・・・① ... -
【Ruby】irbコマンドでRubyの処理を手短かに確認する
irb は Ruby に標準で付属する対話実行環境です。ターミナルから irb を起動すると、Ruby の式をその場で入力してすぐ結果を確認できます。 ちょっとした式の確認、メソッドの返り値の確認、クラスの動作テストなどを、わざわざ別ファイルを作らずに試せる... -
【Rails】1個むこう側にあるテーブルの情報を取るSQL文でやる方法
SQLやRailsプログラミングの知識が浅いのでなんと表現したらよいかわからない。だから検索の仕方もわからない。 それでこのようなタイトルになった。 →1個むこう側にあるテーブルの情報を取るSQL文とRailsでやる方法 例えばショップの口コミサイトを作って... -
JavaScriptのCanvasのsave()とrestore()関数の使い方
キャンバスの状態を保存するsave()関数と、 保存した状態を復元するrestore()関数の使い方をやっていきます。 以下の順序でやります。 １．塗りつぶしの色と、座標系を保存して、 ２．塗りつぶしの色と、座標系を移動して、 ３．塗りつぶしの色と、座標系... -
【Ruby】における「文字列」と「シンボル」とは何なのか？
Ruby の「文字列」と「シンボル」は、見た目が少し似ていても役割が違います。 文字列はテキストそのものを扱うためのオブジェクトで、シンボルは名前や識別子として使うためのオブジェクトです。 ここを整理しておくと、ハッシュのキー、メソッド名、設定... -
【Rails】Validaition failed、他エラーや課題を解決した時にやったこと
プログラミングスクールに通いながらオリジナルのWEBアプリを作っています。 そんな中でこれまで直面した問題・課題・エラーメッセージを解決してきたのでそれをまとめています。もし私と同じ事象にあっているかたの参考になれば幸いです（レベルが低すぎ... -
【MySQL】で結果をテキストに出力する方法、INTO OUTFILEとtee
AmazonのCloud9を使っています。データベースはMySQLです。 MySQLでの検索結果をテキストファイルに落としたいなーと思って。select文を発行すると件数がめちゃくちゃ多くて（1000件とか！）、Cloud9のターミナル上では全部表示できないのよ。 参考になる... -
JavaScriptのCanvasとrotate()関数を使って動く時計を描画してみる
まずHTML側は とした。ページ読込時にinit関数を呼び出して、そこでキャンバスの設定を行う予定。キャンバスのサイズは250x250の黄色。 init関数は以下のように。 グローバル変数でctxと、intervalID を宣言。 translate(125,125)関数によって、座標軸を右... -
プログラミングは独学可能か？コツと計画から進め方、難所の越え方のアドバイス
2026年3月8日時点の補足です。プログラミングは今でも独学可能です。ただ、昔より教材が増えたぶん、情報が多すぎて迷いやすいという新しい難しさがあります。 いま独学で進めるなら、言語を1つに絞って、教材も1〜2個に絞り、小さい成果物を作るところま... -
【Ruby】にて#{}のシャープと括弧とは何なのか？
Rubyでよくわからない記述の仕方が出てきたので調べておきました。そのメモです。 これの #はコメントアウトの#では無いようだ。また{}が出てきているが、これの説明が無いように見える。。 自分の理解では文字列を表現するときは "～～～～～" とやる。こ...
