はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    大阪万博

『note.com』

  • 人気
  • 新着
  • すべて
  • 【CloudRun】Apache+Laravelの環境構築|sumi|note

    6 users

    note.com/kawa1228

    Cloud Runを使ってApache + Laravelのアプリケーションをデプロイする方法です。(Cloud SQLについては触れていません) Cloud Runについては過去にnoteを書いてますので見てみてください。 デプロイの流れ分かりやすいようにざっくりイラスト化してみました ファイル構成srcディレクトリにはLaravelのプロジェクトコードが入っています。 Dockerfileの作成CloudRunはDockerComposeではなくDockerfileを簡単にデプロイするサービスなので、同じコンテナにLaravelとApacheの環境を作ります。 イメージはcomposerとphp-apacheを利用します。 FROM composer:latest as build WORKDIR /app COPY . /app FROM php:7.3-apache COPY ph

    • テクノロジー
    • 2020/09/11 00:55
    • laravel
    • GCP
    • docker
    • php
    • Apache
    • Svelteとは?Reactの比較 / TypeScriptと Sassの導入方法|sumi|note

      67 users

      note.com/kawa1228

      Svelteとは最近フロントエンドの技術で、ReactやVue.jsに変わって注目を集めているのが Svelte です。下記のような特徴があります。 ・仮想DOMがない ・ファイル拡張子.svelteになる ・svelteファイルに記述されたstyleはスコープ付きになる ・Store管理も内包している(ReduxやVuexのようにインストールしなくてよい) Svelteは何が良いのか? Vue.js やReactと違って仮想DOMがありません。ビルド時に純粋なJavaScriptにコンパイルして表示します。つまりSvelteはコンパイラーです。 そもそも仮想DOMのメリットとして、アプリ全体を再レンダリングせず、変更箇所(実際のDOMと仮想DOMの差分)もしくは Contextでトリガーされたとき を検知して、局所的にレンダリングすることで高速化を図っています。 Svelteの公式ブログ

      • テクノロジー
      • 2020/06/27 16:06
      • Svelte
      • React
      • TypeScript
      • あとで読む
      • techfeed
      • javascript
      • Vue
      • CSS
      • 比較
      • AWSの主要サービスをまとめてみた(前編)|sumi|note

        3 users

        note.com

        AWSのサービスがたくさんあり、「名前だけ聞いたことあるけど、どんなサービスなのか分からないな〜」状態だったので主要サービスの概要をまとめてみました。 結構長くなってしまったので前編・後編と記事を分けて説明していきます。 VPC (Virtual Private Cloud) 専用のネットワーク空間で、ほぼMUSTで使うサービス。パブリックサブネット・プライベートサブネットの構築ができる。 外部インターネットに接続したい場合 →VPCにインターネットゲートウェイ(IGW)にアタッチ オンプレミスネットワークに接続したい場合 →仮想プライベートゲートウェイ(VGW)にアタッチサブネットを使ってインターネットからアクセスできる領域をわける。 ・パブリックサブネットに設定 外部インターネットとの通信する機能 (例)ウェブサーバーなど ・プライベートサブネットに設定 特定のネットワークとのプライベ

        • テクノロジー
        • 2020/06/15 11:46
        • AWS
        • サーバ
        • cloud
        • クラウド
        • Slack Web API に入門してみよう|sumi|note

          3 users

          note.com/kawa1228

          コミュニケーションツールとしてSlackを導入している場合、Slack API を使うと色々な事ができて夢が広がります。ぜひ触ってみて下さい。 Slack Web APIとは?細かい仕様はいろいろありますが、ざっくりこんな感じ。 ・slack からユーザーの情報を取得 ・slackのチャンネル・DMへ投稿本記事ではSlack Web APIについて説明しますが、他にもRTM API と Events APIがあります。下記が日本語サイトでわかりやすいのでご参考に。 間違えやすいBotとの違い間違えやすいのですが、BotとWeb API のBot Token(後述)は別物です。 Botsが出来ること ・slackでキーワードを入力すると回答(カスタム可能) ・slackのスラッシュコマンドをフックにリマインダーやタスクの登録など基本的にはslackでユーザーがした行動に対してなにかしてくれる

          • テクノロジー
          • 2020/05/25 00:29
          • SVGでCSSアニメーション|sumi|note

            11 users

            note.com/kawa1228

            はじめにカラフルな線が印象的なアイコンができたので、ラインを描いていくようなアニメーション(ドローアニメーションというのかな?)にしていきます。 最初に見かけた方法はvivusというSVGアニメーションのJavascriptライブラリ。 簡単に手書き風?アニメーションができそうです。 でもvivusはやめました。Javascript重いのでCSSだけでいけるならそのほうが良いですよね・・。ということで調べつつやってみました。 SVGを表示する/mozart.svg(モーツァルトの顔部分) <svg id="icon" xmlns="http://www.w3.org/2000/svg"> . . . </svg> /mozart-text.svg(Wolfgang Amadeus Mozartの部分) <svg id="icon" xmlns="http://www.w3.org/2000

            • アニメとゲーム
            • 2020/03/15 17:09
            • CSS
            • アニメーション
            • Animation
            • Laravel + Vue.js ユーザー一覧を作成してみる(API編)|sumi|note

              3 users

              note.com/kawa1228

              LaravelでAPIを作成し、Vue.jsでフロント側を作成してみたいと思います。このAPI編では、/user APIを作成するところまでです🙌 最終的にはこんなかんじでユーザー一覧が表示されるようにしていく! モデルの作成$ php artisan make:model User モデルを作成。中身はまだ空っぽでOKです。こうしておくと、ControllerでUser::query()が使えるようになり、DBのuserテーブルが取得できます。 $ php artisan make:migration create_users_table 次に、テーブルのフィールドを定義します。Schema::createの部分に追加していきます。下記の要領でname, icon_url, created_at, updated_at あたりを追加すればOK! Schema::create('user

              • テクノロジー
              • 2020/02/19 11:57
              • laravel
              • note
              • Dockerfile入門する|sumi|note

                3 users

                note.com/kawa1228

                Dockerfileを理解するために、わたしが一番使い慣れているNuxt.jsを使って勉強していきます🙌 dockerのキャッシュを理解してビルドの最適化ができたらと思います。 最終的にやりたいこと・Docker Hubに作成したimageをpush ちなみにフロントエンド の開発環境にDocker不要なのでは?論がありますが、今回は勉強のためやっていきたいと思います。 イメージ図NuxtがうごくDockerコンテナを作るには、既存のnodeイメージを使ってDockerfileに自分の設定を追加します。 そのDockerfileを元にdocker buildすることでイメージ(コンテナの元)が出来上がります! 作成したimageを元にdocker runすることでコンテナを起動することができます🌟 こんなかんじです。(ああ・・字が汚い・・) Nuxtのプロジェクトを用意すでにあるNux

                • 暮らし
                • 2020/02/17 08:02
                • Docker
                • Cloud RunとContainer Registryに入門する|sumi|note

                  9 users

                  note.com/kawa1228

                  本記事のゴールDocker環境で作ったNuxt.jsのプロジェクトを簡単にデプロイしたい! Cloud Runとは?サーバーレスアーキテクチャで、コンテナを使って簡単に本番環境へデプロイできる、Google Cloud Platformのサービスです。Cloud Run  |  Google Cloud Googleアカウントを使用するので、簡単に始められるのも利点です! Docker Imageを用意以前作成したNuxt.jsのimageを使っていきたいと思います。 プロジェクトの作成GCPを触るのが初めてだったので新しくプロジェクトを作成します。 sumiプロジェクトの中でContainer RegistryとCloud Runを使っていきます。 Google Cloud SDKを使う gcloudコマンドを使えるように下記コマンドを実行します。 curl https://sdk.cl

                  • 暮らし
                  • 2020/02/16 23:13
                  • 私のフロントエンドエンジニアとしてのキャリアプランについて|sumi|note

                    106 users

                    note.com/kawa1228

                    つまり、会社から昇給通知を待つのではなく、「私このくらい業務に貢献したから年収〇〇万円にしますね」みたいな感じです。 申請してすぐにその給与になるわけではなく、社内でレビューしてもらうのですが、その時にキャリアプランの提示が必須なので真面目に書きました。 せっかく書いたのでnoteでも公開したいと思います。 (ちなみに私は業界未経験からのエンジニア歴7ヶ月です) 自分の取り巻く環境も変わり、今思い描いているキャリアとは少しちがうので有料とさせて頂きます。この頃の気持ちに嘘はありませんので、記事を削除する気にはなれず…。(2020/02加筆)わたしの目標

                    • テクノロジー
                    • 2019/08/01 23:30
                    • エンジニア
                    • あとで読む
                    • frontend
                    • キャリア
                    • engineer
                    • techfeed
                    • 会社
                    • CSS
                    • セキュリティ

                    このページはまだ
                    ブックマークされていません

                    このページを最初にブックマークしてみませんか?

                    『note.com』の新着エントリーを見る

                    キーボードショートカット一覧

                    j次のブックマーク

                    k前のブックマーク

                    lあとで読む

                    eコメント一覧を開く

                    oページを開く

                    はてなブックマーク

                    • 総合
                    • 一般
                    • 世の中
                    • 政治と経済
                    • 暮らし
                    • 学び
                    • テクノロジー
                    • エンタメ
                    • アニメとゲーム
                    • おもしろ
                    • アプリ・拡張機能
                    • 開発ブログ
                    • ヘルプ
                    • お問い合わせ
                    • ガイドライン
                    • 利用規約
                    • プライバシーポリシー
                    • 利用者情報の外部送信について
                    • ガイドライン
                    • 利用規約
                    • プライバシーポリシー
                    • 利用者情報の外部送信について

                    公式Twitter

                    • 公式アカウント
                    • ホットエントリー

                    はてなのサービス

                    • はてなブログ
                    • はてなブログPro
                    • 人力検索はてな
                    • はてなブログ タグ
                    • はてなニュース
                    • ソレドコ
                    • App Storeからダウンロード
                    • Google Playで手に入れよう
                    Copyright © 2005-2025 Hatena. All Rights Reserved.
                    設定を変更しましたx