sumi

Webエンジニアしてます。学習した内容を書きます。趣味はお笑いラジオ・ゲーム・西洋音楽・西洋美術など。

sumi

Webエンジニアしてます。学習した内容を書きます。趣味はお笑いラジオ・ゲーム・西洋音楽・西洋美術など。

    最近の記事

    認定スクラムマスター(CSM)に合格した

    認定スクラムマスターの試験に合格し無事に資格習得することができたので、申し込み〜試験対策まで記したいと思います。 申し込み認定スクラムマスター(Certified ScrumMaster®:CSM®)は、Scrum Alliance® が発行するライセンスです。 認定資格を取得するには必ず研修を受講しなければいけません。研修終了後、試験の受講資格が与えられます。 研修受講するには、いくつかの企業の選択肢があり、社内ではOdd-e Japanで受講するメンバーが多かったで

    スキ
    13
      • 【感想】エンジニアリング組織論への招待 ~不確実性に向き合う思考と組織のリファクタリング

        社内で良書と話題だったので手に取りました。かなり読み応えがある本でした。タイトルに「エンジニアリング」というワードがありますが、エンジニアだけを指している言葉ではありません。PMやPOなどシステム開発に携わる全メンバーに刺さる本な気がします。 全体まとめシステム開発の経験がある方ならこんなモヤモヤを経験したことがあるので はないでしょうか。 共感できた方はこの本を手に取ってみると良いのではないかと思います。上記のモヤモヤは「わからない」ことに対する不安です。 「わからない

        スキ
        13
        • 【感想】Clean Architecture 達人に学ぶソフトウェアの構造と設計

          「Clean Architecture 達人に学ぶソフトウェアの構造と設計」を読みました。 著者について著書であるロバートC.マーチン氏は「ボブおじさん」の通称で知られており70歳のおじいさまです。1964年(著者12歳)から半世紀以上コードを書き続けている方で、本の中では著者の豊富な経験(昔話)をいくつも書かれています。 プログラマーなら知っているであろうSOLID原則の提唱者としても知られています。また、テスト駆動開発の推奨者でもあり本書でも「TDD良いよね」的なこと

          スキ
          10
          • AWS Lambda × Node.js(webpack)で環境変数を使う

            はじめにtokenやkeyなどgitignoreしたい変数を扱うのに.envファイルを使いたい時、今まで dotenv を使っていました。しかしwebpackでビルドしてから実行する場合は違う方法で設定することになるので調べたメモです。 ローカル環境webpackを使って構築したので、dotenv-webpack を使って設定してみました。これはwebpackのDefinePluginをwrapしたpluginになります。 インストールnpm install dotenv

            スキ
            16

            AWS SAM でTypeScriptを使う

            あけましておめでとうございます!新年1発目のnoteは、AWS SAM CLIで作成したプロジェクトをTypeScript化したメモです。 はじめに現在LambdaはNode.jsはsupportしていますが、TypeScriptをsupportしていないため、webpackを使って環境を構築していきます。この記事では下記pluginを利用させていただきました。 SAMプロジェクトの作成は下記↓のnoteをご参照ください。 ファイル構成最終的なファイル構成はこのようにな

            スキ
            11

            2020年の仕事内容とこれから

            2020年も残り1日となったので、仕事内容の振り返りや「これからどうしていこうかな〜」というのをまとめたいと思います。 今年の技術スタック的なもの 2020年1月〜9月は社内のコーポレートエンジニアリングチームに在籍し、社内サービスを開発、その後10月からはフロントエンドチームで受託開発案件を担当。 社内サービス開発は、フロントエンドからAWS構築まで経験できました。(ロゴ作成などのデザインタスクもちょっと) フロントエンドの受託開発はNuxtやNextでのSPA開発を

            スキ
            24

            AWS SAM CLI入門する

            SAM CLI とはLambda や API Gateway, DynamoDBがセットになったサービスで、簡単にサーバーレスの環境が作れます Node.jsが使えるので試してみました。他にもPythonやRuby、Go、Javaなどが使えるそうです AWSの設定まずIAMユーザー、IAMグループを作成しました。既に作成している方はスキップで◎ ・AWSCloudFormationFullAccess ・IAMFullAccess ・AWSLambdaFullAcces

            スキ
            9

            Basic認証/Cookie・Sessionについて

            CookieやSessionについてよく聞くけどよく分からない〜状態だったので、認証におけるセキュリティについて勉強してみました。 Basic認証簡易的な認証で、一旦401(unauthorized)を返し、idとpasswordの入力画面で入力した値で再度リクエストします。 Basicの後ろの文字列は「ID:パスワード」とコロン(:)で繋ぎ、Base64エンコードしたものです 一度Basic認証に成功するとその後はブラウザが自動的にAuthorizatioonヘッダを

            スキ
            22

            【感想】世界のエリートはなぜ美意識を鍛えるのか

            以前から美術に興味があった私は「ビジネスマンがなぜアートを勉強するのか」が気になり本を読んでみました。 著者の山口さんは慶應義塾大学院の美術史学を選考され、コンサルティングの道に進んだ方らしく、内容はコンサルティングに寄った内容が多かったように思います。 具体的に絵画の紹介がありつつ「この視点がビジネスに応用すると〜」という話を期待していたんですが、そうではなかったです。 ただ、アートの重要性を話しつつ具体的な企業の例を出して解説してくれるので、その点はとても分かりやす

            スキ
            23

            【CloudRun】Apache+Laravelの環境構築

            Cloud Runを使ってApache + Laravelのアプリケーションをデプロイする方法です。(Cloud SQLについては触れていません) Cloud Runについては過去にnoteを書いてますので見てみてください。 デプロイの流れ分かりやすいようにざっくりイラスト化してみました ファイル構成srcディレクトリにはLaravelのプロジェクトコードが入っています。 Dockerfileの作成CloudRunはDockerComposeではなくDockerfil

            スキ
            13

            Amplify SNS Workshopをやった感想

            Amplify SNS Workshopとは、「Twitterライクなソーシャルメディアアプリケーションの開発を通して、実践的に AWS Amplify について学ぶことが出来る」ハンズオンです。 対象者を初心者としているので、とっつきやすいと思います。下記のページを見ながら試してみました。 Amplifyについて「AWS Startup Day 2020 技術系セッション | これからはじめる AWS Amplify 」で紹介されてるので見てみてください。 開発環境に

            スキ
            12

            amazon CorrettoからJavaをインストール【macOS】

            Amazon Correttoとは 無料でダウンロードできるOpenJDKです。追加で料金がかかることもないです。 JAVAのインストール確認# インストールされてるか確認java -version コマンド実行すると openjdk-12.jdk cannot be opened とポップアップ表示されエラーになりました。削除すれば解決します。 # 削除xattr -d com.apple.quarantine /Library/Java/JavaVirtualMac

            スキ
            7

            ブラウザからTSVファイルをローカルダウンロードする方法【Symfony/Laravel】

            DBのデータを、ブラウザ経由でローカルにダウンロードする方法です。TSVでダウンロードし、エクセルで表示できるようにしました。備忘録として残しておきます。 やりたいことこのデータを加工してエクセルで表示させたい。 $fruits = [ [ "name" => "apple", "price" => "120" ], [ "name" => "banana", "price" => "78" ], [

            スキ
            5

            Sapperとは? TypeScriptとSassの導入方法

            前回の記事でSvelteの良さと環境構築の紹介をしました。今回はSvelteのフレームワークであるSapperについて紹介したいと思います。 SapperとはReactでいうNext.js、Vue.jsでいうNuxt.js にあたるのがSapperです。SSR(サーバサイドレンダリング)が必要な場合は導入すると良いでしょう。 プロジェクトの作成npx degit "sveltejs/sapper-template#rollup" sapper-ts-sample sap

            スキ
            17

            Svelteとは?Reactの比較 / TypeScriptと Sassの導入方法

            Svelteとは最近フロントエンドの技術で、ReactやVue.jsに変わって注目を集めているのが Svelte です。下記のような特徴があります。 ・仮想DOMがない ・ファイル拡張子.svelteになる ・svelteファイルに記述されたstyleはスコープ付きになる ・Store管理も内包している(ReduxやVuexのようにインストールしなくてよい) Svelteは何が良いのか? Vue.js やReactと違って仮想DOMがありません。ビルド時に純粋なJavaS

            スキ
            100

            オンプレミスとは?考慮すべきこととは?初心者向けにまとめてみた

            ※自分はインフラエンジニアではありません。ネットや書籍で調べた情報を自分用にまとめているだけの記事です。 今までサーバーが必要な場合はAWSやGCPなどのクラウドサービスを利用していました。(エンジニアになって初めて触ったのがNetlify、その次がFirebaseという流れでした) オンプレミスについて無知すぎるので、クラウドサービスのメリットでよく語られる特徴も、いまいちピンときていませんでした。 そこで、オンプレミスについて概要を調べてみたのでまとめます⛅️ オ

            スキ
            15