JavaScript– category –

JavaScriptの関数を関数に入れる不思議 JavaScriptでは、 ・関数を代入できる・関数を関数の引数に渡すことができる というのがあって個人的にはすごく不思議な感じがする。 functionを使うことで関数に名前を付けずに（無名関数を）、代入することもでき...

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

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

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

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

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

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

キャンバスの状態を保存するsave()関数と、 保存した状態を復元するrestore()関数の使い方をやっていきます。 以下の順序でやります。 １．塗りつぶしの色と、座標系を保存して、 ２．塗りつぶしの色と、座標系を移動して、 ３．塗りつぶしの色と、座標系...

まずHTML側は とした。ページ読込時にinit関数を呼び出して、そこでキャンバスの設定を行う予定。キャンバスのサイズは250x250の黄色。 init関数は以下のように。 グローバル変数でctxと、intervalID を宣言。 translate(125,125)関数によって、座標軸を右...

画像のスライドショーを作ろうと思ってslickというJavascriptを導入しました。 様々な参考サイトを拝見して真似をしようとしてもうまくいきませんでした。 特にソースコード全文が掲載されてなくて、どこにJavascriptを置くのか、htmlファイルのどこに書け...

昨日はテックアカデミー第17回目のメンタリングでした。 今回は結構な難所となりましてメンターの方にソースを見てもらい修正してもらいようやく解決した所だったのです。 ファイル選択ボタンの不具合と解決策の確認 前回、RailsでAWS S3へ画像のアップロ...

Railsでプログラミングを始めた私ですが、今回の記事はRailsじゃなくて別にhtmlやjavascriptの話だなと思い、まとめました。 事の発端はユーザープロフィール画像のアップロード機能を作っていたところです。以下のような問題が起こったので自作のファイル...

今日はテックキャンプの「イナズマコース」について解説したいと思います。 私はテックキャンプの無料体験会に参加してイナズマコースについても説明を聞いたのですが、まとまった時間が取れそうにないので普通の学習コースで受講しています。ここでは体験...

完全マンツーマンレッスンでエンジニアを育成するというスクール「侍エンジニア塾」に興味があり無料体験レッスンに予約申し込みしてみました。その時の流れと、実際に体験してみての内容をレポートします。 プログラミングスクールは他にもありますが「専...

侍エンジニア塾への入会が完了し、インストラクターも決まり初回レッスン（オリエンテーション）を行いました。 この記事では侍エンジニア塾への入会後の最初の方の流れについて解説していきます。いま入会を考えている方の参考になればと思います。 こう...

JavaScriptで検索ツールを作ってみよう JavaScriptで簡単な検索ツールを作ってみようと思い立ちました。 どういうものかというと、複数の商品やサービスがある中から特定の条件にマッチするものを抽出して表示させる。ECサイトなんかによくあるツールです...

さて侍エンジニア塾に入塾してから約1ヶ月が経ちました。 レッスン1は最初のオリエンテーション的なものなので本格的なレッスンは2回目からとなっています。 この記事では侍エンジニア塾に入塾するとどういったレッスンがあるのか、また効果的なレッスンの...

Laravelを学習中です。 ところでLaravelをやってるとwith()メソッドがやたら出てくる。 しかも何故か公式リファレンスが見つからないのよ。探し方悪いのかな？😂 普通HTMLリファレンス、Javaリファレンス、JavaScriptリファレンス色々あるでしょ。クラス名...

プログラミングスクールの侍エンジニア塾に通い始めて1ヶ月半が経過しました。週1回のレッスンは6回目になりました。 区切りの良いところまで来たので、これまでを振り返ってみたいと思います。 レッスンの詳細やインストラクターの独自ノウハウに関わる部...

この記事ではスクールに実際に通ったりいくつかのスクールの取材にいった私が、実際に副業コースがあるプログラミングスクールを整理ました。 インタビューで聞いたところ、数年前はプログラミングスクールで「フリーランスへ！」なんてワードが流行ってた...