はじめに AWSでサーバーレスアーキテクチャのSPAサイトを組むにあたって、フロントエンドをS3(+CloudFront)から配信し、バックエンドをAPI Gatewayに置くのは一般的な構成だと思います。 フロントエンドのサイトとバックエンドのAPIで二つのドメインで運用することもできますが、前段にCloudFrontを置いて一つのドメインから両オリジンにアクセスができる構成を作ってみます。 構成図にするとこんな感じ。 S3 設定はすべてデフォルト。 API Gateway REST APIを作成。 わざわざLambdaを作るのも面倒なのでMockを使って仮のレスポンスを返します。 APIをデプロイします。ステージ名は「api」とします。 得られたエンドポイントからAPIを呼んでみます。 $ curl https://XXXXXXXXXX.execute-api.ap-northeast
こんにちは。弥生で Misoca を開発している小坂と申します。インターネットには kosappi という名前で存在しています。 前回ご紹介した みんなのコンピュータサイエンス は読んでいただけたでしょうか? 9月末で事業年度が終わる会社は多いかと思います。みなさんは無事に10月を迎えることはできましたか?私は有給休暇の日数が付与されて、とても良い気分です 🏝 今回は、Rails の複数 DB 機能を利用して9月末の高負荷を乗り切った話を紹介いたします。 🔥 月末の高負荷 Misoca は請求書作成ソフトということもあり、月末にアクセスが増加します。 ユーザの増加や、機能が充実したことにより、DB への負荷も増加しています。8月末の負荷は DB の限界に近い値でした。 特に、文書の一覧や検索などの参照系のクエリの比重が高く、機能の充実によってクエリ自体も重いものになっており、問題になっ
画像の上にテキストを配置する際に、より読みやすく、より美しくするCSSのテクニックを紹介します。 CSSで画像上にテキストを表示する際に起こる問題に対するさまざまなアプローチと解決するための実装方法を解説。また、最近見かけた素晴らしいテクニック、便利なツールなども紹介します。 Handling Text Over Images in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに テキストを読みやすくするためのさまざまなテクニック グラデーションのオーバーレイを使ったテクニック イージングのグラデーションを使ったテクニック 水平方向のグラデーションを使ったテクニック ソリッドカラーとグラデーションの混合 グラデーションのオーバーレイとtext-shadow グラデーションのオー
ある地点までスクロールしたら追尾してくるor表示するヘッダーっていう記事は結構あるんですが、フッターまで到達したら消えるっていうjavascriptの参考ページが少なかったので、ご紹介。 使い道 例えばキャンペーンバナーをフッター追尾にする場合、フッターの最後まで追尾してしまうと、フッターコンテンツが見えなくなってしまう。なので、フッターに近づいたら消え、フッターから遠い場合のみ表示したい!って時に使えるよね! フッター付近で消えるjavascript(フェードアウト) <div class="banner"> <img src="img/test.jpg"> </div> /*javascript*/ <script type="text/javascript"> window.onscroll = function () { var check = window.pageYOffset
ファイルを指定されたディレクトリ以下に移動する ファイル数が指定された数を越えないように、サブディレクトリに分割する #! /bin/sh # mv_files.sh # ファイルを別ディレクトリに移動する # 指定ファイル数ごとにサブディレクトリを作成する FILE_NUM=30 TO_DIR=/work/mv_test/to_dir FROM_DIR=/work/mv_test/from_dir count=`find ${FROM_DIR} -type f | wc -l` until [ $count -eq 0 ]; do if [ $count -le $FILE_NUM ]; then n=$count else n=$FILE_NUM fi # フォルダ作成 dir_name=`date "+%Y%m%d%H%M%S%N"` mkdir "${TO_DIR}/${dir_n
このあいだ聞かれたときにすぐに答えられなかったから書いとく。あとから考えたら当たり前のことだったんだけどね。 結論から言えば、全レコードをシーケンシャルアクセスしなければならないから遅い。 以下、それについて具体的な話を展開するけど、最初に断っておくと私はSQLもRDBMSも詳しくないので間違ったことを書いているかもしれない。もし、致命的な間違いなどに気づいた方はコメントしてくれると助かる。 NOT INについて考える NOT INが遅いのは、RDBMSの内部動作を考えれば当たり前で。 SELECT * FROM Employee WHERE id NOT IN(2, 3); というSQLは、Employeeテーブルからidが2でも3でもでないレコードを取得しようとしているが、これを達成するためには最初から最後のレコードまでアクセスしてノットイコールの比較を行わないと抽出できない。例外なく
ウェットスーツ・フィンのサイズや手銛のオーダー等、お問い合わせはこちらから050-3632-3040受付時間 11:00-17:00 [ 土・日・祝日不可、営業時間注意 ] メールでのお問い合わせはこちら
Ruby開発者のMatz(まつもとゆきひろ)さんが、こう語られています。 今までは、仕事は会社から与えられるもので、面白い仕事が当たればラッキーだけどそうじゃない場合もあったわけです。ところが、オープンソースの活動で自分の名前が表に出れば、今までとは違って「武器」を手に入れることができる (オープンソースへの取り組みはエンジニアにとって強力な「武器」になる より) いつかはやってみたいOSS開発。 とはいえ、OSS開発参加って別次元のギークたちの世界だろうと思っていました。 しかし、どうやらそんなこともないようで、素晴らしいコミッターの方々のメンタリングの元、僕のgithubアカウントがこうなりました。 ...おわかりだろうか。 !!!! ruby系の超大型OSS二つにcontributeして、githubが少々派手になりました。(が、最後まで読んでいただければ、これ自体は意外と簡単なんだ
Text by 塩谷舞(@ciotan) 「視野が狭いから、もっと広い世界を見たほうがいいと思うよ」 大学時代、よくそんなことを言われていた。 しかし、視野というのはなかなかハンドリングが難しい曲者だ。自分の目ん玉をポーンと高みまで放り投げることは出来ないし、誰かの広い視野をそのままお借りすることも、難しい。 結局は、自分の体験したことや、見てきた景色がベースになって、じわり、じわりと広がっていくものだと、私は感じている。 島国に生まれ29年。小、中、高、大学と、マイペースに視野を広げていきながら、その時々の目の前の課題を解決することが私の生きがいでもあった。 しかし人生はわからないもので、ひょんな事情でニューヨークに引っ越すことになってしまった。マイペースの終焉、突然の異国暮らしに、一体どこからどう手をつけていいかもわからない。目の前の課題が何であるのかも、さっぱりわからない。 アメリカ
こんにちは。クラスメソッドの稲毛です。 respond_to は、Ruby on Rails のアクションメソッド内でリクエストフォーマット(html, json, etc...)に応じた処理の記述で見かけます。 respond_to do |format| format.html { ... } format.json { ... } end どのような仕組みで動作しているのか気になっていたので少し調べてみました。 処理の流れ おおまかな処理の流れは下記のようになっていました。 respond_to メソッドの呼び出し Collector オブジェクトの生成 respond_to 引数ブロックの評価 Mime タイプ毎の処理を収集 Collector から response の取得 response の実行 respond_to メソッドの呼び出し 省略されている丸括弧を付与し簡略化する
2015.11.27 大切なことは本から学んだ!敏腕CTOの知識の宝庫「本棚」をのぞいてみよう[第1回 FiNC南野充則] エンジニアという職業は、知れば知るほど奥が深い。 デジタルの世界に生きる彼らが、普段の学習や思想を学ぶ術として絶えず紙の本を利用していることがその例として上げられます。 ご紹介したいのは、そんな敏腕エンジニアたちが自分の生き方を形作ってきたといっても過言ではない本の世界。彼らの本棚を一度のぞいてみることで、若手エンジニアやビジネスパーソンにとっての多くの学びとなることもあると思います。 本棚を見ればエンジニアの優劣がわかるという人もいるほど、本選びにはエンジニアのある種の資質が映し出されるのかもしれません。今回、初の試みでもあるこの企画に快く応じていただいたのは、モバイルヘルスケアに特化したテクノロジーベンチャーFiNCの取締役CTO南野さんです。 読書量は月8冊。必
レスポンシブデザインは画像の可変が必須。 imgタグで挿入する場合にはそうそう悩むことはないが、background-imageを使用する場合。背景画像を可変させようにも、縦横比が崩れてしまう。 background-size:contain; background-size:cover; background-size:100%; などを用いると、横幅は可変することができるが、高さをうまく保つことができない。 そんな場合の対応法をまとめてみました。 背景画像を置く要素に擬似要素を付加する CSSはこちら //背景画像を置く要素 div.sample { width:100%; height:auto; background:url(xxx/sample.jpg); // 画像ファイル名とパス background-size:100%; } //要素に擬似要素を付加 div.sample:
git add してステージしてしまったファイルを取り消しする Git コマンドについてです。勢いよく git add したはいいけど・・、あれ?元に戻せない・・・。というのはよくある話です。 今回、git add の取り消し方をマスターして、うまくコミットをコントロールしましょう。 git add とは? まずはおさらいですが、git add は、作業ツリー�の更新内容を、インデックスに反映するための Git コマンドです。インデックスに追加された変更内容は、「git commit」を実行した際に、そのコミットに含まれる事になります。 さて、今回のテーマは「いったん git add してしまったインデックス上の変更内容は、どうやって取り消すのか?」という問題でした。さっそく見ていきましょう。 git add した変更を、全て一括で取り消す方法 git reset で、インデックスを HE
テストフレームワークmochaでの、非同期のテストの書き方について。 mochaの導入方法などはこちらを参照。 1年近く前のエントリだが、そんなに間違ったことは書いていないはず。 なぜ非同期のテストには工夫が必要なのか mochaでは、doneを使うことで、簡単に非同期のテストを書ける。 しかし、doneについて説明する前に、そもそもなぜdoneを使う必要があるのかを説明する。 これは、非同期のテストに工夫が必要である理由の説明でもある。 テストのなかで非同期の関数を使うと、非同期の処理が行われる前にテストが終わってしまう。 非同期の処理を待つことなくテストが終了してしまうため、テストが機能しない。 これが、非同期のテストには工夫が必要な理由である。 fs.readFile()を例に、具体的に説明する。 この関数は指定したファイルを読み込むものだが、非同期で実行される。 const fs
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く