サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
WWDC25
qiita.com/NaokiIshimura
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
はじめに hotwire-railsの勉強にあたって、スクリーンキャストの内容を写経しながら理解した動作について、備忘録として投稿させていただきます。 投稿してる人の理解度 Hotwireを利用すればRailsアプリでSPAが実現できる。 もくじ スクリーンキャストを写経しながらHotwireを理解する（その１） - 0:00 ~ 0:55 Hotwire の 説明 - 0:56 ~ 2:21 Hotwire を 導入する準備 スクリーンキャストを写経しながらHotwireを理解する（その２） - 2:22 ~ 3:16 ページの一部 を turbo-frame にする - 3:17 ~ 3:35 turbo-frame内のリンク から 別ページへ遷移できるようにする スクリーンキャストを写経しながらHotwireを理解する（その３） - 3:36 ~ 4:38 turbo で ページ全体
問題点 CodeBuildでaws ecr get-loginコマンド実行時にエラーが発生する ビルド結果 buildspec.yml(抜粋) version: 0.2 phases: pre_build: commands: - # 省略 - $(aws ecr get-login --no-include-email --region ${AWS_DEFAULT_REGION}) - # 省略 [Container] 2018/08/23 06:59:56 Running command $(aws ecr get-login --no-include-email --region ${AWS_DEFAULT_REGION}) An error occurred (AccessDeniedException) when calling the GetAuthorizationToken
もくじ WEB/APサーバが一体化された構成 WEB/APサーバが分離された構成(WEB:AP = 1:1) WEB/APサーバが分離された構成(WEB:AP = 1:多) WEB/APサーバが分離された構成(共有ディレクトリ有り) UNIXドメインソケット利用時の注意点 1. WEB/APサーバが一体化された構成 WEB(Nginx)とAP(Rails)を1台のサーバ内に収める構成です。 NginxとRailsの連携にはUNIXドメインソケットを利用します。 【Nginx ポケットリファレンスより抜粋】 UNIXドメインソケットのでの接続は同一サーバ内に制限されますが、TCP接続と比べて接続時のオーバーヘッドが少ないので、細かい大量のアクセスを処理する際に負荷の軽減を図ることができます。 Rails UNIXドメインソケットを利用するために、pumaのコンフィグにsockファイルのパスを
ざっくりまとめた図 以下は各機能やファイルがどのように連携するのかを自分なりにまとめた図です。 これから ECS Blue / Green Deploy に着手する方の助けになれば幸いです🙇♂️ はじめに 本投稿では私自身が AWS ECS の Blue / Green Deploy を実現できるようになるために学んだことを備忘録として投稿させていただきます。 前提知識 ECSのデプロイはCodePipelineで自動化していた(Blue / Green は利用してない) 背景 エンドユーザが新しいバージョンのアプリを操作可能となる前に本番環境で動作確認できるようにしたかった ECS Blue / Green Deploy であれば容易に実現可能だと思った 学習 ECS Blue / Green Deploy の 学習に参考としたサイト 以下のサイトでは「80ポートでリクエストを受け付
はじめに Rails6でwebpackerが標準になったことにより、Railsアプリの開発環境にyarnのインストールが必要になりました。 webpacker,yarnがインストールされてない環境で発生するエラーと解決方法について備忘録として投稿させていただきます。 開発環境 Rails 6.0.0.rc2 Ubuntu Server 18.04 LTS もくじ webpacker がインストールされてない yarn がインストールされてない node_modules がインストールされてない パッケージのバージョンが不一致(？) ⚠️ webpacker がインストールされてない rails6のアプリを新規作成したときに発生します。 エラー rails s などの時点で webpacker がインストールされてない場合、 $ rails s => Booting Puma => Rail
もくじ ALBの作成 Fargateタスクの作成 Fargateクラスターの作成 Fargateサービスの作成 アクセス確認 事前準備 事前にnginxのコンテナイメージをリポジトリに登録しておきます。 Amazon ECS を利用する前にローカルでコンテナを動かす - Qiita 1. ALBの作成 事前にサービスで利用するALB(Application Load Balancer)を作成しておきます 補足：ECSとの違い FargateではALBに割り当てるターゲットグループのターゲットの種類にipが指定されてないと、サービス作成時に指定することができませんでした。 2. Fargateタスクの作成 Fargate用のタスクを作成します。 補足：ECSとの違い Task SizeのCPUとメモリが必須パラメータになってました ポートマッピングでホストポートの指定が不要になってました 3
$ npm -g install firebase-tools npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules npm ERR! path /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall access npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! { Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! stack: 'Error
{ "name": "Weather PWA", "short_name": "Weather", "icons": [{ "src": "images/icons/icon-128x128.png", "sizes": "128x128", "type": "image/png" }, { "src": "images/icons/icon-144x144.png", "sizes": "144x144", "type": "image/png" }, { "src": "images/icons/icon-152x152.png", "sizes": "152x152", "type": "image/png" }, { "src": "images/icons/icon-192x192.png", "sizes": "192x192", "type": "image/png" },
1. 旧バージョンのコンテナをデプロイ 旧バージョンのコンテナ(v1)をデプロイしておきます。 タスク定義 タグv1を明示的に指定して、旧バージョンのコンテナイメージを含んだタスク定義、サービスを作成してデプロイ。 アクセス確認 ブラウザからALBにアクセスして旧バージョンのHTMLが表示されることを確認。 2. 新しいリビジョンのタスク定義を作成 コンテナイメージのタグをv2に更新した新しいリビジョンのタスク定義を作成します。 3. サービスを更新して新バージョンのコンテナをデプロイ サービスを更新して新しいリビジョンのタスク定義をデプロイします。 サービスの更新 タスク定義に新しいリビジョンを指定。 補足：最小ヘルス率 50を指定しているので、アップデート中にhealty状態のタスクが必要数の50%まで低下する可能性がある 補足：最大率 200を指定しているので、アップデート中にhea
背景 iOS(11.3時点)のPWAではCookieが起動ごとに初期化され、Session(Cookie)を利用したログイン状態の保持ができません。追加調査でLocalStorageについては初期化されないことがわかったため、LocalStorageを利用したオートログインの実現について実験しました 来週開催されるWWDCやiOS12で解消されるのを切に願ってます😭 過去の調査内容 【調査】WEBアプリをPWAとして起動した場合にブラウザのCookieが引き継がれるか確認する - Qiita 【調査】WEBアプリをPWAとして起動した場合にブラウザのlocalStorageが引き継がれるか確認する - Qiita サンプルアプリ 調査のために作成したサンプルアプリは今後もiOS, Androidバージョンアップ時に利用する可能性がありそうなためHerokuで公開しておきました。（無料プラ
【追記】調査用アプリ 調査で利用したWEBアプリは今後もiOS, Androidバージョンアップ時に利用する可能性がありそうなためHerokuで公開しておきました。（無料プランのためしばらくアクセスがなかった場合はページが表示されるまで少し時間がかかります） https://pwa-localstorage-test-app.herokuapp.com/ 調査内容 WEBアプリをPWA（プログレッシブウェブアプリ）として起動した場合にブラウザのlocalStorageが引き継がれるか確認する。 調査対象 iOS 11.3 Android 8.0 調査の背景 参考：【調査】WEBアプリをPWAとして起動した場合にブラウザのCookieが引き継がれるか確認する - Qiita iOS(11.3)のPWAではブラウザとCookieが共有されない＆前回起動時のCookieは引き継がれないため、これ
全体の流れ ローカルでコンテナを動かす ECSでコンテナを動かす ECSでコンテナをクラスタリングする ←今回の投稿 ECSのログをCloudWatchで収集する ドメインを取得する ドメインにALBを割り当てる HTTPS化する もくじ 今回の投稿ではコンテナをクラスタリングします。 Application Load Balancerの作成 セキュリティグループの作成 ECSのリポジトリにコンテナイメージを登録する ECSのタスク定義を作成する ECSのクラスターを作成する ECSのサービスを作成する アクセス確認 デプロイするコンテナについて 以前の投稿で作成したnginxのコンテナイメージをデプロイします。 1. Application Load Balancerの作成 コンテナへのロードバランシングを行うApplication Load Balancer(ALB)を作成します。 補
注意点 本投稿ではWebpackerがインストールされてないRails5以前のアプリを対象にBootstrap4を導入する手順を掲載しております。 Webpackerが標準となったRails6アプリにBootstrap4を導入する際には以下の記事がとても参考になりました🙇♂️ RailsでBootstrapとFont-AwesomeはWebpackerで今時っぽく使おう - Qiita はじめに Bootstrap 4のComponentsの中にちょうど使いたいと思っていた部品があったので、Bootstrap 4をRailsに導入する手順を確認しました。 公式サイト Bootstrap · The most popular HTML, CSS, and JS library in the world. 注意点 投稿時点でのBootstrapのバージョンは~~v4.0.0-beta.2~
このページを最初にブックマークしてみませんか？
『@NaokiIshimuraのマイページ - Qiita』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
