Web

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

シミュレーターとエミュレーターの違い シミュレーター エミュレーター 結論 参考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は関係ない テキストエディタで書き換える いつから? 参考URL 問題 フリー素材をphotoshopで少し加工し書き出したsvg画像をhtmlに反映させ、Chromeで確認したところなぜか画像が表示されない問題にぶち当たりました。 これはphotoshopやillus…

【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サイトが登録できない

Web

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