2020-08-01から1ヶ月間の記事一覧

【jQuery】thisの構文

もくじ thisの構文 HTML jQuery $(this)を使う $(this)を使わないと パフォーマンス向上

【Laravel】foreachのインデックス番号を取得する

もくじ 配列を用意 変数の中身を確認 テーブルで利用 プラス1する 連動したidとして利用する もしインデックス番号を使わなかったら

【jQuery】基本のキ

もくじ jQueryを使う準備 ダウンロード CDN 基本構文 本来の構文 短縮系 $(function(){ 処理 });で囲む意味 jQueryの処理の記述方法 セレクタ メソッド 変数を使う メソッドチェーン よく使うメソッド cssメソッド hideメソッド fadeOutメソッド findメソッ…

【HTML/CSS】positionプロパティとz-indexプロパティ

もくじ 前提 positionプロパティ 距離指定のプロパティ 要素の配置順 基準の位置 それぞれの違い static(初期値) absolute(要素同士を重ねたり) relative(親要素を基準に) fixed(要素を固定) sticky(途中から固定) z-index(重なり順) 豆知識 ま…

【HTML】aタグなのにhoverしてもカーソルがかわらない

あまり起きない現象かもしれませんが、ひょんなことから詰まってしまったので備忘録。 前提 原因 解決 参考URL

【Laravel】SCSSの導入

もくじ はじめに 1.準備 2.Mixの変更 ファイルのビルド先を指定 ビルドがエラー時のみの通知 3.Gitの管理 pullするとエラーになったら 4.Mixの実行 参考URL

【CSS】擬似要素と擬似クラス

もくじ 擬似要素とは 擬似クラスとは よく使う擬似要素 A:: first-letter(要素の一文字目を指定) A:: first-line(要素の一行目を指定) A::before(要素の直前にコンテンツを追加) A::after(要素の直後にコンテンツを追加) beforeとafterで画像を追加 …

【laravel/CSS】スタイルシートとbootstrapを適用する

もくじ 前提 スタイルシートの適用 スタイルシート作成 ビューで読み込む セキュアな通信の場合 bootstrapの適用 Aパターン CDN bootstrapのCSSを読み込む bootstrapのJavaScriptを読み込む Bパターン ダウンロードして使用 ダウンロード CSSファイル JSファ…

【laravel】controllerからbladeに変数を渡して表示

もくじ Controller 左辺 右辺 Blade Htmlタグを認識させる 参考URL

【laravel】ビューの継承〜bladeを表示

もくじ bladeの作成 全体を記述 共通コードと固有コードの選別 親ビュー 子ビュー ビューの継承 親ビュー @yield 子ビュー @extends @section 共通コード(親ビュー)の分割 親ビュー @include 子ビュー 実際のコード ルーティング 参考URL

HTMLページの基本

もくじ 全体 <html>タグ <html lang="ja"> <head>タグ <meta>タグ <meta charset=”UTF-8″> <meta http-equiv="X-UA-Compatible" content=IE=edge"> <meta name=”viewport” content=”width=device-width,initial-scale=1.0″> <title>タグ <link>タグ <link rel=”stylesheet” href=”/style.css”> <style>タグ <body>タグ 参考URL</body></link></link></meta></meta></meta></meta></head></html></html>

【laravel】composer global require "laravel/installer"で随分はまった件

laravelのインストールはとっても簡単です。 bonoponz.hatenablog.com しかし、このたび新しくプロジェクトを作成しようと改めて実行したところうまくいかない。 公式サイトを見たり参考URL見たりして試行錯誤するも全くうまくいかず、仕方ないからDockerに…

【Mac】アバストを無効にする

windows版の手順しか記事がなかったので覚書。 Macでは設定画面からいくわけではなかったので少し迷ったのに、公式ヘルプでも見つけられんかった。どうして…?探し方が悪いの?自力で方法見つけました。 では早速。 とっても単純でした。 1.アバストセキュリ…

【Laravel】インストール

まさかのインストール方法をまとめてなかった。 git cloneして起動することは記事にしていたのに…。 そして全く覚えていなかったので復習のために記事します。 Composerの有無を確認 インストールして新規プロジェクトを作成 パターンA composer create-proj…

パッケージ管理のあれこれ(composer、yarnなど)

パッケージ管理っていろんなプロジェクトで使うことが多いので、手順を覚書。 一度設定してしまえばあまりこの手順は必要ないが、だからこそパソコンを買い替えたりしたときほぼ初めての作業になってしまうので必要性を感じました。 何度もやらないことって…