プログラミング– category –
-
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でよくわからない記述の仕方が出てきたので調べておきました。そのメモです。 これの #はコメントアウトの#では無いようだ。また{}が出てきているが、これの説明が無いように見える。。 自分の理解では文字列を表現するときは "～～～～～" とやる。こ... -
【Rails】CarrierWaveとrmagickで画像アップロード機能を作る
自作のWEBアプリを作成していますが、その中でユーザープロフィール画像のアップロード機能を作っています。 CarrierWaveとimageMagick、rmagickというGemをインストールして行います。 参考サイトを見ながら比較的簡単に導入する事ができました。今日はそ... -
CSSで再生ボタン（右矢印ボタン）を作る方法
丸の中に右向きの矢印があるボタンというかアイコンというか。 画像を置いても良かったのですがCSSでできないかと思い実現してみました。 手間を考えたら断然画像でやったほうが早かったと思うのですが‥ 再生ボタンのCSSとHTMLのサンプルを示します HTMLフ... -
SESの闇はヤバいのか？やめとけと言われる理由とホントのところ
2026年3月8日時点の補足です。SES は今でも「やめとけ」と強く言われがちですが、昔より見るべきポイントがはっきりしています。 まず大事なのは、契約の名前より実態です。厚生労働省も、派遣と請負の区分は契約形式ではなく実態で判断すると案内していま... -
【Ruby】数字も文字列もオブジェクトばかり
よくわからないけど、数字の1とかローマ字のaも文字列でaaaもオブジェクトとして扱われているのがRuby。 数字に関するメソッド 例えば123.to_s とやれば123という数字を文字列に変換できる。aaaに代入してもできる。 ↑これはエラーが出る。 このように.to_... -
【Rails】application.html.erbのレイアウトの使い方と使わない方法
今日はRailsプログラミングの調べ物をしました。 テックアカデミーの掲示板で質問すればすぐ答えは得られると思いますが、自力で解決できそうと思いまして。 やりたいことは ・「application.html.erb」を読まずに表示する方法 ・タイトルタグやメタタグを... -
【html/CSS】縦横比の違う画像を均等に横並びにする方法
作成中のサイトで縦横比の異なる画像4枚を横にいい感じで並べたいと思いました。 横に並べるので縦（高さ）は全て統一したいですよね。それで以下のようにimgタグを記述して高さを100pxで固定にしたところ。 画像はこのように表示されてしまいました。3枚... -
文系でもプログラミング出来るようになる？おすすめ言語に就職や将来性など
2026年3月8日時点の補足です。文系でもプログラミングは十分できます。ここは今でも変わりません。実際に必要なのは理系的な肩書きより、継続して触る力のほうです。 いま文系から始めるなら、最初に大事なのは「向いている学部か」よりも、小さくても成果... -
【Rails】クラス内インスタンス変数の宣言attr_accessorとは何か
Rubyの学習を進めていく中でかなり難しい部分に遭遇したので、質問で聞いたこと、調べたことで自分の理解をまとめておく。 クラスの中のインスタンス変数は@aiueoとなっていて、変数の頭に@が付くようだ。これは暗記しておけばよいだろうか。今までの変数...
