はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 株式会社ジールの@suguru_y_zdh です。 AWSを使ったデータ分析基盤関係の業務に従事しております。 その中で得たノウハウをQiitaをとおして発信していきたいと思います。 今回は社内のAWSネットワーク・セキュリティ勉強会で私が担当したゲートウェイ、VPCのセキュリティについて記事にします。 記事の概要 ・インターネットゲートウェイとNATゲートウェイの違い ・NATゲートウェイ有無のインタネット接続イメージ ・セキュリティグループとネットワークACLの違い インターネットゲートウェイとNATゲートウェイの違い イ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに ネットに転がっている記事などで npm install のコマンドをよく分からず実行してきましたが、そろそろその状態から卒業したかったので備忘録をかねてこちらの記事を投稿しました。 npm install コマンドに関することをメインにお伝えしますが、package.json や node_modules など npm を語る上で基本的なことについても触れていきたいと思います。 目的 この記事の目的は、以下の4つの npm install コマンドを実行したときの挙動の理解と、これら4つのコマンドを必要な状況に応じて使いわけるようになることです。 npm install npm install -g <package> npm install <package> npm install -D <package> つまり、適当に npm install するのを卒業することです。

はじめに 特定の条件のみのに適応される配列の extension を記述したい場合がありました。 調べたところ where を用いるとうまく表現することができたのでそれの紹介になります。 環境：Xcode 12.5.1 やりかた 例： Int の配列のみに適応される extension を書きたい場合 import Foundation extension Array where Element == Int { func doublePrint() { self.forEach { print($0 * 2) } } } let intArray = [1, 2, 3] intArray.doublePrint() // 出力 // 2 // 4 // 6 let strArray = ["1", "2", "3"] strArray.doublePrint() // ← これはコンパイ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに Flutter が本格的に流行ってきたので、勉強のため、架空のショッピングアプリの開発を Flutter を用いて開発してみました。 そこで得られた知見をまとめたいと思います。 開発したアプリの概要 開発するアプリとして架空の飲食店または小売店での注文アプリを作成しました。 この手のアプリの中ではマクドナルドのオーダーアプリがかなりよくできていたので、それを参考にして作成しました。 Flutter の勉強が主な目的ですが、相性の良い Firebase の機能も試してみたかったので、店舗情報、商品情報、注文履歴などのデータはアプ

はじめに package.json に記載されているパッケージのバージョンアップには npm-check-updates というツールがとても便利なので紹介したいと思います。 結論 package.json に記載されているパッケージのバージョンアップ方法は以下の 2 つの方法があります。 方法 1 : npm outdated コマンドを使う npm outdated コマンドを実行し、アップデート情報を確認して、パッケージをひとつひとつ丁寧にアップデートする 方法 2 : npm-check-updates パッケージをつかう ← おすすめ！ npm-check-updates パッケージを利用して、アップデート情報を確認して、すべてパッケージをまとめてアップデートする 手間を考えると npm-check-updates の方が楽です。 そもそもバージョンアップなら npm updat

初心者に向けての答え package-lock.json について、とりあえず以下を守ればプロジェクトに迷惑をかけません。 直接編集してはいけません 基本的に無視していいファイルです 削除してはいけません npm install コマンド実行時に変更されることもありますが、そのときに発生する変更は気にしなくて大丈夫です マージリクエスト（プルリクエスト）する際に package-lock.json に変更があった場合は、その変更も含めて提出します ※ これは package.json についても同じことが言えます。 もうちょっと知りたい人に向けての答え package-lock.json は npm install 実行時に新規作成・更新される package-lock.json には npm install で実際にインストールしたパッケージ情報が記載されている package-lock

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事の対象者 Route 53 + ACM + CloudFront + S3 構成を構築しようと試みている人 Route 53 + ACM + CloudFront + S3 構成を構築してみたがいまいち全体像がわからない人 AWS で独自ドメインで HTTPS 通信で Web サイトを配信したい人 AWS 初心者 はじめに AWS で Web サイトを独自ドメインで配信するにはどうしたらいいのか調べてたところ、どうも Route 53 + ACM + CloudFront + S3 の構成がスタンダードのようでした。 【参考】

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに Docker を勉強し始めると Dockerfile や docker-compose などの用語が出てくると思いますが、『これらを利用すると何がうれしいのか』を軸にそれぞれについて説明したいと思います。 Dockerfile や docker-compose を勉強する前に見ていただければよりすんなり、頭に入っていきやすいと思います。 この記事で触れること Dockerfile の使い所、メリット docker-compose の使い所、メリット この記事で触れないこと Dockerfile の書き方、サンプル docker

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 1. はじめに Webページが表示される仕組みの続編になります。（別に読まなくても大丈夫なように記事は執筆しました。） 本記事では、「Web サイトが表示される原理」、「Docker での Web サーバーの構築」、「Web サイトの作成」の順に説明して、自ら作成した Web サイトが表示されるところまでを体験することが目標になります。 かなり初心者向けの記事になります。 (結果的に、自作の Web サイトを表示することが目的なのに、Docker の使い方の記事みたいになってしまいました、、、) 1-1. Why Docker？ Web

みたいな感じ。 HTML、JSならできそうだな～とは常々思いつつ、生javascriptなんてもう書けたもんじゃないし、jQueryですらDOM操作がしんどいと実感したイヤー2017。 ナウい系フロントエンドa.k.a超トレンドと言っても過言ではないvue.jsとかAngularならこういうの得意なんじゃないの？ってことで作ってみた。 ■できたやつ タイムテ作成くん https://suguruguruguru.github.io/timetablecreator/ ■どうやってつかうの ・イベント名を入れて演者を追加する ・イベント開始時刻、転換時間、演奏時間を入れる ・開始時刻から逆算して各演者のタイムテーブルができあがる ・テキスト編集で微調整してコピペしたり、Excelで書き出す ・しかもlocalStrorageで前回の入力内容を記録 ・いつでも時間変更かかってこいや状態 ※演者

Bootstrap4が正式リリースした 2018年あけおめムードも落ち着いて来た頃、つい先日(2018/01/18)にBootstrap4が正式リリースの声明を発表した。 ・ありがたいお言葉 https://blog.getbootstrap.com/2018/01/18/bootstrap-4/ ・公式 https://getbootstrap.com/ 全然盛り上がってない気がしてウケた 今やマテリアルデザインのCSSフレームワークなんて充実しまくってるし、選択肢はいくらでもあるし、今更Bootstrapなんて選ぶかよって感じですよ。 正直、筆者も永遠にBeta版なのかと思ってちっとも触ってなかった。 もっと言うとv4 alphaを取り込んでるサイトもちょいちょいあるし、だったら3.3.7でいいよねって思ってた。 中途半端に「マテリアルデザインっぽくしました！」感も否めないし、、、。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに AigleというPromiseライブラリを開発しています。このライブラリはベンチマーク上だけでなく実際の本番環境を考慮した高速化を実現しています。 今回はその過程でBluebirdに大変お世話になったので、なぜBluebirdが速いのか、そしてなぜAigleが速いのかついて説明したいと思います。 基本的なPromiseの知識 まず本題に入る前にPromiseの基本的なことを説明しておきます。 Promiseにはpending, fulfilled, rejectedの３つの状態があります。一度pendingから別の状態に変わった場合は、そのPromiseの状態が変わることはありません。 (引用: MDN) またPromiseは非同期であることが保証されています。この事は少し重要なので触れておきます。

function.nameについて 全てのfunctionはFunction.prototype.nameというプロパティを持ちます。 funciton.nameとはその名の通りFunctionの名前を取得することができます。 実行環境はnode v6.2.0です。 var func1 = function hoge() {}; console.log(func1); // [Function: hoge] console.log(func1.name); // "hoge" var func2 = function() {}; console.log(func2); // [Function] console.log(func2.name); // "" function fuga() {} console.log(fuga); // [Function: fuga] console.l

今回の目的 1.pythonの3系列をインストールする。 2.そのpython環境を用いてOpenCV3.1を使えるようにする。 環境 ubuntu 15.04 ~ windows 8.1 ~ 作業手順 1.pythonをインストールする 公式からダウンロードをしインストール、依存ライブラリなどをその都度導入するのは非常に大変なのであらかじめパッケージされたものを使う。 今回はubuntu、windowsともにAnacondaというディストリビューションを使う。 DOWNLOAD FOR FREE のところに行き、対応するOSの使いたいpythonのバージョンを選ぶ。(今回ではpython3を使うことが目的なので、3.Xの方を選ぶ。) ダウンロードが済んだら、インストールをする。 windowsはインストーラ形式なので実行し、すべてに対し肯定の選択肢を取るとインストールが終わる。 ubun

# Polymorphic/intro/comments.sql CREATE TABLE Comments ( comment_id SERIAL PRIMARY KEY, bug_id BIGINT UNSIGNED NOT NULL, author BIGINT UNSIGNED NOT NULL, comment_date DATETIME NOT NULL, comment TEXT NOT NULL, FOREIGN KEY (author) REFERENCES Account(account_id), FOREIGN KEY (bug_id) REFERENCES Account(bug_id) );

Goやnode.jsなどのプログラミング言語でAPIサーバーを作っても、それらをSPDYに対応するにはそれなりに追加コードが必要だったり、各種言語のライブラリに依存します。そこで、nginxを通してどんなHTTPサーバーもSPDY化してしまいます。 SPDYはnginx1.4以降で公式サポートしています。SPDYはHTTPSが必要になるので、SPDYを利用するには、SSL証明書が必要になります。 nginxのserver設定は、下記の通りです。SSL設定はmozillaなどでの推奨値と、パフォーマンス系の設定をあわせて書いています。 ssl_certificate と ssl_certificate_key は提供するドメインのものを設定します。 proxy_pass にAPIサーバーのローカルアドレスを設定します。 server { # SSL configuration listen

MongoDB勉強中です、間違っていたらすみません。 目次 MongoDBの特徴 コマンド一覧 JavaScriptシェルのサンプル コレクション ドキュメント クエリセレクタ インデックス レプリケーション シャーディング MongoDBの特徴 ドキュメント・データベース NoSQL BSON B-treeインデックス 1コレクションに対し最大64個 http://blog.h13i32maru.jp/entry/2012/07/01/000000 速度と耐久性 レプリケーション シャーディング キャッシュ機構の充実による高パフォーマンス データをメモリにキャッシュする仕様 memcachedなどを導入しなくてもある程度のパフォーマンスを確保可能 BSON MongoDBのデータストレージ及びネットワーク転送フォーマットとして利用されるデータ交換フォーマット 使える型(ほぼJSON) s

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?