haru.m

麻雀好きなフリーランスエンジニア。 ITコンサル(開発、資料作成) → 全自動麻雀卓の…

haru.m

麻雀好きなフリーランスエンジニア。 ITコンサル(開発、資料作成) → 全自動麻雀卓のメーカー(EC企画、運営) → フリーランスエンジニア (HTML+CSS+Vue.js+Firebase、スクレイピング:Python、WEB制作:HP・EC構築 / Wordpress)

記事一覧

今後の課題

Firestorageの導入Bitbucketの導入

haru.m
4年前

Vue導入サイト構築手順

Vue導入cd {構築したい場所:この配下にフォルダが作成される}npm install -g @vue/clivue create {アプリ名}→router,scss,vuexなどのライブラリは手動で選択するnpm run …

haru.m
4年前

シンプルなサイト構築・公開手順

HTML構築既存フォルダを複製 or VSCodeで「html:5+Tab」 SCSS導入cssフォルダ作成 assets/scssフォルダ作成 package.json作成、ライブラリをインストール npm initnpm i …

haru.m
4年前

AWS 学習記録(8)

CloudFront設定方法CFからディストリビューションを作成 CF編集画面からSSL証明書を作成する ディストリビューションを編集 R53にてCNAMEレコードを追記 ディストリビュー…

haru.m
4年前

AWS 学習記録(7)

S3でのWP画像配信WP plugin:WP Offload media Lite をインストール S3でバケット作成 IAMでS3のアクセス権限をもったユーザーを作成 apacheにphp-xmlをインストール apache…

haru.m
4年前

AWS 学習記録(6)

S3安価かつ耐久性の高い、クラウドストレージサービス。 よくある用途としては ・imgなどの静的コンテンツの配信 ・csvなどのバッチ処理を適用させたいファイルの置き場 ・…

haru.m
4年前

AWS 学習記録(5)

データベースの作成WEBサーバーにSSHログイン mysqlに接続 mysql -h ~~~ -u ~~~ -p mysqlでデータベース作成 CREATE DATABASE db名 DEFAULT CHARACTER SET utf8 COLLATE …

haru.m
4年前

AWS 学習記録(4)

Route53AWSのDNSネームサーバー。ドメインとサーバー(IPアドレス)を紐づけられる DNSDomain Name Systemの略。 フルリゾルバとネームサーバーで構成されている。 フルリ…

haru.m
4年前

AWS 学習記録(3)

EC2AWSの仮想サーバー AMIAmazon Machine Image。サーバーのテンプレートのようなもの。 インスタンスタイプサーバーのスペック定義。高性能なスペックのサーバーほど料…

haru.m
4年前

AWS 学習記録(2)

VPC仮想ネットワークを構築するサービス。 AWSコンソールからVPCを選択することで、ネットワーク関連の設定が可能。 サブネットアドレスの範囲を指定して分割されたネット…

haru.m
4年前

AWS 学習記録(1)

CloudWatch料金アラートを設定することができる。AWSは課金額が増えてしまうという心配があるため、学習しづらいイメージがあるが対応可能。 IAM作業用ユーザの作成と権限…

haru.m
4年前

Github(+Git)の使い方

ーーー既知の使い方ーーー 導入コマンド git init git clone git pull 更新コマンド git add . git commit -m "コマンド" git push origin master ーーー新たに覚えたこ…

haru.m
4年前
1

WEB決済の実装方法(Stripe)

Stripe実装の種類Stripeには三種類の実装方法があるが、 checkoutは WEBでしか利用できず、カード情報の保存と再利用は不可となる。 https://qiita.com/piggydev/items/c7

haru.m
4年前

noteを作成した目的

身に着けたことを記録し、 日々学んだことを説明できるレベルにするため

haru.m
4年前

今後の課題

Firestorageの導入Bitbucketの導入

Vue導入サイト構築手順

Vue導入cd {構築したい場所:この配下にフォルダが作成される}npm install -g @vue/clivue create {アプリ名}→router,scss,vuexなどのライブラリは手動で選択するnpm run servenpm run build

参考
https://designsupply-web.com/media/knowledgeside/4639/
https://

もっとみる

シンプルなサイト構築・公開手順

HTML構築既存フォルダを複製 or VSCodeで「html:5+Tab」

SCSS導入cssフォルダ作成
assets/scssフォルダ作成
package.json作成、ライブラリをインストール

npm initnpm i node-sass --savenpm i node-sass-globbing --save

scssファイル作成(style.scss, assets/layo

もっとみる

AWS 学習記録(8)

CloudFront設定方法CFからディストリビューションを作成
CF編集画面からSSL証明書を作成する
ディストリビューションを編集
R53にてCNAMEレコードを追記
ディストリビューションを編集
Offloadの設定にCloudfrontを登録

AWS 学習記録(7)

S3でのWP画像配信WP plugin:WP Offload media Lite をインストール
S3でバケット作成
IAMでS3のアクセス権限をもったユーザーを作成
apacheにphp-xmlをインストール
apacheを再起動
下記のコマンドにて認証情報をwp-config.phpに編集

cd /var/www/html/nano wp-config.php

WPで作成ずみのバケットを

もっとみる

AWS 学習記録(6)

S3安価かつ耐久性の高い、クラウドストレージサービス。
よくある用途としては
・imgなどの静的コンテンツの配信
・csvなどのバッチ処理を適用させたいファイルの置き場
・ログファイルの置き場
・静的なWEBサイトのホスティング
などがある

S3用語バケット:オブジェクトの保存場所。
オブジェクト:データ本体。S3に格納され、URLが付与される
キー:オブジェクトのURLパス

CloudFro

もっとみる

AWS 学習記録(5)

データベースの作成WEBサーバーにSSHログイン
mysqlに接続 mysql -h ~~~ -u ~~~ -p
mysqlでデータベース作成 CREATE DATABASE db名 DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;
データベース確認 SHOW DATABASES;
ユーザを作成 CREATE USER 'ユーザ名'@'%' I

もっとみる

AWS 学習記録(4)

Route53AWSのDNSネームサーバー。ドメインとサーバー(IPアドレス)を紐づけられる

DNSDomain Name Systemの略。
フルリゾルバとネームサーバーで構成されている。
フルリゾルバは複数のネームサーバーに問合せ、該当ドメインのアドレスを取得する。
IPアドレス以外の情報も管理している。

ドメインからAWSのWEBサーバーに飛べるようにする手順AWSで対象サーバーのEla

もっとみる

AWS 学習記録(3)

EC2AWSの仮想サーバー

AMIAmazon Machine Image。サーバーのテンプレートのようなもの。

インスタンスタイプサーバーのスペック定義。高性能なスペックのサーバーほど料金が高くなる。

ストレージサーバーにくっつけるデータの保存場所。
EBS、インスタンスストアの2種類がある。
EBS(Elastic Block Store)
他のインスタンスにも付け替え可能。
インスタン

もっとみる

AWS 学習記録(2)

VPC仮想ネットワークを構築するサービス。
AWSコンソールからVPCを選択することで、ネットワーク関連の設定が可能。

サブネットアドレスの範囲を指定して分割されたネットワークのこと。
ネットワークを分割するメリットとしては、アクセス権限などを設定しセキュリティを高めたり、障害に強いシステム構成を実現できることにある。

範囲の指定方法ネットワークの範囲を示すための記法は、CIDR(サイダー)記

もっとみる

AWS 学習記録(1)

CloudWatch料金アラートを設定することができる。AWSは課金額が増えてしまうという心配があるため、学習しづらいイメージがあるが対応可能。

IAM作業用ユーザの作成と権限設定ができる。
基本的にルート権限のアカウントは使わないようにする。
・ユーザ作成
・ユーザの請求情報へのアクセス権設定
の際にルートアカウントを使用する。

CloudTrailユーザの操作ログを残すことができる。

Github(+Git)の使い方

ーーー既知の使い方ーーー

導入コマンド
git init
git clone
git pull

更新コマンド
git add .
git commit -m "コマンド"
git push origin master

ーーー新たに覚えたことーーー

プルリクエストの概念
(pull request → merge の流れと方法)
https://backlog.com/ja/git-tuto

もっとみる

WEB決済の実装方法(Stripe)

Stripe実装の種類Stripeには三種類の実装方法があるが、
checkoutは WEBでしか利用できず、カード情報の保存と再利用は不可となる。
https://qiita.com/piggydev/items/c70630b5194406ca0e88

日本の現状を鑑みると、以下のような判断になるかと思います。
Charges APIしか対応していない支払い方法(AlipayやWeChat

もっとみる

noteを作成した目的

身に着けたことを記録し、

日々学んだことを説明できるレベルにするため