On October 1, 1903, the Boston Americans (soon to become the Red Sox) of the American League played the National League champion Pittsburgh Pirates in the first game of the modern World Series. Pittsburgh won the game by a score of seven to three, but lost the best-of-nine series to Boston, five games to three. The series was financially and popularly successful, but the arrangement to play was in

〒100-8968 東京都千代田区永田町1-6-1 TEL.03-5253-2111（代表） 内閣府大臣官房政府広報室

〒100-8968 東京都千代田区永田町1-6-1 TEL.03-5253-2111（代表） 内閣府大臣官房政府広報室

平成３０年１０月１日、安倍総理は、ノーベル生理学・医学賞の受賞が決定した京都大学高等研究院の本庶佑副院長･特別教授へお祝いの電話をかけました。

ことしのノーベル医学・生理学賞の受賞者に、免疫の働きを抑えるブレーキ役となる物質を発見し、がんに対して免疫が働くようにする新たな治療薬の開発などに貢献した京都大学特別教授の本庶佑さんが選ばれました。

Serverlessconf Tokyo 2018

すべて Tech Idea Diary 2024-06-26 WebブラウザにおけるOpenTelemetryの自動計装PoC: Trace via Service Worker TechWebOpenTelemetryService Worker 2024-06-23 Cloudflare Image Transformationで画像最適化した TechCloudflareBlog DevAstro 2024-06-20 Angular: Rendering EffectsとBusiness Effects TechAngularSignals 2024-06-14 計画の優先順位ではなく目標の優先順位を決める Idea雑記言語化 2024-06-13 Angular: Model Inputsを使ったカスタムフォームコントロール実装例 TechAngularSignalsForms

A recent interaction by the two sides spotlighted the ongoing activity in the defense relationship. This week, an Indian naval ship paid a port visit to the Vietnamese city of Ho Chi Minh city. While this is just one of a series of scheduled defense engagements by the two sides expected this year, it has nonetheless once again put the spotlight on the growing security ties between the two Asian po

Pathways Build skills in Unity with guided learning pathways designed to help anyone interested in pursuing a career in gaming and the Real Time 3D Industry. View all Pathways Courses Explore a topic in-depth through a combination of step-by-step tutorials and projects. View all Courses

Pathways Build skills in Unity with guided learning pathways designed to help anyone interested in pursuing a career in gaming and the Real Time 3D Industry. View all Pathways Courses Explore a topic in-depth through a combination of step-by-step tutorials and projects. View all Courses

return文への指定を省略 golangでは戻り値に変数を割り当てると、return文へ指定する戻り値を省略可能。 つまり、次のような関数fooはa,bを正しく返す。

あらすじ 業務でGo言語を使う機会が出始めました。 家でも練習したいと思ったので、環境構築したいと思います。 こちらのサイトを参考にしながら、実施したいと思います。 環境設定 ダウンロード まずはパッケージのダウンロードからです。 どうやら公式ホームページに環境構築用の実行ファイルが 置いてある模様。 さっそく実施してみたいと思います。 https://golang.org/doc/install?download=go1.7.windows-amd64.msi こちらにアクセスしたら、勝手にダウンロードされました。笑 現段階でダウンロードされたのは、go1.7だけれども これは最新版なのだろうか… OKボタンをぽちぽち押しながら、インストール。 環境変数の設定 はてさて、インストールが終われば 待っていますのが環境変数の設定ですね。 初心者の頃はこの設定を見失っており、何度も失敗しました

Help us understand the problem. What is going on with this article?

package main import "fmt" const ( FOO = iota + 10 BAR BUZ ) func main(){ fmt.Printf("%v\n", FOO) // => 10 fmt.Printf("%v\n", BAR) // => 11 fmt.Printf("%v\n", BUZ) // => 12 return } Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationWhat you can do with signing up

NeoVimでLSP(Language Server Protocol)を使ったら、定義ジャンプなどが劇的に早くなったGoneovimvim-goLSP こんにちわ vim8を使ってgoのコーディングをしていたのですが、 マシンパワー不足＆なぜかvimが重たくて、定義ジャンプなどが遅いのがかなりストレスだったので、 なんとか改善できないかと試行錯誤した結果、かなり早くになったので同じ状況に悩んでいる方がいたらぜひ試してみてください。 アジェンダ vim-goとLSPのスピード差異 環境 導入 LSPのデメリット 最後に vim-goとLSPのスピード差異 vim-go LSP(Language Server Protocol) vim-goによるジャンプがもっさりしているのに対して、 LSPはサクッとジャンプしているのは一目瞭然ですね。 ちゃんと調べていないのですが、vim-goの重たい原

Name Command State Ports --------------------------------------------------------------------------------------------------- laradock_docker-in-docker_1 dockerd-entrypoint.sh Up 2375/tcp laradock_mysql_1 docker-entrypoint.sh mysqld Up 0.0.0.0:3306->3306/tcp, 33060/tcp laradock_nginx_1 nginx Up 0.0.0.0:443->443/tcp, 0.0.0.0:80->80/tcp laradock_php-fpm_1 docker-php-entrypoint php-fpm Up 9000/tcp lar

環境: Laravel 5.6 Laravel5系では、発行されたSQLを以下の手順で確認できます。 1. DB::connection()->enableQueryLog(); 2. データベースアクセスのメソッドを実行する。 3. DB::getQueryLog(); これを使ってPHPUnitでRepository層のテストを書くことが目標です。 例として、指定したUserIdで直近２週間の記事一覧を返すメソッドのテストを実装します。 サンプルのテストコード public function testQueryTest() { $article = new Article; //Eloquent Model $repository = new ArticleRepository($article);//コンストラクタイジェクション DB::connection()->enableQue

構成 第1回 Eloquent ソースコードリーディング - モデルの取得 （この記事） 第2回 Eloquent ソースコードリーディング - リレーションの取得 予備知識 処理委譲の仕組み Eloquent では，以下のような構造化によって，上位オブジェクトがよりレイヤーの低い処理に関しては下位オブジェクトに委譲する形を採っている。上位オブジェクトは __call() を通じて下位オブジェクトのメソッドを呼ぶことができる。 名称 完全修飾名 委譲先 概要

MAIL_DRIVER=smtp MAIL_HOST=smtp.gmail.com MAIL_PORT=465 MAIL_USERNAME={{ email }} MAIL_PASSWORD={{ password }} MAIL_ENCRYPTION=ssl MAIL_FROM_ADDRESS={{ email }} MAIL_FROM_NAME={{ sender_name }} 以上の項目を設定するだけで、あとはgmailのアカウントさえ作成されていれば設定は完了。 送信テスト方法 php artisan tinkerでLaravelのコンソールを立ち上げ、以下を実行すればto()の指定先にメールが送信される。 Mail::raw('Send test message.', function($message) { $message->to('test@example.com')->

HOST="proxy.example.com" PORT="8080" PROXY="$HOST:$PORT" export http_proxy="http://$PROXY" export https_proxy="https://$PROXY"

Incorrect response MIME type. Expected 'application/wasm' エラーの 対応Rustwasm

React ComponentをGUI上のコンポーネント = Code Componetとして表示できるFramer X。 そのFramer XのCode Componetからローカルの（プロジェクトディレクトリに置いている）画像ファイルにどうアクセスするか公式のSlack#framer-xチャンネルで質問して教えてもらえたのでメモを残しておきます。 画像ファイルの置く場所 画像ファイルは以下ディレクトリに配置します。 + FramerXのプロジェクトディレクトリ + container + code - Hoge.tsx + design + assets - horse.png この design/assets 以下に置くと http://127.0.0.1:4567/design/asstes/image.png でアクセスできるようになります。 Code Componentからの参

エンジニアじゃないけどアプリが作りたかった こんにちは。まつもとかづまさと申します 僕はこの記事を書いている現在は障害者支援施設で支援員として働いています。 今回は３ step wallet　という知的障がいの方でも「暗号通貨決済をできるようにする」という目的で作成したアプリの話です 3 step walletはこちら 今日の記事の流れ では本編へ PWAとVue.jsでNEMウォレットアプリを作ろう！TypeScript導入 〜 TypeScriptで書いてみる まず注意して欲しいのがライブラリのインストール先です。 実際に僕はこの時はターミナルを使っていたので少し違います。 この cd 3-step-wallet がとても重要になりました。 前回の記事で書いたことなのですがライブラリがファイルにインストールされていない状態になっていたので、 npm run dev ではうまくできていた

概要 export default class Hoge extends Vue {} のクラス定義をミスった際に不思議な挙動をしたので、覚書。 教訓 Vueファイルをコピーしたらクラス名を変更し忘れないようにしよう。 GitHubに利用したプロジェクトをUPしています。実際に試してみたい方どうぞ^^ https://github.com/kai-kou/vue-js-typescript-component-class-name 準備 ここではDockerを利用して環境構築していますが、ローカルで構築してもらってもOKです。

「翁長知事がしっかりと築いた礎を積み上げ、多くの県民のみなさんと一緒に希望へと進んでいく。そのことを翁長知事に約束したい」 続きを読む

なぜかNikonD5スレに書き込まれた深刻な台風で田畑河川の様子を見に行く理由 https://t.co/MgVSA3X6j5

丸っこい先頭部が特徴の0系電車。営業運転の最高速度が世界で初めて210km/hに到達した新幹線の初代車両ですが、技術的にはとくに目新しい部分がなく、「すごい車両」ではなかったといいます。なぜ「すごくない車両」が高速運転を実現できたのでしょうか。 すでにあった技術を活用 1964（昭和39）年10月1日、世界初といえる本格的な高速鉄道が開業しました。東京～新大阪間515.4km（実キロ）を結ぶ、日本の東海道新幹線です。このとき導入された初代の新幹線電車は、のちに「0系」と呼ばれるようになりました。 拡大画像 名古屋のリニア・鉄道館で展示保存されている0系（2011年、前里 孝撮影）。 新幹線が開業する前、国鉄の在来線で最も速い鉄道車両だったのは、東海道本線の特急列車で使われていた151系電車など。営業運転での最高速度は110km/hでした。しかし、0系は一気に100km/hアップして210k

警視庁によりますと、１日午前６時20分ごろ、京王線の電車が東京・世田谷区の代田橋駅と明大前駅の間で、倒れていた塀とみられるものと接触したと通報があったということです。電車内に乗客がいたかやけが人がいたかなどは現在わかっていないということで、警察で確認しています。 ▽新宿駅とつつじヶ丘駅の間 ▽新線新宿駅と笹塚駅の間 ▽調布駅と橋本駅の間 ▽それに井の頭線の渋谷駅と明大前駅の間のそれぞれ上下線で運転を見合わせています。

2019年10月に予定する消費税率10%への引き上げにあわせ、政府が検討している経済対策の骨格が分かった。中小小売店での商品購入時、クレジットカードなどキャッシュレス決済を使った消費者に対し、購入額の2%分をポイントで還元する。中小によるキャッシュレス決済の導入拡大にもつなげる。住宅では改修にかかる費用の一部を補助する制度をつくることなどを打ち出す。政府・与党は対策を19年度予算案に盛り込む。

2018年Vue.jsとVuexを使ってる人には必ず知っていてほしい開発やメンテナンスの際に役立つ設計とTipsとサンプルコードFacebookfluxVue.jsVuexvue-router 初めに ※ 全てのコメントに返事しません。 ※ 記事の内容に意見がありましたら直接編集リクエストをください。 ゴール ReduxやVuex、Fluxのパワーワードに負けずになんとなくではなくちゃんとFluxを理解し、実践して恩恵を受ける。 役立つVuexのTipsを身につけコード品質を向上させる。 VuexとVueRouterの落とし穴の把握。 リファクタリングの障害を減らしコードを追いやすくする。 Vuexの穴 1. Vuex提供のmap系の辛み VuexのmapActionsとか、createNamespacedHelpersめっちゃ便利ですよね。 import { createNamespac

この記事では、Vue+Nuxt+FirebaseでカンタンなSPAを構築したいと思います。web素人でも、なんとか構築できたので、皆様に紹介したいと思います。 SPAとは spaとは、Single Page Application　の略です。平たく言えば、モダンなウェブページを作る技術です。 普通のウェブページは、操作ボタンをクリックすると、カチっといって、画面がまるごと切り替わります。その間、通信速度が遅かったりすると、待たされることになってしまいます。 また、ページが切り替わるので、フォームに入力した内容が全部消えてしまったりもします。 SPAは、これらの欠点がありません。ページは画面全体の切り替えをせずに切り替わりますし、画面が切り替わっても、フォームの内容は消えないようにできます。 私がこの記事でシェアしたい技術を使って趣味で作った掲示板サイト https://trip-8c6a8

Vueの更新が反映されず泣く（キャッシュの奴め）: Laravel5.6で、vueのcomponentファイルを更新し、(/resources/assets/js/components内) 「npm run watch」とかしても、 「build success」と出るのに、なぜかvueコンポーネント内容が更新されず、かなり悩まされました。 しばし悩んで、とあるチュートリアル動画を見ていたら、 「ハードリロードが必要」というので、やってみると無事更新反映。 考えてみれば、jsファイルがキャッシュされるのは当たり前ですが、 「npm run watch」でその辺も面倒見てくれるのかと思ってしまい、理由になかなか気づけませんでした（汗 思わぬ落とし穴で時間食ったので、私同様ハマった方向けにメモを残します。 追記：最初のハードリロード以降は、無事私の環境では、run watchも機能してくれてい

v1のやつがわかりやすかったのでこれで勉強した 今日はepisode 5の途中までやった。vue2.5でやったけど普通に動いた。 勉強中リポジトリ // 送る側 'new Vue(), data:' <textarea v-model="message"></textarea> new Vue({ el: '#app', data: { message: "heeelo" }, }) // 受ける側 'v-model' <input type="text" v-model="message"></input> // 値があったら表示 'v-show' <button type="submit" v-show="message"> // 値があったら隠す (display:none) 'v-show' <span class="error" v-show="!message" >Put in

ちょっと考えたら至極当たり前な挙動なのですが、先日うっかりやらかしたので。 npm initを使って対話形式で新規パッケージを作成する際に、nameと同名のパッケージはインストールできません。 使いたいパッケージ名と重複しないようにnameを指定しておく必要があります。 { "name": "gulp", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC" } $ npm install --save-dev gulp npm ERR! code ENOSELF npm ERR! Refusing to install pac

概要 Nuxt.js + Netlifyで爆速構築するサーバーレスSPA開発入門を基に爆速開発をしたかったのだけど、思いの外躓きが多かった。 導入 まず、Nodistが古くてnpxに対応しておらず、npmで何やかんやするところからうまくいかない。 Nodistをアンインストール。 nvm-windowsを導入して解決。 nvmのwindows版なので、nvmを知っていれば特に問題はない。 リポジトリ作成 Githubだとプライベートリポジトリが有料なのでGitlabを使おうとした。 gitlabのリポジトリ作成＋クローン 別記事にまとめた が、GitHub連携で作成したアカウントにパスワードを設定しないとクローンが上手くいかなかった。 プロジェクト作成 クローンしたリポジトリの1つ上の階層まで移動。 npx create-nuxt-app [リポジトリ名（フォルダ名）]で、既存リポジトリに

package.jsonファイルが生成されます -gオプションを付けずにパッケージをインストールするとこのファイルにどんどん情報が書き込まれていきます。 他にはnpm startとかnpm testの実行内容なんかを書いたりします 以下、簡単な使い方の例として 適当なパッケージを使ってみるとこまでやってみます browserifyのインストール browserifyはパッケージの依存関係を解決してくれる便利なツールです。 仕組みとしてはあるパッケージのソースと、それを使うのに必要なパッケージのソースを一つのファイルに纏めてくれるというものですが、ちょっと気になる副作用もあるので注意 （複数パッケージで同じ名前だけどバージョンの違うパッケージに依存している場合、そのぶんソースが長くなるらしいです）

const nomlish = require("nomlish"); const beforeText = "任意の文字列をノムリッシュ・テキストに変換するライブラリです。"; const level = 4; nomlish.translate(beforeText, level) .then((nomlishText) => { // ・・・そのグルガン族の男は静かに語った・・・善悪の彼岸に立ちそれを望む者任意のビビとお医者さんごっこをした文字列をノムティスリスッ・シェュ(CV・日野聡)……神代文字に破壊と創造宿命を背負う騎士千人分の魔力を誇るラーインヴラー＝リかもしれぬな…。・・・これは、一篇の物語ではない。自ら綴る歴史であり、運命である。 console.log(nomlishText); }); ライブラリの実装について axiosを使ってノムリッシュ翻訳サイトに行き、取得した

Server発でclientにメッセージを送りたくなった 元々nodeで作ったwebsocket　serverでclient側と双方向通信をしていたんですが、別サーバやbatch処理などでの更新処理をトリガーとしてclient(の従来で使用しているchannel)にメッセージを送りたくなりました。 そこでいろいろ探してたら、redisにpub/sub機能というのがあり、それを使えば上手くいきそうなのでやってみました。 実装のイメージ 使ったモジュール redis pub/sub 他のサーバでの変更を検知するために使用 socket.io-emitter サーバ側からclientにメッセージを送るためのモジュール socket.io-redis 異なるプロセスやサーバ間で動いているwebsocketサービスで接続先情報をredisで共有し、正常にemitやbroadcastを行えるようにする

こんにちは！こんにちは！ 野良エンジニアになって1年が経ち、現場先にも慣れてきたある日。 ロ●ポップから「サーバ代払ってね」メールが来ていました。 個人事業主でもHPつくったほうが良いよ、とネットに書いてあったので作りかけのやつを1年くらい活用せずに放置しててサーバ代のこともわすれてました。 で、1年で10000円以上もサーバ代に使っていた事に気づきました（プランによります）。 活用してないのに。 ロリポッ●は好きなんですが、やはり節約したい。お金を。 独自ドメインも●リポップと同じ会社が提供するムー●ードメイン使ってるんですが、こちらは残して、WordPressで作成しているサイトを無料のFirebaseに移行することにしました。Firebase流行ってるし。 GitHubページやらも考えましたが、なんかFirebaseいじりたかった。 同じように、それほど活用できていないHPやらサイト

const http = require('http'); // …① var server = http.createServer( function(request,response){ response.end("TEST"); } ); // …② server.listen(3000); // …③ ①インターネットアクセスをするhttpオブジェクトを読み込む： Node.jsのAPIモジュールとしてhttpオブジェクトというものがあります。 名前の通りでHTTPプロトコルを取り扱えるようになります。 requireメソッドはNode.jsのAPIモジュールを呼び出すことができます。 まとめると、httpオブジェクトを呼び出して定数httpに設定をしていることになります。 ②httpからサーバオブジェクトを作る： httpオブジェクトにあるcreateServerメソッドを利用し

Motivation GAE/SE環境でクローラを作ろうとすると、静的ページならどの言語でも比較的簡単に作れますが、SPA（JavaScriptで動的に生成するサイト）の場合にはJavaScriptを動かしてコンテンツを生成する必要があるため、クローリングが容易ではないです。 GAE/nodeの新しいランタイムではpuppeteerを利用してHeadless Chromeを動かすことができるようで、SPAのようなサイトに対応したクローラが作れそうなので、ざっくりと動かしてみることにします。 事前準備 ローカル環境に以下のものが必要です gcloudコマンド node（npm） puppeteerのインストール (npm install puppeteer) nodeプロジェクトの初期化を行う nodeプロジェクトを作成するディレクトリに移動し、以下のコマンドを実行します。 基本的にはエンタ

data = !ls *.dat pd.DataFrame({d: pd.read_table(d, index_col=0).squeeze() for d in data}) よくある実験データ取込シチュエーション 実験データなんか同じような条件で何度も実験して、 横軸が同じで縦軸とファイル名が異なるファイルをいくつも取り込む ような作業を何度も繰り返します。 varR_Gain_C15n_R100.dat varR_Gain_C15n_R1000.dat varR_Gain_C15n_R10000.dat varR_Gain_C15p2n_R10.dat varR_Gain_C2718n_R10.dat varR_Gain_C2718n_R100.dat varR_Gain_C2718n_R1000.dat varR_Gain_C2718n_R10000.dat varR_Gain_

（注）ここでは最終結果だけでなくエラーの試行錯誤も含めて書いていきます。 また、あくまで参考のため、全件で訓練し、同じデータで学習結果を確認します。 目的 過去４日分を参考に日経平均を予測します。 株価データの読み込み 松井証券のcsvから終値を読み込みます。 #coding: UTF-8 import pandas as pd stock_data = pd.read_csv('stockchart_20180909.csv') owarine = stock_data[['終値']]

今回はPython3のmatplotlibの簡単な使い方について話したいと思います． なぜwxpythonの続きではなく？--->理由は授業で使うからの理由でmatplotlibにした． matplotlibとは matplotlibはPythonでグラフを描画するときなどに使われる標準的なライブラリです． 画像ファイルを作るばかりでなく，簡単なアニメーションやインタラクティブなグラフを作ることもできます． 実際の例はmatplotlibサイトのギャラリーで見ることができます． https://matplotlib.org/gallery.html 準備 サンプルコードを動かす上で予めいくつかモジュールを読み込んでおきます．

だいたい週末は喫茶店をはしごして本を読んで過ごすことが多いのだけど、今日に限っては台風でほとんどが夕方早くに店を閉めてしまった。 今回はKubernetes 1.12にHelmでWordpressをインストールしてみよう。Helm(v2.11.0 - Pumpkin Spice Latte Edition)はまだKubernetes v1.11までしかサポートしていないが、たぶん動かせば動くだろう。 https://github.com/helm/helm/releases/tag/v2.11.0 HelmとTillerの導入 まずはhelmをダウンロードしてtillerをインストール。 wget https://storage.googleapis.com/kubernetes-helm/helm-v2.11.0-linux-amd64.tar.gz tar xf helm-v2.11.

最近触れる機会があったので、自分の備忘録として残します。 ざっくりまとめると Liveness Probeは「アプリがきちんと動作しているか（例：デッドロックなどが発生していないか）」をチェックできる Readiness Probeは「そのポッドがトラフィックをさばける状態にあるか」をチェックできる Liveness/Readiness Probeとは Kubernetesには死活監視のための機能が二つ用意されています。 一つはLiveness Probe、もう一つはReadiness Probeと呼ばれているものです。 それぞれ出来ることが異なるので、「どのような目的で監視を行いたいか」という観点からどちらを採用するか選択すると良いかと思います。 公式ドキュメントから抜粋。（参考：公式ドキュメント（英語）） The kubelet uses liveness probes to know

ダメな点 1. volumes これがpersistentVolumes に変換？してくれるみたいだけどデータuploadまでしてくれる感じがしない。 今はyamlからcomment outして、image build内でcopyして使ってる。つまり、micro servicesにしかこの手は使えない。 ここは要調査。 2. image name komposeはcomposeのサービス名をk8sのアプリ名、サービス名、そして まさかのイメージ名 などあらゆるところに使う。 今回自分の場合は web というサービス名だったのでこうなった $ cat web-deployment.yaml apiVersion: extensions/v1beta1 kind: Deployment ... metadata: ... labels: io.kompose.service: web <===

はじめに GithubでPull Requetを作成したら、masterにマージする前に自動でビルドされてテストやリンターが走ったら便利。実務ではデプロイツールと連携させたり、AWSやGCP、Slackなどと連携させたりしてさらに効率化を図るけど、ここではCircleCIだけをささっと導入する手順を書く。CircleCIで設定する環境と、実際にアプリを運用する環境をできるだけ合わせることがポイント。手軽に導入できて、設定もYAMLベースでできて簡単なので、CircleCIはとても良い。その他のCIツールとの比較記事はこちら 前提 Githubで管理しているRailsプロジェクトのリポジトリがある CircleCIのアカウントがある CircleCIとGithubを連携してある CircleCIのアカウントがなかったらCircleCIの公式サイトへ行ってサインアップ。CircleCIとGit

きっかけ react-nativeのプロジェクトでESLint当てて書いているときにboolean型でwarning吐かれました。 ESLint見てみると、booleanの属性表記について書かれていたので、メモを残しておきます。 attribute(属性)表記について 参考のURLのESLintの設定を見ればわかるが、以下のどっちも書ける。

tipsが多くバラバラに上げるのもあれなので整理。 自分がハマったところ(勘違いやミスりそうなこと)が多く技術的なことは少なめかも。 TouchableOpacityのonPressが自動で動いてしまうのを止めさせる。 これは自動で動いてしまう。(コード的にもNGのようだ)

React Nativeでネイティブの機能を使いたい！って時はありませんか？ しかし、GitHubからお目当てのサードパーティーがない。バグだらけでメンテされてない。など、どうしてもネイティブ側も書かないといけない。みたいな状況が発生します。 そんな時に役立つ、ネイティブの機能をReact(js)側に橋渡しする方法を共有したいと思います。 TL;DR https://github.com/react-native-community/react-native-camera が題材 直接的にAndroidの機能を使うモジュールクラスを作成 作成したモジュールをReact側で扱うための、ReactPackageインタフェースをimplementしたパッケージクラスを作成 AndroidのNative機能を使う際、音声やバックグラウンド処理などのViewがない機能とカメラのプレビューのようなVi

天皇が「深い悲しみを新たにいたします」と述べた平成最後の終戦記念日、靖国神社（東京・九段北）には安倍晋三首相はじめ現役閣僚の姿はなく、中国や韓国も一頃ほど神経をとがらせなくなった。しかし、その落ち着きの裏で、靖国神社は“爆弾”を抱えていた。来年、天皇の「代替わり」と創立150年が重なる大きな節目を目前に、前代未聞の問題発言が神社トップである宮司から飛び出したのだ。 ◆「そう思わん？」「わかるか？」 靖国神社では今、来年の創立150年に向け、境内のいたるところで改修工事が行なわれている。だが、その内部では、修復不可能なほどの“綻び”が生じていた。 6月20日、靖国神社の社務所会議室で行なわれた「第1回教学研究委員会定例会議」で、その重大事は起きた。今年3月に第十二代靖国神社宮司に就任した小堀邦夫氏（68）が、創立150年に向けて新たに組織したのが「教学研究委員会」だった。これからの靖国神社が

4 後続は、デフォルトのまま次へ次へで、作成します。 ５ 状況が CREATE COMPLETEになれば、EC2のAutoRecoveryの設定が完了です。 6 EC2の管理コンソールで、設定したEC2のモニタリングの情報を確認します。 設定した直後はまだデータ(メトリックなど)を収集していないので、下記のメッセージが表示されます。 データが収集されて、下記のメッセージが表示されたら、設定が完了です。 テンプレート AWSTemplateFormatVersion: "2010-09-09" Description: Auto Recovery for EC2 # ------------------------------------------------------------# # Input Parameters # -------------------------------

CloudFormationでインフラのコード化だと言いつつ、EC2立てた後のミドルのセットアップはAnsibleあたりが必要なのだろうか、とかアプリのデプロイとはスクリプト分けたいよねとか、モヤモヤしてたらCloudFormationで出来るようなので試してみました。 参考 だいたい公式のチュートリアル通りでOK。 https://docs.aws.amazon.com/ja_jp/AWSCloudFormation/latest/UserGuide/deploying.applications.html UserData プロパティ ここにEC2のプロビジョニングで実行できるシェルスクリプトが書けます。 極論これだけで全部賄うことも可能ですが、UpdateStackへの対応や、メンテやデバッグがしんどくなるので、cfn-init ヘルパースクリプトを使って実行内容をメタデータに記載する