プログラミング– category –
-
【Rails】自作のSNSボタンを貼り付ける方法
Railsに限った話ではありませんがWEBサイトの記事をシェアしてもらおうと思ったらいわゆるSNSボタンを設置しますよね。 ここではFacebook、Twitter、はてなブックマークの自作ボタンをつくる方法を記します。自作じゃなくてそれぞれのSNSのオリジナルボタ... -
システム開発の「試験工程」UT・IT・STについて解説
試験工程の考え方自体は今でも重要です。単体試験、結合試験、総合試験という並びは現場で十分通じますが、2026 年時点ではUT / IT / ST という呼び方より、unit test / integration test / system test / E2E test といった表現を混ぜて使う現場も増えて... -
JavaScriptでサイコロ転がし – Canvasに画像（DrawImage）をランダム表示
スタート ストップ ソースコードは以下のようになった。 まずはHTML側。 スタートとストップボタンを表示。それぞれのボタンにonclickプロパティでstartTimer、stopTimer関数をセット。 canvasを囲うようにdivのwrapperをつけてcanvasのサイズを調整。dic... -
【Rails】モデルを削除するときに同時に中間テーブルに存在するレコードも削除するhas_many～dependent: destroy
今日も1行のコードを書くのに3時間も費やしてしまいました。 1行書くのに1時間、1行書くのに1時間‥そんな牛歩な私ですが、Twitterで怒りをつぶやきながらなんとかプログラミングスクールで学習しております。 あるモデルを削除するときに、他のテーブルに... -
【Rails】Flashメッセージの使い方とメッセージの拡張・応用
何かの処理を行った時に（例えば以下のような） ・ユーザー登録に成功しました・ログインしました・口コミの投稿が成功しました・写真を投稿しました・本人確認に失敗しました flashメッセージを使うことでメッセージを表示することができます。今日はflas... -
CSSをHTML本文に書く方法と外部ファイルから読み込む方法
CSSをHTML本文に書く方法は以下のとおり。headタグ内にstyleタグを記述。type="text/css"として、その中にCSSを記述すればよい。 CSSの記述が終われば、/styleタグで閉じること。 styleタグ内は、（昔対応して無かったブラウザを考慮して）慣習的にコメン... -
副業コースがあるプログラミングスクール厳選4校
この記事ではスクールに実際に通ったりいくつかのスクールの取材にいった私が、実際に副業コースがあるプログラミングスクールを整理ました。 インタビューで聞いたところ、数年前はプログラミングスクールで「フリーランスへ！」なんてワードが流行ってた... -
【Rails】Google Map Embed APIを利用して検索→地図表示まで行う
自作オリジナルWEBアプリのために、Googleが提供しているAPIの調査をしています。どのAPIを使えば実現したいことができるのか、あるいは出来ないのか？ 取り敢えずRubyを使ってGoogle Map Embed APIを利用して画面上に地図を埋め込む所までやってみました... -
テックキャンプのWEBアプリコース（Ruby on Rails）を受講！その全容と評価
この記事ではこれからテックキャンプのWEBアプリケーションコースを受講しようと思っている方の参考になる記事を書こうと思います。 WEBアプリコースはRubyというプログラミング言語を使います。 別にWEBアプリを作るのにRubyじゃなくてJAVAでもPerlでもPH... -
WSL2とubuntuのファイルはWindowsのどこにあるのか？
Windows 10/11にWSL2 (Windows Subsystem for Linux 2) とUbuntu 20.04/22.04などをインストールしました。Ubuntu環境で作成したファイルを開いたり、画像を見たりする際に、Windows側のエディタやツールを使った方が便利な場合があります。そこで、「WSL2... -
JavaScriptで簡単な検索ツールを作った
JavaScriptで検索ツールを作ってみよう JavaScriptで簡単な検索ツールを作ってみようと思い立ちました。 どういうものかというと、複数の商品やサービスがある中から特定の条件にマッチするものを抽出して表示させる。ECサイトなんかによくあるツールです... -
おすすめの無料プログラミングスクール一覧と注意点
今日は「無料で学べるプログラミングスクール」についてお伝えしたいと思います。 無料のスクールは色々デメリットがあるから、有料のに入ろうぜ、などという案内をするつもりはなくて。 メリットやデメリットをお伝えするとともに、どんな人に向いてる、... -
ubuntuにあるファイルをWindowsのVSCodeで開く
WindowsにWSL2＋Ubuntu20.04をインストールした。 ubuntuに入ってるファイルをWindows側のVSCodeで開けないかなと思ってやってみました。 私の環境は Windows10 WSL2 Ubuntu20.04 WindowsにVisual Studio Codeをインストール https://code.visualstudio.co... -
プログラミングスクールを料金・コスパで比較！【受講生が本音で】
この記事では私が実際に受講した（している）プログラミングスクール3社と有名どころ2社を料金や効果・コスパで比較しています。 私が感じたことも含めて厳しめに比較していますので、いまどこのプログラミングスクールに通おうか迷ってる方の参考になれば... -
CSSで画像の一部を振り子のアニメーションした方法
現在作成中のサイトをデザイナーさんに診断してもらい、画面に動きを出すと面白いと思いますよと言われて以下のヘッダー画像の女の子の足をブラブラさせるやり方を探していました。 デザイナーさんのアドバイスでは 基本的に子供の足を編集した別画像デー... -
通学不要・オンライン完結！おすすめプログラミングスクール7社
オンラインで完結するプログラミングスクールはいつ学習してもOKな時間の融通や、全国どこからでもアクセスできるのがメリットですね。 通学不要・オンライン完結！おすすめプログラミングスクール7社 オンラインで全て完結できるプログラミングスクールを... -
SSLボックスでSSL証明書を購入、CoreSSL設定の方法
レンタルサーバーやドメインレジストラで有名なネットオウル社が提供するサービスで「SSL BOX」というサービスがあります。 SSLボックスではSSL証明書を購入することができ、自分が所有するドメインに適用することができます。 （海外のSSL証明書を提供す... -
【完走しよう！】社会人むけプログラミングスクール選び方＆活用法と5選
この記事では多忙な社会人にむけてプログラミングスクールにはどういった種類のものがあるのか、また現在のスキルや経験に合わせた選び方をお伝えします。 社会人となると仕事をしながら空いた時間で学習したり少ない時間を工面しなきゃいけない制限があり... -
卒業生によるテックアカデミーと侍エンジニア塾の比較
ここではテックアカデミーと侍エンジニア塾とそれぞれ3カ月受講したわたくしが、学習スタイルの違いを比較したり、メリット・デメリットを比較いきます。 料金は決して安い物ではないのでしっかり吟味してください。どちらのスクールにするか迷われている... -
slickを使って画像のスライドショーを実現‥できない（怒）解決した方法
画像のスライドショーを作ろうと思ってslickというJavascriptを導入しました。 様々な参考サイトを拝見して真似をしようとしてもうまくいきませんでした。 特にソースコード全文が掲載されてなくて、どこにJavascriptを置くのか、htmlファイルのどこに書け...
