プログラミング– category –
-
スマホの画面サイズに合わせて、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を書ける場所は3種類ありますが、僕は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ですが、基本的にはプログラムに埋め込まずに環境変数に格納しておくことで... -
副業コースがあるプログラミングスクール厳選4校
この記事ではスクールに実際に通ったりいくつかのスクールの取材にいった私が、実際に副業コースがあるプログラミングスクールを整理ました。 インタビューで聞いたところ、数年前はプログラミングスクールで「フリーランスへ!」なんてワードが流行ってた... -
通学不要・オンライン完結!おすすめプログラミングスクール7社
オンラインで完結するプログラミングスクールはいつ学習してもOKな時間の融通や、全国どこからでもアクセスできるのがメリットですね。 通学不要・オンライン完結!おすすめプログラミングスクール7社 オンラインで全て完結できるプログラミングスクールを... -
SSLボックスでSSL証明書を購入、CoreSSL設定の方法
レンタルサーバーやドメインレジストラで有名なネットオウル社が提供するサービスで「SSL BOX」というサービスがあります。 SSLボックスではSSL証明書を購入することができ、自分が所有するドメインに適用することができます。 (海外のSSL証明書を提供す... -
JavaScriptで簡単な検索ツールを作った
JavaScriptで検索ツールを作ってみよう JavaScriptで簡単な検索ツールを作ってみようと思い立ちました。 どういうものかというと、複数の商品やサービスがある中から特定の条件にマッチするものを抽出して表示させる。ECサイトなんかによくあるツールです... -
【完走しよう!】社会人むけプログラミングスクール選び方&活用法と5選
この記事では多忙な社会人にむけてプログラミングスクールにはどういった種類のものがあるのか、また現在のスキルや経験に合わせた選び方をお伝えします。 社会人となると仕事をしながら空いた時間で学習したり少ない時間を工面しなきゃいけない制限があり... -
卒業生によるテックアカデミーと侍エンジニア塾の比較
ここではテックアカデミーと侍エンジニア塾とそれぞれ3カ月受講したわたくしが、学習スタイルの違いを比較したり、メリット・デメリットを比較いきます。 料金は決して安い物ではないのでしっかり吟味してください。どちらのスクールにするか迷われている... -
Windows10+Docker+WSL2+ubuntuでLaravelをインストール&プロジェクト生成
侍エンジニア塾に入ってた時に、講師のすすめでPHP Laravelの環境を構築してたものの、ついぞ構築できないまま終わってしまった悔しさがあります。 そこで改めて(いまは侍エンジニア塾生じゃないけど)Laravelのインストールのリベンジをしたいと思いまし... -
卒業生によるテックキャンプと侍エンジニア塾の比較
ここでは実際に入会して3ヶ月受講した私がテックキャンプと侍エンジニア塾という2つのプログラミングスクールを比較していきます。数か月という時間をかけ学び、安くはない金額ですのでしっかり検討されることをお勧めします。 テックキャンプはWEBサービ... -
PHPが学べるプログラミングスクール、受講者わたしのおすすめはココ
PHP 自体は 2026 年でもまだ現役で、WordPress、Laravel、EC 系の保守運用を含めて案件の母数は十分あります。ただし、今は「PHP だけ」を学ぶより、Laravel、データベース、Git、Docker、デプロイまで一緒に触れられるかで学習効率が大きく変わります。 ... -
Macで日本語入力ができない!切り替えの方法
Macを購入したはいいものの私が買ったのは海外版かもしれない。というのもキーボードに英語しかふられていないからです。画面上の各種文字は日本語が見えてるんですけど。。 で、Windowsの「半角/全角/漢字」に相当するボタンがありません。(涙 日本語の... -
slickを使って画像のスライドショーを実現‥できない(怒)解決した方法
画像のスライドショーを作ろうと思ってslickというJavascriptを導入しました。 様々な参考サイトを拝見して真似をしようとしてもうまくいきませんでした。 特にソースコード全文が掲載されてなくて、どこにJavascriptを置くのか、htmlファイルのどこに書け... -
XcodeのDLからインストールから初回プロジェクト作成まで
最初はiPhoneアプリを開発するための環境ツール(Xcode)のインストールと、プロジェクトの作成についてです。やったことをまとめています。後で自分が復習するための備忘録でもあります。 AppstoreからXcodeをインストールする AppstoreでXcodeの入手をク... -
プログラミングスクール選びでよくある質問
プログラミングスクール選びでよくある質問 ここにこのブログに寄せられるよくある質問を書いていきます。 どこのプログラミングスクールがおすすめですか? 3つのプログラミングスクールを経験していますが個人的なおすすめは「テックアカデミー」が比較... -
【Rails】AWS S3へ画像のアップロードが出来た♪
前回の記事で「CarrierWaveとrmagickで画像アップロード機能」を作りました。 https://pg-happy.jp/carrierwave-rmagic-uploader/ これによって開発環境(AWS Cloud9)への画像アップロードは出来たのですが、ここからAWS S3へ画像をアップロードできるよ...
