はじめに 個人でフロントエンド(react)、バックエンド(node.js)、データベース(postgreSQL)を利用したWebサービスを公開したいと考えていました。 まずはテスト的に無料で外部公開できるサービスがないか調査しましたが、2022年8月に有料化されたHerokuの記事ばかりヒットしてしました。 結果的には無料で使用できる構成があり、実際にテストプログラムを動作させることができましたので構成例として記載しておきます。 ※無料なので比較的厳しい条件も含まれていたりするのでそれぞれのサービスを確認お願いします。 例えばsupabaseは数日間利用がないとインスタンスが一時停止して手動で起動させないといけないなどがあります。 今回試したサービス できるだけ同じサービスに集約したいと考えていましたが、実際にはフロントエンド、バックエンド、データベースはそれぞれ異なるサービスになってし

こんにちは。エンジニアの谷井です。 フォルシアでは、Spookと呼んでいる技術基盤を用いて、主に旅行業界やMRO業界に対して、膨大で複雑なデータを高速検索できるアプリケーションを提供しています。 今回はその高速検索のノウハウのうち、特にDBの扱いに関連する部分について、ベテランエンジニアへのインタビューを通してそのエッセンスをまとめてみました。 一般的なベストプラクティスだけでなく、検索性能を高めることに特化しためずらしいアプローチもあるので、ぜひご覧ください。 フォルシアにおける検索DBについて まず前提としてフォルシアで扱うデータについて軽く説明します。 扱うデータの複雑さ たとえば、旅行会社向けのアプリケーションであれば、宿泊素材の情報としては ホテルの情報「〇〇ホテル」（~約2万件） プランの情報「朝食付き・ロングステイ△△プラン」（0~1500件/施設） 客室の情報（~100件/

オープンソースのWebAssemblyサーバレス基盤「Wasm Workers Server 1.0」正式リリース。RubyとPythonのWASMランタイムに対応し、Ruby/Pythonでの記述が可能に VMware Wasm Labsは、Node.jsやDenoのようにWebAssemblyやJavaScriptで記述したWorkerをサーバサイドでイベントドリブンに実行できる「Wasm Workers Server」のバージョン1.0をリリースしました。 Wasm Workers Server v1.0.0 is out. We are happy to announce the support for Python, Ruby and more languages in the future! From now on, you can create worker-based se

はじめに 個人サービスを公開するまでに必ずやるべきことがあるのですが、思い出すのに時間が掛かってしまったり、「事前にやっておくべきだった...」と毎回思います。ここら辺の情報は調べてもまとまっている記事がなかったので私なりにチェックリストとしてまとめてみました。難しいことは一切なく（経験者には当たり前なことかも？）、比較的簡単に出来るものを書かせて頂きますので気軽に読んでいただけると嬉しいです。 前提 僕は個人サービスを公開する上で集客に重きを置いています。後述するやるべきことは集客をベースとした内容であり、サービスを利用する上で必ず必要ではないということをご理解ください。また、WEBの要素が強めなので、モバイルアプリ等の開発者は参考にならないことが多いと思いますのでご了承ください。参考までに僕が個人開発しているサービスです。Gmailのようなツール寄りのサービスではなく、キュレーションサ

2021年9月28日にコンテンツデリバリネットワーク(CDN)サービスを展開するCloudflareがAmazon S3と互換性のあるオブジェクトストレージ「Cloudflare R2 Storage」を発表しました。このCloudflare R2 StorageにAmazon S3から乗り換えるとどれだけのコストを削減できるのかを、AWSユーザーのコスト削減を支援するThe Duckbill Groupでチーフエコノミストを務めるコーリー・クイン氏が解説しています。 Time to put on my Cloud Economics Pants and do a bit of math around @Cloudflare's R2 pricing model as described herein. https://t.co/bCcf1mTIT7— Corey Quinn (@Quin

月間ページビュー(PV)が500万PVあり、データ転送量も80TBあるという人気ウェブサイトを400ドル(約4万6000円)以下で維持する方法を、3Dのアセットライブラリを一般公開しているPoly Havenがまとめています。 How we handle 80TB and 5M page views a month for under $400 – Poly Haven Blog https://blog.polyhaven.com/how-we-handle-80tb-and-5m-page-views-a-month-for-under-400/ ウェブサイト運営のポイントの1つは「資金リソースをどう管理するか」です。資金があればAmazon S3のようなクラウドプラットフォームを利用するのが簡単ですが、データ転送量が月間80TBもあるPoly HavenのようなウェブサイトでAmaz

プライベートな勉強会で、ソフトウェア技術者ではない人に向けて暗号通貨や NFT について解説した際に使った発表資料です。 2021/1/5: 誤字等を修正。 2021/1/30: フォローアップ記事を公開しました。 https://okapies.hateblo.jp/entry/2022/01/30/193604 追記: このスライドで指摘した内容を、歴史的経緯を含めてより掘り下げて論じている記事があったので併せてご紹介します。 1. 「新しいアートのフォーマット ― ハイブリッド・エディション，ブロックチェーン（NFT）と物理世界」 https://goh.works/ja/post/10299/ 2. 「ブロックチェーン：膨張する看板に偽りはないか - 誠実なプロセスの必要性 -」 https://shanematsuo.medium.com/%E3%83%96%E3%83%AD%E

ノゾチー3000 絵描き。液タブやイラストメイキング（クリスタプロ）、シムズ4などのゲームプレイ日記やアニメの動画紹介など大好きな事をなんでも書くブログです。YouTubeでは日本TOP4がすんごい好き。 いつものGoogleChromeじゃない！ ご訪問ありがとうございます！(*´▽｀*)ノ゛ 今日も、ウルグアイの選手達とストレッチをしたあと、 筋肉体操をしてChromeを開くと…… いつものChromeのデザインが変わっていました！ 全体的に丸っこい感じで可愛いのですが…… いつも使っていたChromeのテーマデザインのCath Kidstonが ブックマークの文字が黒くなり、 濃厚な赤と黒い文字で視認性がどうもよろしくない……。 なぜか、アプリフォルダの文字だけは白さをキープして、 全てのブックマークがこのアプリフォルダように 濃厚な赤に白い文字で、見やすかったんですが……。 なので

エックスサーバーで運営している WordPress サイトを HTTPS 化する方法を詳しく解説していきます。 見慣れない単語が並ぶだけで難しそうに感じるかもしれませんが、手順通りやっていけば 1 時間ほどでできますよ（慣れれば 10 分ぐらい）！ Google は HTTPS をランキングシグナルに採用していますし、セキュリティを向上させるのは読者のためにもなりますから、ぜひやっておきましょう。 HTTPS 化（常時SSL）とは ブログ全体を HTTPS にすることを「常時 SSL 」といいます。 要するに、ブログの URL が「http://naifix.com」から「https://naifix.com」になる、と覚えておけば OK です。 HTTPS 化によって、「暗号通信で読者が安全にサイトを閲覧できる」ようになります。また、ほんの少しだけ検索に有利になる可能性もあります。読者に

説明用の図 例として、amakan anime のトップページ https://anime.amakan.net/ の構造を挙げながら説明する。(ところで amakan anime は今月中に完成予定のサービスで実験的に公開している状態なので、まだまだ至らないところが多々あります…) 登場するコンポーネント一覧 React.Component クラスを継承したクラスをコンポーネントと呼ぶ。主に登場するコンポーネントは以下の通り。 Header Layout Router VideoPrograms Router コンポーネント 最上位のコンポーネントとして、Router コンポーネントが存在する。このコンポーネントを利用して、ページごとにどのコンポーネントを表示すべきかを分岐させる。amakan anime のトップページでは VideoPrograms コンポーネントを描画し、amaka

DMM inside（ディーエムエムインサイド）は、DMM.com Groupが運営する公式オウンドメディア（ブログ）です。 DMM.com Group の今を、人、プロジェクト、技術という切り口でお伝えします。記事を通して、DMM.com Groupの一番深くておもしろいトコロをぜひ感じてください。

みなさんこんにちわ。 メドピアでエンジニアをやっている内田と申します。 現在メドピアではPHPで作られたレガシーな独自フレームワーク (以下FW) からRailsへと移行するプロジェクトが進んでいます。 今回は移行に向けて行ったことについて共有したいと思います。 移行の計画 メドピア株式会社では、医師限定のコミュニティサイト「MedPeer 」を運営しています。 「MedPeer 」サービス内では、薬剤評価掲示版、症例相談、Forum、ニュースなど、医師同士が情報交換をするための、機能の異なる複数のサービスを提供しています。 それらサービスの内部では7年前に作られたPHPの独自FWが採用されており、コードが肥大化したことで機能の変更や追加がとても困難になっていたことが課題でした。 そうした課題を解決するために、アーキテクチャの見直しを含めたリプレースがエンジニアの主導で計画されました。 様

居酒屋関係でちょっと検索していて、気になった記事 1つめ 居酒屋が大好き。町中じゃドレスアップな喫茶店バーやら、小粋なバルなんぞが流行っているようだけど、私は昔も今も居酒屋モード！当然女性になっても居酒屋ラバー。（後略、2016年8月11日付けの記事） 自分勝手の居酒屋を探せ！女の居酒屋捜査！ – 坂当高実のいたくさき日誌 2つめ 居酒屋がお宝。世間じゃお洒落な喫茶店バーやら、小粋なバルなんぞが流行っているようだけど、僕は昔も今も居酒屋一筋！やはり主婦になっても居酒屋ラバー。（後略、2016年11月11日付けの記事） 自己流の居酒屋を探せ！奥様の居酒屋探究！ – 臼賀菜美加のあいうちにおわる日誌 3つめ 居酒屋が宝物。世間じゃシャレオツな喫茶店バーやら、小粋なバルなんぞが流行っているようだけど、自分は昔も今も居酒屋一色！もちろん婦人になっても居酒屋ラバー。（後略、2017年1月1日付けの記

他人のサイト解析データを羅列して記事にするのはデメリットでかいのでやめとけ記事でも書くかな(*´-`)— ポジ熊@ブログアドバイザー (@poji_higuma) 2016年12月24日 とういわけで書きます。 初心者必見！超簡単で効果的なブログのSEO対策1900選の紹介！ - 永遠の大学生になるために これについて。 他所のサイトが公開していないデータを解析して無断で記事ネタにするのは止めれ。 ウマキ (id:eternalcollegest)氏へ。 僕の失敗 ドメインオーソリティを解析して羅列 どんな数値か知らんけども 僕の失敗 随分前のこと、某はてなブロガーのサイトをシミラーウェブで解析して、その数値を記事のネタにして公開したことがあります。その時は本気半分ネタ半分で面白おかしくなれば良いなと軽い気持ちで考えていたのですが、公開後に相手のブロガーから末代まで祟られんばりの怨嗟と長き

株式会社インフラコモンズ代表取締役の今泉大輔が、現在進行形で取り組んでいるコンシューマ向けITサービス、バイオマス燃料取引の他、これまで関わってきたデータ経営、海外起業、イノベーション、再エネなどの話題について書いて行きます。 オープンデータの状況を色々と見ていくと、まだまだ情報の出し手（中央官庁と地方自治体）が少なく、「オープンデータ専業」の看板を掲げて収益を上げている企業はあんまり多くないように思います。Open Data 500にリストアップしている企業を調べる機会がありましたが、専業として商売が成り立っているのはSocrataぐらいではないでしょうか。OpenStreetMapの周辺ではいくつかの中規模企業が出現していますが、それとてOpenStreetMapに何らかの要素を加えて、付加価値を上げた製品にしているのが普通です。 政府系公共系のオープンデータは、スタートアップ企業が最

このたび、縁あって『加藤耕太 (2016). Python クローリング & スクレイピング データ収集・解析のための実践開発ガイド, 技術評論社』(以下、本書) を恵贈賜りました。 著者並びに出版社の皆様にお礼とご慰労をかねまして、僭越ながら本エントリにて一読後のレビューを掲載いたします。 Pythonクローリング&スクレイピング -データ収集・解析のための実践開発ガイド- 作者: 加藤耕太出版社/メーカー: 技術評論社発売日: 2016/12/16メディア: 大型本この商品を含むブログを見る なお読者の益となるようなるべく公正な目線でレビューします。掲載されているコードの厳密な正確性については本レビューの対象外とします。 総評 体系的に「スクレイピングとは」「クローラーとは」について学ぶにはとてもよい書籍です。本書の優れているところは、特に基礎編ともいえる前半部分で、ある事柄を説明する

さくらインターネットとピクシブが業務提携し、画像の変換・配信サービス「ImageFlux」を提供 〜ファーストユーザーとして、メルカリが利用開始〜 自社運営のデータセンターでインターネットインフラサービスを提供するさくらインターネット株式会社（本社：大阪市中央区、代表取締役社長：田中 邦裕）とイラスト投稿・交流サイト「pixiv」を運営するピクシブ株式会社（本社：東京都渋谷区、代表取締役社長：片桐 孝憲）は業務提携し、画像処理や画像配信において必要となる画像変換機能とコンテンツ配信をワンパッケージ化したサービス「ImageFlux（イメージフラックス）」を2016年12月13日より提供開始します。また、サービス契約前に全ての機能を試すことができる「無料トライアル」を併せて提供します。 「ImageFlux」は、レンタルサーバーやクラウドなどのインターネットインフラサービスやコンテンツ配信な

Googleが「HTTPS everywhere」を提唱していることなどが影響して、HTTPSで通信できるようにWebサイト全体を独自ドメインに対してSSL/TLSによる暗号化を行い、運用をスタートしている様子がちらほら私の周りには増えてきました。 Google ではさらにもう一歩踏み込んで、数か月前の Google I/O では、「HTTPS everywhere」をウェブで提唱しました。 ユーザーがもっと安全にサイトを閲覧できるよう、すべてのサイト所有者の皆様に HTTP から HTTPS への切り替えをおすすめしたいと考えています。 （Google ウェブマスター向け公式ブログ: HTTPS をランキング シグナルに使用しますより） 私はしばらく動向を伺っていましたが「Webサイト全体をHTTPSへ切り替える流れは今後はより加速すると考えてもいい」と判断をし、このブログも全体をHTT

MAMORIOはみんなのスマートフォンのネットワークとAIであなたの大切なものを守る世界最小クラスの紛失防止デバイスです。

進捗 2015-07-27 API Gateway用にRubyでSwagger触るやつ書いた 2015-07-30 Node.jsの練習にHTTPクライアントつくった 2015-07-31 Node.jsでAWSのAPIで認証するやつ書いた 2015-08-02 Node.jsでAmazon API Gatewayのクライアント書いた 2015-08-03 Amazon API Gatewayに自動で定義するやつ 2015-08-04 Amazon Lambdaにまとめてアップロードするやつ 2015-08-05 SwaggerをAPI Gatewayに反映させるやつ 2015-08-06 LambdaとAPI Gatewayまとめて管理するやつ 2015-08-07 LambdaとAPI Gateway用のWAF 2015-08-08 fluctでAPI GatewayやLambdaと仲