あらまし GitHub Actions で Gatsby.js で生成したサイトを AWS Amplify にデプロイしたいが、 Amplify CLI のインストールをしなくともデプロイする方法が見つかったので紹介する。 広告 AWS Amplify （以下 Amplify）は、AWSのホスティングフレームワークで１つのアプリに対してフロントエンド・バックエンドそれぞれをデプロイできる。 フロントエンドはブランチごとのデプロイが可能で、本番・開発・作業ブランチなど複数のデプロイをすることが可能で、本番だけ独自ドメインを割り当ているというのも可能だ。 Amplify CLI という Node.js ベースのコマンドが用意されているが、これは比較的バックエンド寄りの機能が多くデプロイのみであればこれがなくても十分だ。 本来は GitHub と連携して Amplify の CI でビルド・デプ

エンジニア＆エンジニアになりたい人におすすめする会社テックブログ一覧です（2022年1月29日更新）。 広告 株式会社テラスカイ のテックブログです。 Salesforce ネタが多めです。 株式会社スマートスタイル のテックブログです。 DB ネタが多めです。 クラスメソッド株式会社 のテックブログです。 クラウド、主にAWS系を中心に幅広い記事があります。 Retty株式会社 のテックブログです。 クラウド、データ分析、モバイルアプリの他、開発組織についての記事もあります。 株式会社メルカリ のテックブログです。 イベント開催報告が積極的に行われています。 株式会社リクルート のテックブログです。 複数あるリクルートのTECHBLOGの記事一覧です。 フューチャー株式会社 のテックブログです。 クラウドやIoTの他、登壇記事があります。 株式会社 エム・フィールド のテックブログです。

自分のブログに被ブックマーク数を表示するブックマーク数を画像で取得するAPIを利用して、自分のサイトやブログでエントリーがブックマークされた数を表示させることができます。あなたの書いたエントリーについてのコメントを一覧したり、ブックマークしてもらうためのナビゲーションとしてお使いください。 このページでは、このブックマーク数を画像で取得するAPIを利用して、各ブログサービスで被ブックマーク数を表示させる方法を紹介しています。 Blogger 「テンプレート」タブから「現在の内容を編集」欄の <!-- Begin #main --> と <!-- End .post --> に囲まれた以下の部分を次のように編集します。 ... </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$> </p> ... を ... <

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

正規表現リテラルと正規表現オブジェクトの評価について、誤解していたのでメモ。 広告 以下の2つのJavaScriptコードを実行した際のパフォーマンスを考える。 regexp-literal.js for (let i = 0; i < 1000000; i++) { /^(3|5|9)/.test(i); } regexp-object.js for (let i = 0; i < 1000000; i++) { new RegExp("^(3|5|9)").test(i); } 手元のV8で実行するとこうなる。正規表現リテラルのほうが正規表現オブジェクトより2倍速い。 time d8 regexp-literal.js d8 regexp-literal.js 0.10s user 0.03s system 98% cpu 0.135 total time d8 regexp-obje

リンク 青森りんごで栄養まるごとスターカット｜（一社）青森県りんご対策協議会 青森りんごで栄養まるごとスターカット｜（一社）青森県りんご対策協議会 スターカットはりんごを横にして輪切りにする栄養を無駄にしない食べ方。皮や皮の近くに多い食物繊維やビタミン類を摂ることができ、果肉に対して皮の面積が少ないので食べやすく、お子様の食育にもおすすめ！青森りんごは厳しい基準をクリアして栽培されていますので皮ごと食べても安心です。 2 users 148 ウェザーニュース @wni_jp 雪国育ちのリンゴは今が旬。皮をむいて芯を取り、くし形の4・8等分に切り分ける・・・という、よく目にする食べ方は栄養を無駄にしているんだとか。 もっと簡単で栄養も保てるという「スターカット」を知っていますか？ weathernews.jp/s/topics/20201… pic.twitter.com/P288uCO7I

note.com 上記の記事について、現職では主に Angular を使っている立場（※ 社内ではReactのプロダクトも複数あります）でこの記事についての感想を述べます。 広告 理由はAngularを書ける（or書きたい）エンジニアを採用することが難しいからです。それにつきます。 はい、特に異論はありません。 実際、現職でもAngular のプロダクトのフロントエンドエンジニアの採用には苦戦しており、採用が難しい点について概ね事実かと思います。 その差が出たのは、元記事で指摘されている通り、 "React & Vue.js" vs "Angular" の勢力の別れ方が大きいかと思います。 Vue.js と Angular を触った経験としては、パラダイムというか宗派が異なる部分は確かにあるという感触です。 一方でこの記事の読者に気をつけていただきたいのは、 Angular と React

Past, Present, and Future of React State Management React was introduced in May 2013. Its paradigm shift was that your UI was a function of your state. Given some component state, React can determine what your component will look like. React is built upon the idea of state. However, state has long been one of the most difficult parts of building a React application. Let's imagine state management

こんにちは丸山@h13i32maruです。システム全体を簡単な図とテキストでまとめる「ARCHITECTURE.md」というものを最近知りました。これは良さそうと思い、JasperのARCHITECTURE.mdを書いてみました。 jasperapp/jasper/ARCHITECTURE.md ARCHITECTURE.md自体の目的は「プロジェクトへの新規参加者が全体像の把握を効率的に行えるようにする」という感じです。書き方の指針や注意点などは考案者による記事を見てもらうのがよさそうです。また良いサンプルとしてrust-analyzerというOSSのARCHITECTURE.mdが紹介されています。 https://matklad.github.io//2021/02/06/ARCHITECTURE.md.html https://github.com/rust-analyzer/ru

これはなにか 現職の社内でこのテーマで書いたが、そちらは社内プロダクトの情報も混じっているので、同じテーマでブログ向けにいちから書き直してみる。 ちょっと長いが、ウェブサービスを運用するならきちんと抑えておきたい。 課題 SPA + HTTP API（概ねREST APIと言っていい）の構成において、エラーハンドリングを正しく行うのは意外と面倒だ。 しかし、特に運用中のプロダクトにおいては、障害・バグの早期検出、ユーザエクスペリエンス向上の観点から、これをきちんとするのが望ましい。 広告 前提 HTTP通信は切断されるし、インフラは落ちる ローカルで開発をしていると忘れがちだが、HTTP通信は様々な要因で切断される。 クライアント側が公衆回線やWiFiを使っていれば、必ずそれは起きる。車両による移動、電子レンジの干渉、カフェのWiFiが混んできた、 etc. また、長時間運用しているとどう

個人・仕事の開発環境をそろそろ見つめ直そうと思ったので、現状を整理する。 広告 ハードウェア・OS 個人も仕事もMacBook なので、 OSはmacOS縛り。 仕事の方はまだ Big Sur にアップグレードできていない。 もちろん Homebrew を使っている。 エディタ Emacs は卒業して、 Visual Studio Code を使っている。 Vim は開発環境を揃えるのが面倒すぎて断念してしまった。 アドオン もと Emacs ユーザなので、 Awesome Emacs Keymap を使っている。 その他、メジャーどころ。 Bracket Pair Colorizer 2 Guides open Junkfile Rainbow CSV ターミナル・シェル iTerm2 + zsh (+ prezto) + 白源フォント サービス GitHub Slack Zoom Go

前の記事で開発環境を確認したので、次は改善を考えていく。 team-6.hatenablog.jp 広告 エディタ Visual Studio Code から変える気はしばらくないので、これをどう便利にしていくか考える。 設定の同期 仕事と個人の環境で設定を同期しておらず、さらにこの前MacBookを新調したときに移行に苦労したので、設定の同期を有効化する。 AzureかGitHub アカウントで同期できるので、GitHubアカウントを選択した。 キーマップ ずっと Awesome Emacs Keymap を使っていて、拡張機能の不都合はほとんどなかったが、そもそもCtrlキーの押し過ぎで小指が痛くなるという、キーバインディング自体の問題に直面したので、Vim キーバインディングに移行する。 拡張機能 適当に検索して出てきたものからピックアップして入れていく。 VSCode に必ず入れて

毎日Github Trandingを見たり、githubのライブラリを探していて、あることに気づきます。 awesomeがついてるgithubプロジェクトは、素晴らしいライブラリのまとめリンク集なのだと ただawesomeシリーズを検索するのが面倒くさいので、awesomeシリーズをまとめているものはないかとgithubで「awesome」を検索したらありました！ sindresorhus/awesome https://github.com/sindresorhus/awesome A curated list of awesome lists 素晴らしいライブラリリストのキュレーションリスト 便利！ よくみると、ライブラリだけじゃなくて、AWS、環境構築とか、チートシートや、プログラミング教育サービス紹介とかいろいろありますね ブップマークしましょう！ Chromeだと、Command

B! 37 0 0 0 Mac/Linuxのパッケージ管理ツールHomebrewの3.0.0がリリースされました。 メジャーアップデートになりますが、今回はApple Silicon搭載のMacへの対応が メインのアップデートになっています。 Homebrewの歴史 3.0.0での目玉アップデート 3.0.0でのその他のアップデート 新しい設定: HOMEBREW_BOOTSNAP いろいろなコマンドが削除された Bash/Zsh/Fish用の補完ファイルが自動生成される様になった 新しいコマンド: brew completions brew updateでよりうまいことサーバー側のブランチの変更を扱う brew untapしたものは自動でtapしないように 新しいコマンド: brew casks まとめ Homebrewの歴史 せっかくのメジャーアップデートなのでちょっと過去のアップデー

現職ではプロダクト拡充のため、ソフトウェアエンジニアの採用を行っております。 転職をお考えの方、または興味のある方は、@blog_devgru までDMください。 現職のWantedlyのページとかんたんな紹介をお送りします1。 業務分野 国内医療系スタートアップ 雇用形態 正社員 業務委託 会社規模 正社員100人超 資本金 ポジション バックエンドエンジニア フロントエンドエンジニア SRE テクノロジースタック バックエンド Python/Django Python/Serverless Framework/AWS Lambda フロントエンド Angular React 共通: AWS, Datadog, GitHub その他 フルリモート可 オフィスは都内ですが、関西、北海道のメンバがおります スクラム 裁量労働 会社の人にこのページ見られるのちょい恥ずかしいので隔離させてくださ