haru.m

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

haru.m

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

今後の課題

Firestorageの導入Bitbucketの導入

haru.m

    • 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://qiita.com/567000/items/dde495d6a8ad1c25f

      haru.m

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

        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/layout/header.scss ...etc） @import "layout/

        haru.m

        • AWS 学習記録（８）

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

          haru.m

          AWS 学習記録（７）

          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で作成ずみのバケットを指定 remove files from server をONに設定する $s

          haru.m

          AWS 学習記録（７）

          haru.m

          AWS 学習記録（６）

          S3安価かつ耐久性の高い、クラウドストレージサービス。 よくある用途としては ・imgなどの静的コンテンツの配信 ・csvなどのバッチ処理を適用させたいファイルの置き場 ・ログファイルの置き場 ・静的なWEBサイトのホスティング などがある S3用語バケット：オブジェクトの保存場所。 オブジェクト：データ本体。S3に格納され、URLが付与される キー：オブジェクトのURLパス CloudFrondコンテンツ配信サービス。高速でコンテンツ（画像など）を表示できるようになる。

          haru.m

          AWS 学習記録（６）

          haru.m

          AWS 学習記録（５）

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

          haru.m

          AWS 学習記録（５）

          haru.m

          AWS 学習記録（４）

          Route53AWSのDNSネームサーバー。ドメインとサーバー（IPアドレス）を紐づけられる DNSDomain Name Systemの略。 フルリゾルバとネームサーバーで構成されている。 フルリゾルバは複数のネームサーバーに問合せ、該当ドメインのアドレスを取得する。 ＩＰアドレス以外の情報も管理している。 ドメインからAWSのWEBサーバーに飛べるようにする手順AWSで対象サーバーのElastic IPを取得 Route53でホストゾーン作成 ゾーンからネームサーバー

          haru.m

          AWS 学習記録（４）

          haru.m

          AWS 学習記録（３）

          EC2AWSの仮想サーバー AMIAmazon Machine Image。サーバーのテンプレートのようなもの。 インスタンスタイプサーバーのスペック定義。高性能なスペックのサーバーほど料金が高くなる。 ストレージサーバーにくっつけるデータの保存場所。 EBS、インスタンスストアの2種類がある。 EBS（Elastic Block Store） 他のインスタンスにも付け替え可能。 インスタンス再起動でもデータはなくならない。 追加費用あり。 インスタンスストア 他のイン

          haru.m

          AWS 学習記録（３）

          haru.m

          AWS 学習記録（２）

          VPC仮想ネットワークを構築するサービス。 AWSコンソールからVPCを選択することで、ネットワーク関連の設定が可能。 サブネットアドレスの範囲を指定して分割されたネットワークのこと。 ネットワークを分割するメリットとしては、アクセス権限などを設定しセキュリティを高めたり、障害に強いシステム構成を実現できることにある。 範囲の指定方法ネットワークの範囲を示すための記法は、CIDR（サイダー）記法とサブネットマスク記法の二つがある。 （例） CIDR　10.0.0.0/16

          haru.m

          AWS 学習記録（２）

          haru.m

          AWS 学習記録（１）

          CloudWatch料金アラートを設定することができる。AWSは課金額が増えてしまうという心配があるため、学習しづらいイメージがあるが対応可能。 IAM作業用ユーザの作成と権限設定ができる。 基本的にルート権限のアカウントは使わないようにする。 ・ユーザ作成 ・ユーザの請求情報へのアクセス権設定 の際にルートアカウントを使用する。 CloudTrailユーザの操作ログを残すことができる。

          haru.m

          AWS 学習記録（１）

          haru.m

          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-tutorial/pull-request/01/ ブランチの操作（作成・切り替え・統

          haru.m

          Github(+Git)の使い方

          haru.m

          WEB決済の実装方法（Stripe）

          Stripe実装の種類Stripeには三種類の実装方法があるが、 checkoutは　WEBでしか利用できず、カード情報の保存と再利用は不可となる。 https://qiita.com/piggydev/items/c70630b5194406ca0e88 日本の現状を鑑みると、以下のような判断になるかと思います。 Charges APIしか対応していない支払い方法（AlipayやWeChat Payなど）を実装する場合は、Charges API。 Payment Inte

          haru.m

          WEB決済の実装方法（Stripe）

          haru.m

          noteを作成した目的

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

          haru.m

          noteを作成した目的

          haru.m