2020-07-01から1ヶ月間の記事一覧
①HTMLファイルにJavaScriptファイルを読み込む記述をする <script src="index.js"></script> JavaScriptは「何かが起きたらコードを実行する」という概念に基づいて設計されてる 「何かが起きたら」の代表的な例 (イベントと呼ばれる) loadイベント #ページ全体が全て読み込まれた後に、イ…
Webページの見た目を変化させたい オブジェクトの作成 JavaScriptにおけるオブジェクトとは:データや機能をまとめた情報そのもの。 配列は順番でデータを管理しますが、JavaScriptのオブジェクトは名前と値をセットにしてデータを管理します。 生成方法:le…
JavaScriptの関数:Rubyでいうところのメソッド 関数宣言 Rubyの def と同じ function 関数名(){ 処理 } と記述することで関数を定義できる。 ※Rubyにおけるメソッドの定義と意味合いは同じ (実例) //関数宣言 function sayHello(){ console.log("こんにち…
JavaSのことをもっと知りたい。 デベロッパーツール 使用法:ブラウザで右クリックで検証 or com+con+c できること: 表示しているサイトのHTMLの要素の確認・編集表示しているサイトのスタイルの確認・編集JavaScriptの実行 上部ウインドウからコンソールへ…
JavaScript プログラミング言語 参照になるページ mynavi-agent.jp 「ブラウザ上でのアプリケーションの使いやすさ」や「リクエストの送り方の工夫」を担う言語 JavaScriptはクライアントサイドで活躍する。 世界で最も使われてる言語(ほとんどの開発現場で…
Railsにおいて規約を守ことで性能を発揮する理念 DRY CoC 実態として結論付けるなら ファイルの可読性、処理能力をよくするため 規約にのっとった記述の正確さ、記述の仕組み化して効率よく書こうって感じ その規則の実体、オブジェクト指向に沿って考える。…
正規表現とはなんぞや 正規表現とは、文字列の一部分を抽出・置換したり、文字列が制約を満たしているかを調べるための表現方法です。 使用例 ユーザーA 電話番号にハイフン入力 ハイフンを取り除く処理をする技術→ 正規表現 メソッド sub sub:文字列の指定…
条件分岐処理 if以外 繰り返し処理 each 以外 ブロックについて Ruby クラスの理解 効率的なコードを書く Rubyに最初から用意されてる機能 例外処理 オブジェクト指向 ⭐︎ 1.条件分岐処理 if以外 case文 #並列する条件が多数ある場合 ifより記述がシンプルに…
レスポンシブ対応のWebサイトを作る。 スマホ、ダブレット閲覧を想定したレイアウト作り レスポンシブWebデザイン:画面幅によって見た目が変わるように、デザインを設計することをレスポンシブWebデザインと呼ぶ。 現在では、ユーザーがスマホやタブレット…
今 コミットしながら思ったのですが GitHubに保存することで 過去に行ったアプリケーション作成手順を分解して見れる+流れもわかるので 類似品なら1から作れる。それ以上も出来そう。控えめに神か? まだ管理、運用とかはピンとこないが自身がアプリケーシ…
HTML、CSS ビューの部分 1.事前準備 GitHubでの管理を行う ブランチの作成 「フロント実装」→コミット フロント実装に必要なルーティング、コントローラー、ビューを作成する 仮のものでOK、作成後ちゃんと表示されるか一応確認しとく→コミット リセットCSS…
3. アプリケーションの雛形の作成 キーワード:GitHub アプリケーションの状態が管理 アプリ作成後にデータベース作成 GitHub使ってローカルリポジトリ→リモートリポジトリ作成 READMEにDB設計(①②を参考に)を記載(マークダウンで) 一番下に記載 テーブル…
ChatAppを開発 全体像の把握 以下の順で実装 1. 要件定義 2. DB設計 キーワード:中間テーブル 3. アプリケーションの雛形の作成 キーワード:GitHub アプリケーションの状態が管理 4. フロント画面の実装 チャット画面のみフロントの実装 5. サーバーサイド…
※復習した時に更新してもうちょい見栄えよくします コントローラーのテストコード書く方針 あるアクションにリクエストを送ったとき、想定通りのレスポンスが生成されるかどうかを確かめる。 exampleの整理が重要 Request Spec を使う getget 〇〇_pathのよ…
テストコードでよく使う記述 describe #どんなテストコードかいてんの?「〇〇について記述する」do~endの間に記述し、入れ子構造可能。 it #こうなるはず「どのような結果になることを試しているのか」do~endの間に記述し、入れ子構造なし。 example上記…
テストコードまとめ アプリケーションの挙動はテストコードを実行することで確認できる。 RSpec(アールスペック):Ruby on Railsでテストコードを書く際、使用することが多いGem。 テストコードを書くことの意義:アプリケーションの品質が担保されるだけ…
GItHub まとめ Git ソースコードのバージョン管理システム。セーブポイントの作成。 GItHub Gitを利用して簡単に複数人で開発ができるツール。 ローカルリポジトリ 自分の箱 リモートリポジトリ 世界の箱 コミット :ファイルやディレクトリの変更修正を、リ…
抽象化→具体的な行動→抽象化 Git ソースコードのバージョン管理システム。 バックアップ作成。いつ誰が何を編集した残せる。セーブポイント作成。 GitHub Gitを利用して簡単に複数人で開発ができる。自身の作品を保存、公開できる。他者からコメント、修正を…
紙は嵩張るので。ブログ中心にメモしていこうかと思います。 気付き 自分が今してる作業、作業場所(モデルやらコントロラーやら) の把握を意識して開発を進めることで 言語化しやすくなる。 部分テンプレート コードの記述で繰り返してる部分を1つのファイ…
params = パラメータを入れる箱と認識していたが考えを整理したい。 パラメータは「サービスの利用者がサーバに対して送ってきた値」 その値を格納するための箱がparams 例 params[:tweet] # クライアントtweet という値を送ったよ!格納してね! ※コントロ…
こんにちは frappe(フラッペ) です^^ 本日は記憶の定着×アプリケーションという発信をいたします^^ 私が通っているプログラミングスクールでは知識を定着させるため、 繰り返し同様の内容を復習する学習方法がありまして。 「知識の定着」という観点で…
ブログ開設致しました。 日々の情報、気になることへの発信をしてみます。 よろしくお願いします。