はてなブックマーク

リレーションとは 例えば、投稿記事articleが表示された時に「投稿者の名前も知りたい！」と思うのは当然だろう。そのためには何をするのか？articlesテーブルにuser_nameの様なカラムを追加するのか？ しかし、投稿者情報を引き出すために既存のusersテーブルを活用できれば簡単だ。それを可能にしてくれるのが、リレーションという仕組みだ。 公式ドキュメントより（一部抜粋） データベーステーブルは大抵の場合他のものと関連しています。たとえばブログ投稿（ポスト）は多くのコメントを持つか、それを投稿したユーザーと関連しています。Eloquentはそうしたリレーションを簡単に管理し操作できるようにするとともに、様々なタイプのリレーションをサポートしています。 Eloquentのリレーション（関係）とはEloquentモデルクラスのメソッドとして定義します。 今回はそのための設定を行ってい

実装内容 productsテーブルを作成する。（カラムはid, name, priceの3つ） 一覧に常にレコード全件が表示される 特定のidからnameとpriceを取り出して表示する 新しくレコードを追加して、一覧に追記する レコード追加前に確認メッセージを表示する AjaxとJSON こちらの記事がわかりやすいです！ 初心者目線でAjaxの説明 ##Ajax Asynchronous JavaScript + XML JavaScript組み込みクラスであるXMLHttpRequestによる非同期（Asynchronous）通信のこと ##JSON JavaScript Object Notation データ形式の1つ XMLに替わり、Ajaxで使われることが多い ファイル構成 サーバはApache、データベースはMySQLを使用しました。 htdocsの下にajax_testディレ

はじめてのgit push 私事ですが、8月からWebエンジニアとして企業で働いています。 先日１つの作業を終えてgit pushしようとしましたが、驚くほどgitコマンドを忘れていました。その時は先輩に一通り教えてもらい、作業自体は無事に終了することができましたが(´；ω；`) 知識はあったのに、どこで・どのように・どんな理由でgitコマンドを使用するのかが分からなかった、というのが本音です。 今回はその時に使用したgitコマンドを振り返り、コマンドそのものと言うよりも、作業の流れ自体をおさらいしようと思います。 似たような内容で以前にも記事を作成してました。今回は、内容がより実践的になるかと。 【GitHub】アプリのバージョン管理を行う リポジトリ作成〜コミット init リポジトリを作成します。（初期化する？） ここではgit_testディレクトリにリポジトリを作成しています。

JavaScriptの勉強に必要な事前知識です。追求すると底がありませんが、最低限必要な内容をまとめました。 Webページが表示されるまでの流れ ブラウザの役割 JavaScriptの役割 Webサイトが表示されるまで アドレスバーにURLを入力し、画面上にWebページが表示されるまでの流れです。通信でどのようなデータがやり取りされているか、確認しておきます。 図解 ブラウザ 上図のクライアントに該当するアプリケーションがブラウザです。動作の結果は「Webページを表示する」ですが、内部では様々なことが行われています。 ブラウザの構成については、意外とネット上の情報が少なかったです。 自分は下記サイトを参考にしました。 ブラウザの仕組み: 最新ウェブブラウザの内部構造 ウェブサイトが表示されるまでにブラウザはどういった仕事を行っているのか？ 明確に構造が分かれているかは分かりませんが、少なく

npmバージョン6.13から npm fund というコマンドが実装されました。 このコマンドがどういう動きをするのか解説します。 2019/11/14更新 TL;DR npm fundというコマンドが実装された 資金提供を呼び掛けるためのURLなどが表示される（npm installの実行時などのタイミング） 自分のパッケージにも funding フィールドを追加してURLを表示できる 細かい仕様は npm/rfcsを参照して下さい npm fundとは何か 上記で述べた通り、このコマンドは利用者が開発者に対して金銭的支援をするための情報を表示します。 開発者から資金援助してもらうための情報提供手段が1つ増えたことになります。 This RFC identifies an initial means of tooling to describe & notify consumers of

先日8/16にGitバージョン2.23.0がリリースされました。 今回の目玉機能と言えば、新しいコマンド git switch と git restore ですね！ 本稿ではこちらの2つに絞ってどういう役割・位置づけの機能なのか英語ソースの引用も含めてご説明します。 TL;DR ブランチの変更は git switch ファイルの変更は git restore 今まで通り git checkout は使える 新機能は「実験的機能」なので今後変更の可能性あり 新機能が追加された背景 Highlights from Git 2.23によると、 git checkout に出来ることがあまりに多いため（ブランチ操作のほか、indexされたファイルの復旧、履歴上のファイルの取得など）、役割を明確に分けるためのコマンドが追加されたとのことです。 It turns out git checkout ca

前回記事の続きです。 【Vue.js】Vue CLIでVue.jsを動かす〜プロジェクト作成まで 今回は、vue initで生成されたプロジェクトの中を確認してみます。 以下の項目を中心に、順番にたどりながら進めたいと思います。 作成したファイルがどういう流れでビルドされて、そのためにはどういった設定が必要か、概要を確認します。 生成されたディレクトリ・ファイルの概要 エントリポイントとbundleファイルの出力先 ビルドとローカルサーバ（開発用サーバ）の起動について 描画されるファイルのつながり ディレクトリ構造 $ cd my-app $ tree -L 1 . ├── README.md ├── build // ビルド用スクリプトを格納 ├── config // ビルド用設定ファイルを格納 ├── index.html // インデックス、最終的にこのファイルに描画される ├──

この辺が曖昧だったので、書き残しておきます。 ビルドとは何か なぜビルドが必要か ビルドでは何を行なっているのか ビルドしたらどうなるのか Node.jsの特徴 JavaScriptをサーバーサイドで動かすための実行環境。 モジュール機能（他ファイルの読み込み） ノンブロッキングI/Oで処理を効率化 参考記事 ノンブロッキングI/O (non-blocking I/O) ノンブロッキングI/Oと非同期I/Oの違いを理解する Node.js を5分で大雑把に理解する Node.jsについて調べてみた JavaScriptが辿った変遷 npm とか bower とか一体何なんだよ！Javascript 界隈の文脈を理解しよう ビルドツール Node.jsスタイルのコードは、そのままの状態ではブラウザで動きません。ソースコードを元にして、実際に動くプログラム（実行可能ファイル）を作ってあげる必要