WebサイトをPWA（プログレッシブウェブアプリ）にする手順とその必要性
ここ数年、PWA（プログレッシブウェブアプリ）が非常に注目されています。通常のWebページとスマホアプリそれぞれの利点を兼ね備えており、導入したサイトではコンバージョンやユーザーエクスペリエンスの改善が大きく見込めます。 WebサイトをPWAにする手順とその必要性を紹介します。 Turn Your Website into a PWA by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 PWA（プログレッシブウェブアプリ）とは なぜPWAを構築する必要があるのですか？ すでにPWAを採用しているのはどこですか？ PWAを作成する時に必要なもの Web App Manifest Service Worker PWAを5分で構築しよう 静的キャッシュ 動的キャッシュ 静的と動的のどちらを使用すべきですか
[初心者向け]Webサービスを利用する際のDB接続とデータ保存について再入門 | DevelopersIO
おはようございます、もきゅりんです。 前回の続きです。 対象は、何となくAWSを触っているような、駆け出しITエンジニアさんです。IT業界で長く生息する方々には一般常識レベルのことが多いかと思います。 前回はHTTPプロトコルを使ってリクエスト/レスポンスを実行してみました。実際のWebサービスでは、HTTPのリクエストに応じてデータベースとやり取りします。 この記事での構成では、行指向型のリレーショナルデータベースを利用している、と想定します。 DBとの接続、および(DB)サーバとストレージの接続について簡単にまとめていこうと思います。 データベース接続とSQL処理 さて、例によって、DBアプリケーションは、ポートを開いてLISTEN状態で待機しています。 (この例では、RDSではなく、Amazon Linux2にmysql5.7.28をインストールして対応しています) そのポートに対し
![[初心者向け]Webサービスを利用する際のDB接続とデータ保存について再入門 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/6f1fde3cff7767965729d2d96d3e31da5b8a643d/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2018%2F11%2Feyecatch_developers.io_1200x630.jpeg)
[レポート] JAWS-UG 初心者支部#20 JAWSなアウトプットのススメ！ #jawsug_bgnr | DevelopersIO
セッション所感 各登壇者のスライドは後にconpass上にアップロードされるそうなので、ぜひそちらをご参照ください。 本節には私の所感をメインに記します。 セッション①：AWS流アウトプットの秘訣（AWSJ 舘岡 守さん） アウトプットって何だろう？ 広い心で捉えると料理や提案プレゼン、SNSへの写真アップロードも全部アウトプット アウトプットをするとどうなる？ フィードバック（何かしらの反応）を貰える なぜアウトプットが必要なのか 自分が知っていることをそれを知らない誰かに伝えられる 詳しく知っている人からコメントを得られる 伝える技術を向上させられる AWSの中では何をしているか 社内の誰かがアウトプットしたものをそれぞれインプットしている SAの全体ミーティングで共有（新サービスの注意点や伝えるポイントをインプット） 突発的に発生する勉強会 Amazon WorkDocsでドキュメン
![[レポート] JAWS-UG 初心者支部#20 JAWSなアウトプットのススメ！ #jawsug_bgnr | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/5ca91aa09fa531d15f9d6ca85f0a21e23591cbc9/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F05%2Fjaws-ug-logo-1200x630.png){kind=logo}
【2019年版】Unityでモーション再生を極めるためのロードマップ！Animator ControllerからPlayables APIまで - LIGHT11
Unityでモーションを再生する方法はいくつかあり、またそれぞれの仕組みも複雑です。 この記事ではこれらの方法の概観を説明し、関連記事をピックアップすることで学びやすくまとめます。 Unityでモーションを再生する方法の概観まとめ Animator Controller関連の記事まとめ ステートマシン Simple Animation Timeline関連の記事まとめ Playables API関連の記事まとめ Kinematicaについて その他 Unityでモーションを再生する方法の概観まとめ まず、Unityでモーション再生をするには以下の方法があります。 Animator Controllerを使う Simple Animationを使う Timelineを使う Playables APIを使う （今後）Kinematicaを使う まず一番スタンダードな方法がAnimator Co
地方IT企業の戦略を広げる 技術選択としてのReact Native
Transcript ํITاۀͷઓུΛ͛Δ ٕज़બͱͯ͠ͷ React Native Yukiya Nakagawa @ WaterCell Inc. 2019.10.11 MOBILE CREW NIIGATA 2019 ࣗݾհ • த ࠸ / Nkzn / ͳ͔͟Μ • ্ӽࢢग़ • ϞόΠϧΤϯδχΞ ʢReact Native, Android, PWAʣ • ೋࣇͷͰ࠺ͷ ຊ͕ධͰ͢ • ͨͬͨ1Ͱجຊ͕ʹ͘ʂ AndroidΞϓϦ։ൃೖ • ٕज़ධࣾ • 224ϖʔδ / 2,280ԁʴ੫ • https://gihyo.jp/book/ 2018/978-4-297-10004-9 ࠓճɺAndroidΤϯδχΞΒ͍͚ͩ͜͜͠ • Υʔλʔηϧגࣜձࣾ https://water-cell.jp • 2011ۀͷ৽ׁࢢͷϕϯνϟʔا
AWS、Azure、GCPのどの仮想マシンからでもiSCSIでアクセス可能なブロックストレージ「HPE Cloud Volumes」、HPEが国内リージョンで提供開始
AWS、Azure、GCPのどの仮想マシンからでもiSCSIでアクセス可能なブロックストレージ「HPE Cloud Volumes」、HPEが国内リージョンで提供開始 Hewlett-Packard Enterprise（HPE）は、AWSやAzure、GCPのどのクラウド内の仮想マシンからでもiSCSIで高速にアクセスできるフルマネージドなブロックストレージサービス「HPE Cloud Volumes」を、日本国内にある同社のデータセンターから提供を開始し、11月1日より販売を開始すると発表しました。 11月1日の時点でAWSとAzureに対応。GCPへの対応は近日中に行われるとのこと。 特定のクラウドに依存しないストレージを作成できる Cloud Volumesの大きな特徴は、特定のクラウドに依存しないブロックストレージが提供されていることです。 一般に、例えばAWSのブロックストレー
webサービス開発における良い開発環境 - Qiita
最近、「webサービス開発における良い開発環境とは何か？」を自問する機会があったため、その内容を記事としてまとめました。 筆者が考える良い開発環境の条件と、それを実現するための具体的な方法を交えて記載していきます。 （もちろん、記載している条件に合致していることが全てのケース/シーンで「良い」ものであるとは限りませんが） 誰かが新規に開発環境を作る際、また、既存の開発環境を改善する際の参考になれば幸いです。 前提 下記のようなサービス開発を前提とします。 webサービスの開発 OSSではない1 VCS2によって管理されている 開発環境とは以下の2つを内包する ローカルマシンまたは仮想環境上でソースコードを編集し、テスト/静的解析を実行する ローカルマシンまたは仮想環境上でサービスを起動する また、技術的な開発環境についてのみ言及します。 開発フロー、コーディング規約、はてはオフィス環境まで
Visual Studio CodeでJupyter Notebookを動かしてみた | DevelopersIO
どうも、DA事業本部の大澤です。 Visual Studio CodeのPython拡張機能のJupyter Notebook用エディタを触ってみました。Jupyter Notebookと似たインターフェイスでスクリプトが実行でき、エディタのインテリセンスのサポートも受けられて便利そうだったので、今回はその内容をご紹介します。 Working with Jupyter Notebooks in Visual Studio Code やってみる Python拡張機能を有効にする Jupyter Notebookをネイティブサポートするエディタを利用するにはPython拡張機能を有効化する必要があります。有効化してなければマーケットプレイスから検索し、有効化しましょう。 Python - Visual Studio Marketplace Python の環境を選択する コマンドパレットからP
CDNフル活用でつくる、高速Webアプリ / Using CDN To Improve Web Performance
CDNフル活用でつくる、高速Webアプリ / Using CDN To Improve Web Performance
JavaScript Promiseの本 v2リリース、ES2015+に対応、Async Functionの章を追加
JavaScript Promiseの本 v2リリース、ES2015+に対応、Async Functionの章を追加 JavaScriptのPromiseについて学ぶ書籍であるJavaScript Promiseの本 v2をリリースしました。 Promise本 1.0.0をリリースしたのは2014年6月ですが、そこから少しづつアップデートしていました。 JavaScript Promiseの本を書きました | Web Scratch ES6がリリースされたのでPromiseについて学びましょう | Web Scratch 今回のメジャーアップデートとなる2.0.0では、サンプルコードのコードベースをES2015前提のものへと変更しています。 1.x系からの主な変更点としては次のものがあります。 ES6をES2015に表記を変更 コードベースをES5からES2015+(ES2015以降ベース
スマホゲーム専用広告ネットワーク - GAMEFEAT（ゲームフィート）
無料ゲームアプリのマネタイズを支援する事を目的とした圧倒的な収益性を誇る広告サービスです。 ＊高単価なゲームアプリ広告を多数配信 ＊業界トップクラスの報酬単価 ＊最低報酬単価200円保証！ ＊導入アプリのプロモーションも可能 ゲームtoゲームのエコシステムを構築した事で、ムダなクリックが少なく利益に結びつきやすい。既にトップデベロッパー様を中心に3,800以上のアプリが登録されています。 レビュー付きだからアプリ内の コンテンツとして紹介できる 「おすすめアプリ」などアプリに合わせて素材を設置して頂き、そこからオファーウォールを呼び出す形式。広告の掲載順位はアプリ毎に期待収益が最大となるよう自動で最適化するため、手間もかかりません！ 隙間スペースに自由に 設置できる ゲーム結果画面の空きスペースや育成ゲームのプレイ画面など、隙間に設置可能。豊富な広告在庫（月間約100本）から、期待収益の高
Install Grafana on Debian or Ubuntu | Grafana documentation
Solutions All end-to-end solutions Opinionated solutions that help you get there easier and faster
grafanaにCPU使用率及びメモリ使用率グラフを追加 | reyfox blog
grafana+prometheusでサーバ監視をしグラフィカルなダッシュボードを作る 上記記事でgrafana+prometheusでダッシュボードを作成しました。 今回はここにCPU使用率とメモリ使用率を追加してみたいと思います。 なお、使用するバージョンは下記のものとなります。 prometheus Version 2.6.1 node_exporter Version 0.17.0 前回の記事でprometheusを起動している場合、すでに node_exporter も裏で動いていて情報が収集されています。 CPU使用率グラフの追加 まず、grafanaにログインしダッシュボードを開き、上の方の Add panel を選択します。 grafana のアドレスは、http://[サーバアドレス]:3000/ となります。 続いて、Graph を選択します。 今回は、Userが使って
Ubuntu Linux 18.04 LTSに、Grafanaをインストールする - CLOVER🍀
Ubuntu Linux 18.04 LTSに、Grafanaをインストールしてみます。 Grafana - The open platform for analytics and monitoring DebianおよびUbuntuでのインストール方法は、こちらを参照します。 Installing on Debian / Ubuntu | Grafana Documentation インストール方法は3つあり、debファイルからインストールする方法と、aptリポジトリを追加してインストールする方法、 それからtar.gzからインストールする方法。 それぞれ、やってみましょう。 対象のGrafanaのバージョンは、5.3.4とします。 debファイルからインストールする debファイルからインストール場合は、シンプルにダウンロードしてdpkgコマンドで。 ダウンロードページは、こちらです。
Fargateで起動したコンテナからS3へファイルをアップロードする - Qiita
概要 EC2上で動かしてたバッチスクリプトをコンテナへ移植するにあたり、そのバッチ処理の結果をEC2上に保管する処理をS3へアップロードする処理へ変更するために試してみたことのメモ。 Docker に aws cli を入れて、コンテナ内から aws s3 cp コマンドを実行してコンテナ内のファイルをS3へアップロードする。 前提 Fargate と S3 は同じAWSアカウントの東京リージョンにある 設定 バッチの結果を保存するS3バケットを作成 バケット名 任意。今回は世界でユニークなものにするため、末尾にこのS3のAWSアカウントIDを付けている。 log-infra-batch-AWSアカウントID アクセス権限 フォルダ（プレフィックス）作成 S3バケット 「log-infra-batch-AWSアカウントID」 に様々なバッチの結果を保存する予定。 今回は terraform
Fargateで起動するコンテナのログをFluentd経由でS3に保存してみた | DevelopersIO
現状、Fargate上のコンテナが利用できるログドライバーはawslogsのみです。つまり、アプリケーションログ（標準出力）の集約先としてはCloudWatch Logsしかありません。 「それはわかっている。でもどうしてもFluentd経由で外部にログを送信したいんだ。。」 そんなことがありました。ということで今回はFargate上で起動するコンテナのログをFluentd経由で外部に送信する方法を紹介したいと思います。 ログ転送イメージ アプリケーションコンテナおよびFluentdコンテナで共有ボリュームをマウントします。アプリケーションコンテナはそのボリューム上にログを出力し、Fluentdコンテナはそのログ参照します。 ECSの言葉でいうと、1つのTaskにアプリケーションコンテナ、Fluentdコンテナ、およびVolumesを定義し、両コンテナのMountPointsで同一のVol
DockerでPrometheus, Grafana, Alertmanagerを動かす - Qiita
はじめに DockerでPrometheus、Grafana、Alertmanagerを同時に動かしてみました。 その際AlertmanagerからSlackに通知が行くようにしています。 Prometheusとは Prometheusはオープンソースの監視ツールで、元々は2012年にSoundCloudで作られたものです。その後様々な企業に採用され、プロジェクトは活発になっていきました。 多次元データモデルやHTTPのpull型通信を用いた時系列収集が特徴で、グラフやダッシュボードがサポートされています。 Grafanaとは GrafanaはPrometheusやInfluxDBと連携してグラフ描写を行えるデータダッシュボードソフトウェアです。 Prometheusにデフォルトで付いているグラフ描写機能はカスタマイズ性が少なくて監視するサーバの数が多くなるとただただ見にくいので、Graf
S3のSSL通信 - Qiita
2019/07/11：コメント欄のご指摘を受け実験結果を一部削除。(HTMLのパスを間違っており変な実験結果を載せてました。お恥ずかしい・・・） S3は HTTPSをサポートしていない？ 「 S3は、HTTPS通信できないですよね？ 」と言う話しが会話ででてくる事がよくあり「あれ、実際HTTPS通信問題なく使えているのに、その話し良く聞くけどなんでだっけ」と思う事があるので、メモしておきます。(この記事中のテスト用のリンクは予告なく削除される事がありますのでご了承下さい) 結論としては、 S3デフォルト(「REST APIエンドポイント」)では HTTPS通信可能。 「ウェブサイトエンドポイント」としての設定(ドメイン名のフォーマットが「REST APIエンドポイント」と異なってくる)をした場合は、「ウェブサイトエンドポイント」用のドメインでは、HTTPS通信できない (但し、デフォルトで
MinikubeをHyber_v上のUbuntuのDockerで動かす - Qiita
Kubernetesのお試し環境であるminikubeを動かしてみたくなって、Windows PC（Surface PRO LTE Advanced)のHyper_vにUbuntuを入れて、Ubuntuホスト（Windowsから見たらゲストですが）上のDockerでminikubeを動かしてみました。 Hyper_vの上でUbuntuを入れなくても、minikubeをインストールできます。この場合はHyper_v上にminikubeの仮想マシンが自動的に構築されます。ただ、この方式ですと、kubectlなどの操作をDOSプロンプト、ないしはPowerShellから実行しなければなりません。Linuxの操作に慣れているので、今回はUbuntuを入れて、その中でDocker上にminikubeを導入する方法を選択しました。 環境 PC OS : Windows10 Enterprise Edi
minikube start
minikube is local Kubernetes, focusing on making it easy to learn and develop for Kubernetes. All you need is Docker (or similarly compatible) container or a Virtual Machine environment, and Kubernetes is a single command away: minikube start What you’ll need 2 CPUs or more 2GB of free memory 20GB of free disk space Internet connection Container or virtual machine manager, such as: Docker, QEMU, H
RancherOS+k3s+Rancherで、超軽量のKubeお勉強環境を作ってみた - Qiita
はじめに こんにちわ！石田です。昨年くらいから「これからの技術者はKubernetesのスキル付けんと（どうこう）」ってことで、Qiita読者の皆様はもうk8sをあれこれお勉強中かと思います。私もあれこれ試してたんですが とにかく手間かけずに現物を触ってみたいならメガ・ベンダーが提供するk8sのクラウド・サービスが一番簡単でしょうが、各々独自のお約束や手間があるし、自分で環境作らないと、なんか腹落ちしません。（すぐ動くけど、やったことすぐ忘れそう） 「minikubeってのがあるよ」ってことで自分のPCに入れてみたんですが、結構重いです！私のPCはメモリ16GB/SSDのThinkpadなんですが、VMWareで実行するとメモリ8GB割り当てても、起動までにかなり待たされますし、なんか「モッサリ」感が否めません。 そんな時にRancherLabsからk8sの軽量版、k3sってのが出たよ、と
minikube でローカルでのテスト用 Kubernetes を構築
Kubernetes を調査しようかなということで minikube を使ったセットアップを試してみる 環境は Ubuntu 16.04 の Note PC minikube は single node の Kubernetes を 1 コマンドでセットアップすることができるツールです。Windows でも使えます。 KVM または VirtualBox で仮想サーバをたてて、そこで Kubernetes 環境が構築されます。 kubectl のインストールKubernetes の操作には kubectl が必要なのでまずはこれをインストール curl -Lo kubectl http://storage.googleapis.com/kubernetes-release/release/v1.4.0/bin/linux/amd64/kubectl \ && chmod +x kubect
CloudNative Days Tokyo 2019 スライドまとめ - kamoqq.info
CloudNative Days Tokyo 2019 / OpenStack Days Tokyo 2019 そのうちアップされるかもしれませんが公式の発表資料まとめが見当たらなかったのでTwitterなどから拾ってきました。 一部セッションでタイムテーブルとスライドでタイトルが異なっている場合がありますがタイムテーブルのタイトルで記載しています。 「後日アップロードします」って人もいたので見つけ次第更新します。 1日目 【Keynote】Opening Act 【Keynote】Collaboration Without Boundaries 【Keynote】Performing Infrastructure Migrations at Scale 【Keynote】The 10 new rules of open source infrastructure 【Keynote】Dem
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
名古屋市の鶴舞中央図書館でARを使ったナビシステム、目的の書架に案内 - 週刊BCN+
【第7回】Go言語（Golang）入門～HTMLテンプレート利用編～ – 株式会社ライトコード
TechCrunch • Startup and Technology News
デザインに便利なツール18選｜かずたか
Ubuntu 18.04にDockerをインストールする(+docker-composeも) - Qiita
Grafana HTTP Error Bad Gateway and Templating init failed errors
What is the Internet of Things Platform - All About IoT Technology and Applications
Top 20 IoT Platforms in 2018