Web

【環境構築】Laravel × Docker × Apache かつローカルでSSL通信する

もくじ 環境 最終的なディレクトリ構成 Laravelをインストール(A) ファイル作成 自己署名証明書を準備 1. server.key(秘密鍵)の作成(B) 2. server.csr(公開鍵+認証局での署名に必要な情報)の作成(C) 3. server.crt(サーバ証明書)の作成(D) 4.…

【Mac】osakaフォントをダウンロードする

もくじ osakaフォント エラー? 解決 Font Bookを開く osakaを検索してダウンロード 参考URL

【teleconsole】コンソールの共有する

もくじ はじめに インストール 起動 コンソールを共有する側 相手のコンソールを操作したい側 共有を終了 参考URL

【WEB】Basic認証(ベーシック認証)

もくじ Basic認証とは 知っておくこと 脆弱性 ディレクトリ単位でのアクセス制限 ブラウザを閉じるまで認証は有効 注意点 設定 .htaccessファイル作成 .htaccessファイルを編集 AuthType Basic AuthName AuthUserFile require valid-user .htpasswdファイル…

【WEB】ブラウザでSVG画像が表示されない

もくじ SVG画像が表示されない 原因 必要なコードを追記 自分がサーバ管理者の場合 レンタルサーバの場合 Chromeで表示されない場合 参考URL

【WEB】Safariでjquery(JavaScript)がレンダリングされない

もくじ 問題 原因 試行錯誤の推移 click()とon(click)の違い 構文を短縮しない .append()に気を付ける 例1 例2 参考URL Safariはsubmit後処理しない click()とon(click)の違い 構文を短縮しない .append()に気を付ける

【Web】Apacheを学ぼう

もくじ Apacheとは Webサイトが見れる流れ 1. リクエストを送る 2.レスポンスが返ってくる 3.レスポンスを受け取る Apacheの場所 Webサーバソフトの種類 Mac標準のApache 環境 バージョン確認 起動 configファイルを確認 ファイル作成しブラウザ表示 停止 再…

【PHP】正規表現

もくじ メタ文字/メタキャラクタ エスケープ 数字 他にもたくさん 参考URL

【Web】HTTPレスポンスステータスコード(エラー番号)

もくじ 5つに分類 よく見るエラー 400 Bad Request 403 Forbidden 404 Not Found 500 Internal Server Error 503 Service Unavailable エラーではない 200番台 301 Moved Permanently 302 Found まとめ 参考URL

【アプリ開発】シミュレーターとエミュレーターの違いって?

シミュレーターとエミュレーターの違い シミュレーター エミュレーター 結論 参考URL 違いシリーズ第二弾! 第一弾はこちら↓。(別にシリーズ化するつもりもない) bonoponz.hatenablog.com

【Windows/IE】CSSやjQueryが読み込まれない!!解決

IEで動作確認って必要? IEでCSSやjQueryが読み込まれない 解決? キャッシュクリア アプリを同時に開かない

クライアント/サーバ両方で二重にバリデーション

Web

もくじ バリデーションとは サーバでバリデーションする理由 アプリケーションを守る データを守る クライアントでバリデーションする理由 クライアント/サーバの両方でバリエーションしたほうが良い サーバ側でしか出来ないバリデーション 参考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>

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

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

IT用語、略語

業界未経験のエンジニアにとって、IT用語がアルファベット3文字とか略語ばかりでMTGや会話についていけないことも多いんですよね。 私が転職してから初めて耳にした用語、略語をまとめていきます。IT用語関係ないものもあるかもしれませんが、そこは私の無知…

【React/CSS】初期値を設定する

もくじ ReactのCSSの設定場所 Reactstrap Reactstrapの初期値 初期値の上書き 変更を反映 ブラウザで確認 参考URL

【WEB】CSRFとXSSの違いって?

もくじ Webアプリケーションの脆弱性及び攻撃手法 双方を比較 CSRF 手法・特徴 被害 対策 XSS 手法・特徴 被害 対策 制作者サイドでも対策を 参考URL

【HTML/CSS】displayプロパティの活用(ブロック要素、インライン要素、インラインブロック要素)

もくじ 要素 親要素と子要素 要素の種類 ブロック要素 インライン要素 インラインブロック要素 概念の廃止 表で見る違い display プロパティ 参考URL

【React】styled-componentsでトグルスイッチを実装

もくじ トグルスイッチとは 経緯 手順 1.インポート 2.定義する 3.スタイルの指定 4.定義を呼び出し 隣接セレクタの指定 参考URL React + Reactstrap + styled-componentsでトグルスイッチを実装 トグルスイッチとは ON/OFFやYes/Noなどをスイッチ感覚で扱え…

【Git】個人でGitHubを使用する

もくじ ローカルでgitを使用する GitHubに登録 リモートリポジトリの作成 repository names Description 公開/非公開 Initialize this repository with a README create repository ローカルリポジトリの設定 ローカルをリモートに反映させる リポジトリを削…

ChromeでSVG画像が表示されない時の解決法

もくじ 問題 HTMLやCSSは関係ない テキストエディタで書き換える いつから? Chrome以外は?('21 1月追記) 参考URL

【HTML/JavaScript】プルダウンで表示内容を切り替える

プルダウンで表示内容を切り替える 残念なパターン HTML JavaScript 完成版! HTML JavaScript 要素内は何でも記述可 プルダウンで表示内容を切り替える こちら実装にてこづったんですが、結果的にとても簡単な方法で出来ました。 HTML/JavaScriptを使用しま…

構造を意識したURLを設計する

URLの基本構造 プロトコル ホスト名 ドメイン名 FQDN ディレクトリ名 ファイル名 各々の名前の付け方 わかりやすい命名 英数字にする 小文字にする 二単語以上を使用したい まとめ 参考URL URLの基本構造 どのwebページも上記のような構造になっています。 …

検索エンジンとは

基本的な仕組み クローラー インデクサー サーチャー 自ページが検索されるのか クローラー インデクサー まとめ 参考URL 基本的な仕組み 検索エンジンは「クローラー」「インデクサー」「サーチャー」で構成されています。 クローラー インターネット上にあ…

webページの基本レイアウト

よくあるレイアウト 背景色が全体に反映されない HTML CSS 実際の画面 背景色を全体に反映 HTML CSS 実際の画面 課題 サイドバーを固定してスクロール サイドバーを固定してスクロール(解決!) よくあるレイアウト よく見るような、サイドバーのあるページ…

(Laravel)htmlを含む変数を表示したい

HTMLタグをエスケープしないようにするには、bladeで展開するとき{{ }}ではなく{!! !!}で囲んでください。 変数を渡す 仮に以下のようにControllerでbladeに変数を渡すとします。 Controller $body = "今日は快晴。<br>散歩でもしよう。"; return view('index', …

(Laravel)bladeでJavaScriptを読み込みたい

JavaScript本来の記述場所 <body>タグ内に直接書く <head>タグ内に記述し、外部ファイルを呼び出す Laravelでも基本形は同じ asset()で読み込む bladeを分けるだけ JavaScriptの読み込みは簡単! 参考URL JavaScript本来の記述場所 二通りを紹介します。 <body>タグ内に直接書</body></head></body>…

ローカルサーバーを立てる

ローカルサーバーを立てる 作ったhtmlなどの動きをテストしたいときに便利です。 $ python3 -m http.server 8000 ターミナルからコマンドを打ち、以下のURLにアクセスできればローカルサーバーは立ち上がっています。 http://0.0.0.0:8000/ Laravelでローカ…

twitterでwebサイトが登録できない

Twitter「Webサイトには有効なURLを入れてください」 せっかくブログ開設したので、twitterのプロフィールに載せようとしたら、なぜか登録できない。 何度やっても画像のようにエラーで弾かれる。 Twitterアプリのバグっぽい気がします。 PCのブラウザで解決…