【AWS】EC2にSSHする

SSH接続する qiita.com pemをコピー $ cp ~/Desktop/xxx-20230221.pem ~/.ssh 権限変更 $ chmod 600 ~/.ssh/xxx-20230221.pem SSH接続 $ ssh -i ~/.ssh/xxx-20230221.pem ubuntu@18.XXX.XXX.XX4 接続失敗と解決例 % ssh -i ~/.ssh/xxx-20230221.pem ubuntu@1…

【AWS】EC2のインスタント作成・構築まで

Amazon EC2インスタンスを立ち上げる www.cloudsolution.tokai-com.co.jp VPCの作成 tech.willserver.asia 作成完了画面 IPv4 CIDR tracl.cloud サブネットの作成 インターネットゲートウェイ作成 ルートテーブル作成 ルートを編集 サブネットの関連付けの編…

【AWS】CloudTrailの作成

【AWS】AWS請求アラートの設定

請求アラートを有効化する AWS請求アラームの作成 メトリクスの選択 概算合計請求額の設定 アクションの設定 名前と説明を追加 プレビューと作成 参考 www.fenet.jp

Adobe XD 無料版インストール方法

ここにアクセス www.adobe.com ここをクリック 案内によってアカウント登録する ※ 既存のアカウントだとスタータープランが使用できないので、新規アカウントを使用すること

【AWS】IAMユーザーを作成

ユーザー作成 グループ作成 Login確認 CSVの「Console login link」からログインする 請求情報へのフルアクセスポリシーの作成(BillingFullAccess) ログイン ルートユーザーでログイン 操作 請求情報への読み取り専用ポリシーの作成(BillingViewAccess) 操作…

【AWS】ルートユーザー > 多要素認証(MFA)の有効化

1. 有効化 下記画像のように操作する スマートフォンなどで「google authenticator」をインストール Android play.google.com iOS Google AuthenticatorGoogle LLCユーティリティ無料apps.apple.com MFAコードを入力 インストールしたアプリで6桁の数字が表…

第4 : Dockerfileについて

第4 : Dockerfileについて 参考:https://knowledge.sakura.ad.jp/15253/ Tomcatをホスト側にダウンロード (※ver 10.1.1) サイトでtomcatとjreのバージョンを確認する サイト:https://tomcat.apache.org/tomcat-10.1-doc/setup.html →tomcat10はjreが11以上…

【レンタルサーバー】ssh接続

参考

【iPad環境】code-serverの導入

参考 Network is unreachable

【ポートフォリオ】Bootstrapの素材を配置【企業HP】

hostsに以下を追加 127.0.0.1 company httpd-vhosts.confに以下を追加 ##company <VirtualHost *:80> DocumentRoot "C:\Users\myuser\Desktop\workspace\company" ServerName company </VirtualHost> <Directory "C:\Users\myuser\Desktop\workspace\company"> AllowOverride All Require all granted </Directory> 以下から「Download」を押しダウ…

Boostrapの使い方

こんな感じ <html lang="jp"> <head> <meta charset="utf-8"> <title>お問い合わせフォーム</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> </link></link></meta></head></html>

【PHP環境】composerインストール

XAMPPを入れておく ダウンロード ここからexeをダウンロード インストール *composerはphpがないと動かない 参考 ダウンロードのチェックについて書かれているページ freelance.levtech.jp composerについて getcomposer.org

Windowsの開発環境

1. git for windows 1-1. ここからインストール Git for Windows 1-2. 環境変数に設定 1-3. メールアドレス、ユーザ名を設定 git config --global user.name "ユーザー名" git config --global user.email "メールアドレス" git config --global core.quotep…

Docker

読み始めた本 www.amazon.co.jp

【プラクティス】p26 Fluid レイアウト(リキッドレイアウト)

Web ページのレイアウト フィックスドレイアウト リキッドレイアウト 1-1. フィックスドレイアウト(Fixed Layout) width, margin, padding を絶対単位の 「px」 で固定幅を指定するもの 固定レイアウトとも呼ばれる 1-2. リキッドレイアウト(Liquid Layou…

Macに鍵作成、githubに登録

鍵作成の参考 cameong.hatenablog.com githubの参考

Macにcomposerをインストール

参考 hirooooo-lab.com

MacにMAMPをインストール

参考 www.webdesignleaves.com

【Part1 - Cap3(p33)】text-indent

.sample { text-indent: -1em; padding-left: 2em; } [ ]

【Part1 - Cap3(p33)】box-shadow

1.文法 { box-shadow: 左右の向きpx 上下の向きpx ぼかしpx 広がりpx 色 内側指定; } 左、上に .sample { box-shadow: -4px -4px; } 内側にぼかし .example { box-shadow: 2px 2px 4px inset; }

求人の傾向

1.言語 React(実務経験、中規模開発以上) Vue.ts(実務経験) TypeScript jquery 2.テスト テストフレームワークの活用 css設計 bem,OOCSSの理解 4.共感 作業内容、企業理念

【Part1 - Cap3(p33)】background

省略していない形 .sample { background-color: transparent; //透明 background-image: none; //背景画像なし background-repeat: repeat; //縦横に繰り返す background-position: 0% 0%; //左上寄せ background-size: auto auto; background-attachment: s…

【Part1 - Cap2(p25)】marginとpadding

webliker.info

【Part1 - Cap2(p31)】下線を消す - text-decoration

a { text-decoration: none; }

【Part1 - Cap2(p31)】Font Family

指定する場所 bodyに対して指定する body { font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'MS Pゴシック',sans-serif; } プロパティの注意点 フォントファミリー名を使う場合 →ダブルクォーテーション、シングルク…

【Part1 - Cap2(p25)】float解除 ー clearfix

・下記だとfloatが指定されているため高さを認識できなくなり、footerが上がってしまう html <div class="wrapper"></div> <div class="left"></div> <div class="right"></div> <div class="footer"></div> css .left { float: left; } .right{ float: right; } ・改善点「clearfix」 html <div class="wrapper clearfix"></div> <div class="left"></div>

SSH鍵作成

ユーザーディレクトリに移動 $ cd /Users/<username> 鍵を設置するディレクトリを作成 $ mkdir -m 700 ~/.ssh ssh鍵生成 $ ssh-keygen -t rsa Generating public/private rsa key pair. Enter file in which to save the key (/Users/<username>/.ssh/id_rsa): //ファイルが作成</username></username>…

【Node学習】js実行方法

1.Nodeをインストール 2.新規ファイル作成 ディレクトリ階層 /c/Projects/test ファイル名 index.js ファイルの中身 console.log('Hello World'); 3.実行 ターミナルで以下を入力し、Enterを押下 node /c/Projects/test/index.js 実行結果 Hello World