AWS CDKでAPIGateway/SQSと連携した2層LambdaをTypeScriptで開発してみる | DevelopersIO
Lambda/API GatewayをAWS SAMを利用して定義していた所に代わり、CDKを使ったプロジェクトがもっと普及してもいいんじゃないかな？と思い、AWS CDK(Typescript)を利用してサーバーレスアプリケーションを開発してみました。 どうも、もこ@札幌オフィスです。 最近CDKにお熱で、Lambda/API GatewayをAWS SAMを利用して定義していた所に代わり、CDKを使ったプロジェクトがもっと普及してもいいんじゃないかな？と思い、AWS CDK(Typescript)を利用してサーバーレスアプリケーションを開発してみました。 作る物 APIGateway / Lambdaを利用して、SQSにキューイングする一般的なサーバーレスアプリケーションを作ってみます。 API Gateway/Lambdaの構成だけでは味気ないので、SQSをイベントソースに処理用のL
GitHub ActionsでPRごとにNext.jsのアプリケーションをCloud Runへデプロイする方法 - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは。新規IAMプロダクトでフロントエンドアーキテクトを担当している@shisama_です。 この記事では、開発スピードを上げるためにGitHub Actionsを使ってプルリクエストごとにレビュー用の検証環境をGoogle Cloud Run（以下、Cloud Run）に構築する仕組みについて紹介します。 今回紹介する内容のサンプルのリポジトリはこちらになります。 github.com この仕組みは業務委託でお手伝いいただいていた@chimame_rtさんが考案し設計してくれました 👏 はじめに フロントエンドチームが抱えていた課題 プルリクエストごとに Cloud Run に検証環境を構築する Step 1. プルリクエストにラベルを適用して GitHub Actions を起動 Step 2. Next.js のビルド Step 3. Google Cloud の認証 Ste
GAE 便利さに気づいてからめちゃくちゃ気に入っている。 最近開発が活発な Cloud Run や、Firebase のバックエンド実行環境でもある Cloud Functions が話題に登りがちだけど、2nd gen になってからの GAE はめちゃめちゃいいです。 トラフィック分割などの機能も揃っているしハマりも少ないので Function レベルのコードを動かしたいときでも GAE を選びたくなることがある。GCP ドキュメントのサーバーレス オプションの選択フローチャートでも、おおよそ GAE に行き着くんじゃないかな。 最近個人ポートフォリオサイトを Next.js & GAE Standard Env で作ったので、その話を書く。 当初は単にこのブログに AdSense を貼りたかったんだけど、独自ドメインにしたので、まずルートドメインの AdSense 審査を通す必要ができ
TL; DR: yarn v1 の場合、 yarn.lock から当該のパッケージのセクションを削除して yarn install すればアップグレードできる。 2021年9月9日追記： yarn v2 以降では yarn up -R パッケージ でアップグレードできるようになった。 困ったこと GitHub にソースコードをホストしているとある npm パッケージにおいて、 GitHub の Security Alerts が fstream < 1.0.12 の脆弱性を報告した。 yarn upgrade fstream で最新バージョンにアップグレードしようとしたが…… $ cd my_npm_pkg $ yarn upgrade fstream yarn upgrade v1.16.0 [1/5] 🔍 Validating package.json... [2/5] 🔍 Res
週刊Railsウォッチ（20191111前編）Active Recordモデルをprivateで封じ込める、心折れないRailsスキーマ管理、Railsセッションをクロスドメイン共有ほか｜TechRacho by BPS株式会社
2019.11.11 週刊Railsウォッチ（20191111前編）Active Recordモデルをprivateで封じ込める、心折れないRailsスキーマ管理、Railsセッションをクロスドメイン共有ほか こんにちは、hachi8833です。Rails 6.0.1が先週リリースされましたね🎉。 Rails 6.0.1がリリース！修正を追ってみました 各記事冒頭には⚓でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 毎月第一木曜日に「公開つっつき会」を開催しています: お気軽にご応募ください ⚓お知らせ: 週刊Railsウォッチ「第16回公開つっつき会」（無料） お申し込み: 週刊Railsウォッチ公開つっつき会 第16回｜IT勉強会ならTECH
Amplify CLIを使い、労力ゼロでGraphQL/REST APIやウェブホスティング用にコンテナをデプロイする | Amazon Web Services
Amazon Web Services ブログ Amplify CLIを使い、労力ゼロでGraphQL/REST APIやウェブホスティング用にコンテナをデプロイする この記事は、Zero-effort Container deployment for GraphQL and REST APIs and Web Hosting with Amplify CLIを翻訳したものです。 AWS Amplifyを使うことで、最速かつ簡単に、AWSでクラウド対応のモバイルアプリケーションやウェブアプリケーションを構築することができます。Amplifyは、フロントエンドのウェブ開発者やモバイル開発者が AWSの豊富なサービス群を活用して、革新的で多機能なアプリケーションを構築できるよう、ツール類や各種サービスを一通り備えています。 本日リリースしたAmplify CLIをお使いになることで、フロントエ
GitHub Actionsで実行するstorycap / reg-suit の高速化 - ROUTE06 Tech Blog
こんにちは！ROUTE06 プロダクトデベロップメント本部の @mh4gf です。 現在僕が関わっているプロジェクトでは、実装の変更に伴う UI のデグレードを検知するためにstorycapとreg-suitを利用した Visual Regression Test を GitHub Actions で実施しています。 運用を進める中で撮影対象のスクリーンショット数も増え、テスト実行時間の増加に悩まされてきました。テスト高速化に取り組みいくつかの改善に成功したため、この記事でその方法を紹介します。 3 行まとめ まず最初に取り組むべき並列実行の基本についてはこの記事を参照してください https://blog.wadackel.me/2022/vrt-performance-optimize/ turborepo を利用し storybook の差分ビルドを行う GitHub Actions
JSer.info #665 - Web ComponentsライブラリであるLit 3.0がリリースされました。 Lit Launch Day: Lit 3.0, Labs graduations, a compiler and more! – Lit Lit 3 upgrade guide – Lit Lit 3では、IE11のサポート終了、最小の実行環境をES2021をサポートしてるブラウザへ変更が行われています。 Lit 2.0で非推奨となったAPIの削除、Stage 3のDecoratorの対応なども行われています。 また、新しいLitテンプレートコンパイラーの公開、Preact Signalsを統合するパッケージも公開されています。 Chrome 118がリリースされました。 New in Chrome 118 - Chrome for Developers Chrome 11
monorepo内でのパッケージのバージョンを1つだけに統一するOne Version Ruleをpnpm catalogで実装する - newmo 技術ブログ
newmoでは、フロントエンド、バックエンド、iOSやAndroidなどのモバイルアプリをすべて同じリポジトリで管理するmonorepoを採用しています。 monorepoを採用することで、アプリケーション間で共通のコードを共有することができたり、CIの管理が楽になったり、他のチームのコードを見るのにわざわざリポジトリをcloneする必要がなくなります。 また、monorepoを採用することで、アプリケーションが利用しているパッケージ(ライブラリやツール)のバージョンを1つだけにするOne Version Ruleが実装できます。 One Version Rule One Version Ruleは、monorepo内のパッケージのパッケージのバージョンを1つだけにするルールです。 The One Version Rule | Google Open Source One Versio
PlaywrightとはPlaywrightはMicrosoftが開発している、オープンソースのWebテストフレームワークです。 v1.32から追加された新機能、UI Mode が業務でかなり重宝したので、これを使って実際にE2Eテストを書きつつ紹介していきます。 デモプロジェクトを作成適当なディレクトリでデモプロジェクトを作成します。 いくつか質問されますが全て Enter で OK です。 npm init playwright@latest実行が終わると以下のようなディレクトリ構造になっているはずです。 . ├── node_modules/ ├── package-lock.json ├── package.json ├── playwright.config.ts ├── tests │ └── example.spec.ts └── tests-examples └── dem
Introduction Modules are how Go manages dependencies. This document is a detailed reference manual for Go’s module system. For an introduction to creating Go projects, see How to Write Go Code. For information on using modules, migrating projects to modules, and other topics, see the blog series starting with Using Go Modules. Modules, packages, and versions A module is a collection of packages th
証明支援系Lean〈リーン〉は、かなり前（2017年くらい）から注目しているソフトウェアです。注目はしているんですが、ちゃんと調べる機会がなかったので、このブログで触れたことはありませんでした。2022年のうちに紹介したい（今は大晦日の夜）。 Leanは現在、バージョン3系とバージョン4系が混在しています。このため情報が錯綜していて、分かりにくい状況になっています。今はバージョン3系が使われていますが、これからLeanを使い始めるならバージョン4をインストールしてもいいかも知れません（ただし、開発バージョンであることは承知の上で）。 Leanは、CoqやIsabelleと同様、証明支援系〈proof assistant〉として設計開発されました。実際、機械可読な定理記述のために広く使われています。 バージョン4になりLeanは、汎用プログラミング言語としての機能・特性を前面に打ち出してきま
Installation | Playwright
Run the install command and select the following to get started: Choose between TypeScript or JavaScript (default is TypeScript) Name of your Tests folder (default is tests or e2e if you already have a tests folder in your project) Add a GitHub Actions workflow to easily run tests on CI Install Playwright browsers (default is true) What's Installed Playwright will download the browsers needed as
npm入門 - とほほのWWW入門
ヘルプを表示します。 $ npm help $ npm --help $ npm help コマンド $ npm -h コマンド npm のバージョンを表示します。 $ npm -v $ npm --version $ npm version npm で管理するプロジェクトディレクトリを作成します。package.json ファイルが生成されます。 $ mkdir my-app $ cd ./my-app $ npm init (略) package name: (my-app) [Enter] version: (1.0.0) [Enter] description: [Enter] entry point: (index.js) [Enter] test command: [Enter] git repository: [Enter] keywords: [Enter] author:
WP REST API × NuxtJS で SSG するサイト作り｜TechRacho by BPS株式会社
ebi です。定期ネタの WordPress 芸をやっていきます。 今回は一度やってみたかった WP REST API を利用したサイトに少し手出してみます。 React より Vue.js の方がまだ触ったことあるので NuxtJS を使ってみます。 また、 SSR だとホスティングするサーバをどうするかの問題が出てくるので SSG 前提のサイト構成にしてみようと思います。 そんなわけで実験がてらこう言う構成のサイト作りをやってみることにしました。 GitHub にコードも晒しておくので最終的なコードの細かい詳細見たい方は後で確認してください。 CMS として WordPress を採用している理由 正直自分自身にとって馴染みがある以外の理由は特にないです。 近年、 ContentFul や microCMS などのヘッドレスCMSが台頭してきているので、好みでそう言う CMS を選
React v18から17にダウングレードする方法【CRAまたはCNA】 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
React.jsがReact v18をリリースしてから、CRAはこの最新バージョンのReactをインストールします。 つまり、create-react-appは最新のすべてのReactバージョンと依存関係バージョンを使用して、まったく新しいReactアプリケーションを作成するためのCLIツールです。 ですが、現時点ではすべてのパッケージがこの最新バージョンのReact 18をサポートしているわけではありません。 そのような場合、プロジェクトで依存関係エラーが発生します。 この問題は、React 18をまだ使用する準備ができていない依存関係に対してより広く存在します、React v18でまだ動作できない内部ライブラリがあるため、この問題が発生しています つまり、使用したい他の多くの依存関係がバージョン18に対して最新ではなくサポートがされていないので、ダウングレードをしたい場合です。 既存の
github actionsでunityビルドしてiOSとAndroidのストアに自動的に提出する - Qiita
こんにちは。virapture株式会社のもぐめっとです。 この記事を書いてるときは冬なんですけど、もう自分の写真がなさすぎて夏までさかのぼってしまいました。 本日はCI/CD with Unity, GitHub Actions, and Fastlaneという記事を参考にUnityでの自動ビルドとストア提出を作ってみたのでそのメモ書きを残しておきます。 概要 UnityにはUnity Cloud Buildという公式のCIがあるのですが、いかんせんfastlaneとの連携ができないので、証明書を引っ張ってきたり、ストアにアップロードというのができません。 そこで探してみたところ、GameCIが出しているunity-builderというgithub actionsを使ってビルドを行い、デプロイにはfastlaneを使用することでうまくできました。 このunity-builderが結構優秀で
Node.js v15.0.0 is here!
This blog was written by Bethany Griggs, with additional contributions from the Node.js Technical Steering Committee. We’re excited to announce that Node.js 15 was released today. Node.js 15 replaces Node.js 14 as our ‘current’ release line, with Node.js 14 being promoted to LTS (long-term support) later this month. You can expect new releases of Node.js 15 approximately every two-weeks, keeping y
cdk bootstrapとは cdk appを新しい環境(AWSアカウント x リージョン)でデプロイする際に、最初の一回だけ実行が必要なコマンドです。もう少し厳密に言うと、各環境(AWSアカウント x リージョン)にて以下いずれかに当てはまるappを初めてデプロイする際に必要になります。 アセットを必要とするスタックがある場合 50キロバイトを超えるCFnテンプレートが生成される場合 DefaultSynthesizerを使用するスタックがある場合 cdk bootstrapコマンドを実行すると、CFn(CloudFormation)スタックが作成され、cdk appのデプロイに必要な周辺リソースが作成されます。 modern (vs legacy) cdk bootstrapで作成されるCFnスタックで使われるCFnテンプレートには大別して2種類存在します。modern templa
Haskell のビルドツールといえば cabal と stack です。ちょっと前までは cabal より stack の方が流行っていたのですが、最近は開発も落ち着いているようであまり動きがありません。それよりも cabal の nix-style local build が非常に使いやすく、近頃では stack から cabal に移行しているプロジェクトも多くあります。 stack を使っていて改善したら良いなぁと思う部分としては、新しい GHC やライブラリをすぐに使おうと思っても LTS や nightly に入っていないため使えなかったり、Backpack が未だに使えなかったりするところでしょうか。 ただ、ビルドの再現性という点においては stack の方が優秀だと思っているので今は両方使っています。(index-state と freeze ファイルを組み合わせれば ca
はじめに Google Apps Script（GAS）をGit管理できると知って調べたところ、Google Apps Script Githubアシスタントとclaspという2ツールが有名なようだったので、それぞれ試した感想や遭遇したハプニングなどをまとめてみました。 この記事が参考になるかもしれない人 これからGASをGit管理しようと思っている人 試したツール 各ツールの説明や導入方法は割愛します。 Google Apps Script GitHubアシスタント clasp Google Apps Script Githubアシスタント Chrome拡張なので導入は一瞬、Github連携もすんなりOKでした。使い方は簡単で、GASエディタ上でリモートリポジトリを選んでブランチを指定してPush,Pullするだけです。GASエディタ上で操作が行えるのは手軽で良さそうです。 ここで、Gi
Laravelの認証ライブラリであるJetStreamやBreezeをインストールする際にLivewireかInertiaを選択する箇所があります。Livewire、Inertiaどちらも認証機能のフロントエンド部分の認証画面やログイン画面を構成するファイル内で利用されています。 認証ライブラリのインストール時にLivewireとInertiaの違いがわからず悩まないように本文書ではLivewireについての基本的な動作を確認しながらLivewireがどういうものなのかの理解を深めていきます。動作確認はLaravel10を使っています。 Livewireとは Livewireを利用することでJavaScriptのフレームワークのVue.jsやUIライブラリのReactと同様にページをリロードすることなくページ内容を更新することができるフロントエンドの技術です。通常はページをリロードすること
はじめに 基礎技術研究室リサーチエンジニアの茂木です。今回は、あまりこれまでの記事にはなかった、開発環境の話をします。 Poetry と Docker をいい感じに併用する方法を探った話です。 Poetry Poetry は、Python のパッケージ・仮想環境の管理ができます。 Poetry を用いてライブラリをインストールすることで依存関係が解決されて lockfile が生成されます。 また、今回はあまり触れませんが、setup.py を書かずにプロジェクトの build や PyPI への publish もできます。 Docker と Poetry の併用 Poetry を使用することでモダンに Python での開発ができるわけですが、一方で開発環境といえば、外せない話題があります。 Docker です。 Docker は、production 環境でも使われますし、開発環境で
Github Actions のテスト実行時間を速くするためにやったこと - Uzabase for Engineers
本記事は、NewsPicks Advent Calendar 2022 の 12/18 公開分の記事になります。 NewsPicks Web Reader Experience Unit でフロントエンドエンジニアをしているじゆんきち(@junkisai)です。 弊チームでは、ここ1年間くらいWeb 版のNewsPicksを新しい基盤に置き換えつつ、見ためも刷新するプロジェクト（以下リニューアルプロジェクト）を進めています。 Web 版 NewsPicks は、jest でロジックの単体テスト、コンポーネントのレンダリングテスト、 a11y テストを Github Actions 上で実行しています。しかし、コードの規模が大きくなるにつれ、テストの実行時間が最大で 10 分程度かかるようになってしまい、開発体験を阻害してしまっていました。 今回は、最大 10 分程度かかっていたテストの実行
GitHub Trending RSS
GitHub Trending RSS Star The latest build: 7 October, 2023 All Languages Unknown Languages Unknown languages 1C Enterprise 2-Dimensional Array 4D ABAP ABAP CDS ABNF ActionScript Ada Adblock Filter List Adobe Font Metrics Agda AGS Script AIDL AL Alloy Alpine Abuild Altium Designer AMPL AngelScript Ant Build System Antlers ANTLR ApacheConf Apex API Blueprint APL Apollo Guidance Computer AppleScript
型情報の効果的な活用：API を介してバックエンドとフロントエンドを繋ぐ - Insight Edge Tech Blog
こんにちは！Insight Edgeの小林まさみつです。 Insight Edgeでは、単一のプロジェクトでバックエンドとフロントエンド両方の開発を担当することがあります。 開発時にはバックエンドとフロントエンドをうまく連携することが求められます。 その際、それぞれで型情報を定義すると多重管理することになり、管理の手間がかかることに加えて整合性が保ちづらくなります。 本記事では、型情報を含むAPIをスムーズに連携することでこれらの問題を解決し、開発プロセス全体の効率化を実現する方法を紹介します。 目次 1. 概要 2. 使用する主要な技術 3. 本記事で扱うデータモデル 4. バックエンドの型情報と FastAPI の役割 5. フロントエンド開発の効率化 6. バックエンドとフロントエンド間の型同期 7. 注意点 8. まとめと今後の展望 1. 概要 型付けの重要性 型情報を明示すること
録画・視聴したい番組が重なった場合。予約を削除したり何だり調整が面倒ですし、まあどうせなら両方視聴・録画できたほうが便利ということで。通常のチューナと比較して価格は高いですが、見たいと思った番組はほぼ全て視聴・録画できるメリットは大きいかと思います。 機材の接続 これらの機材を接続すると、このような感じになります。 コンセントは2つ使用しますが、チューナのコンセントをUSBに変換できれば、使用するコンセントは1つで済む感じもします。このあたりは、あとで実験しようと思います。 B-CASカードは、白い面、電極がある面を上にして刺します。 USB端子は、HDD、B-CASカード、チューナで3つ消費します。 マウスとキーボードを接続しようとすると、端子が足りませんが・・・USB端子1つで、マウスとキーボードを同時に接続したい場合、こちらの記事を御覧ください。 Raspberry Pi 4にUSB
An unlikely database migration
WireGuard is a registered trademark of Jason A. Donenfeld. Brad joins a startup When I first joined Tailscale almost a year ago, one of the first things I asked Crawshaw was, “So, what database do you use? MySQL, PostgreSQL, SQLite maybe?”, knowing that he loved SQLite. “A text file," he replied. “Huh?” “Yeah, we write out one big JSON object to a text file.” “How? When? What?” “Yeah, whenever som
Protocol Buffersで定義したAPIからTypeScriptを出力して型安全なフロントエンド開発 - asoview! Tech Blog
こんにちはアソビューのフロントエンドのテックリードの井上です。 アソビュー！ Advent Calendar 2023の3日目（A面）です。 AC6を2回クリアして軽くロス状態です。３周目は心がくじけました。 アソビューのフロントエンドでProtocol Buffersで定義した型を利用して型安全な開発をしている話をしたいと思います。 アソビューのProtocol Buffers運用 型の無い世界 JavaScriptで戦ってた時代 protoからTypeScriptに写経 protoからも生成できるはず Protocol BuffersからTypeScriptの型を生成する やりたいこと 利用したライブラリ 設定内容 出力結果 元のproto 出力されるTypeScript ts-protoのオプションについて onlyTypes=true stringEnums=true unreco
はじめに この記事は自分がNode.js未経験の状態からNode.jsのプロジェクトに携わって学んだことを忘れない様にメモしておくための記事です。 今はプロジェクトを離れてNode.jsに関わっていないため、思い出すためのメモとしてまとめました。 各ツールの役割を解説する事で、開発時に知識として必要なキーワードを効率よく知る事を目的としています。 私自身常に最新の情報を追えていた訳ではないので、情報としては古い可能性があるかもしれませんのでご注意を。 また、ツールの導入の仕方はバージョンアップによって変わる事があり、都度公式の最新の情報をチェックすべきであり、かつ今回の趣旨ではないため省略します。 実際こちらの記事を記載中にバージョンアップによって色々と変わったツールが散見されました。 より詳しい情報が欲しい方には 私はある程度自力で試行錯誤しながら学んだ後でこの本に出会ったので、本の内容
![[メモ] Node.jsで開発するにあたっての基礎知識まとめ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1381921ab94f316189d30dc041d9ff9d8d271c16/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCJUUzJTgzJUExJUUzJTgzJUEyJTVEJTIwTm9kZS5qcyVFMyU4MSVBNyVFOSU5NiU4QiVFNyU5OSVCQSVFMyU4MSU5OSVFMyU4MiU4QiVFMyU4MSVBQiVFMyU4MSU4MiVFMyU4MSU5RiVFMyU4MSVBMyVFMyU4MSVBNiVFMyU4MSVBRSVFNSU5RiVCQSVFNyVBNCU4RSVFNyU5RiVBNSVFOCVBRCU5OCVFMyU4MSVCRSVFMyU4MSVBOCVFMyU4MiU4MSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9ZjdjMDQwZGNkZmQ5NzZhZTYwNzMzOWYwYTRkYjA5NTY%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBmcm9tX1Vua25vd24mdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTUwOTJiNjAwOTJkZTIwMTFkZWU5N2IyNGI1YzkzZmI2%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D8a3f41848d302086769bd1781b5c3d87)
t_o_dです。 プロジェクトの開発環境において、最近は統一性や分離性の観点からコンテナやクラウドが利用されています。 ただコンテナであれば速度、クラウドであれば料金の問題などがあります。 そこで今回は新しい選択肢として出てきたdevboxを利用して既存のNode.jsプロジェクトで動作するか確認していきます。 環境 mac OS Ventura 13.1 手順 devboxインストール 以下のコマンドでdevboxをインストールします。 $ curl -fsSL https://get.jetpack.io/devbox | bash インストールされているか確認します。 $ devbox version 0.2.2 既存Node.jsプロジェクトの準備 既存のNode.jsプロジェクトを用意します。 今回は以下のようなディレクトリ構成のプロジェクトを利用します。 $ tree . no
【2023年最新版】初心者のためのEJS使い方まとめ
EJSというテンプレートエンジンを会社で使うらしいんだけど、テンプレートってなんや？なんか難しそうやから使い方知りたいデス 本記事では、ド初心者に向けたEJSの使い方をまとめました。 EJSはJSのテンプレートエンジン。サイト全体の共通パーツなどをphpを使わずに分割することができる優れものです。 EJSの使い方をマスターして効率的にコーディングを進めていきましょうっ！ EJSとは EJSとは主にJavaScriptで使用されるテンプレートエンジンです。EJSを利用することでHTMLをヘッダーやフッターで分割して管理することやHTML内でループ処理を書いて簡単に記述できるなどを実現できます。 上記説明の通りですが、EJSを使用することで、HTML内にJavascriptを記述して処理することができます。 例えば、ファイルを分割して呼び出す、ループ処理を入れるなど、Javascriptを使う
最近ギョームでやったこと (6) 〜 一歩踏み込んだ Web サイトの監視について考察して仮実装してみた 〜 - ようへいの日々精進XP
tl;dr 悩み事 どんな風に解決しようと試みたか 作ったもの リポジトリ こだわり 苦労したところ Puppeteer (1) Puppeteer (2) 差分抽出 動いている様子 参考 ということで まとめ 最後に tl;dr お疲れ様です. かっぱです. YAMAP に入社してもうすぐ一年が経とうとしています. あっと言う間の一年でした. この一年の振り返りを... と思いましたが, 最近の悩み事を技術で解決してみようと思って試験的に実装した内容を紹介させていただきます. そして, この記事は, YAMAP エンジニア Advent Calendar 2019 の 25 日目の記事になる予定です. qiita.com 悩み事 YAMAP では, yamap.com 以外にもいくつかの外部サイトを運営しています. これらのサイトのデプロイ作業を含む各種運用に携わっていますが, これらの
はじめに ネットに転がっている記事などで 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 するのを卒業することです。
こんにちは、スタメンエンジニアの手嶋です。普段はRuby on RailsやReactなどの技術を用いて開発しています。最近はフィーチャーチーム体制に切り替わったこともあり、AWSなどの技術にも触れる機会が増えました。 これまで複数のプロジェクトにおいてReact(TypeScript)で開発を行ってきました。そんな中でやはり型の恩恵を感じることが多かったのですが、バックエンドも含めてTypeScriptでアプリケーションを作成してみたいという想いが湧いてきたので、個人開発としてNext.jsとNestJSで構築したアプリケーションをモノレポで運用し本番環境で動かしてみました。 モノレポはその名の通り、単一のリポジトリ(git等)で複数のプロジェクトを管理することです。 主に以下のようなメリットを享受できないかと思い、モノレポを採用しました。 ESLint / Prettierなどの設定を
GraphQL Rubyと実際の開発 - Qiita
この記事はGLOBIS Advent Calendar 2020の19日目の記事です。 新規サービスの開発にバックエンドはRuby on Rails + GraphQL、クライアントサイドはReactを使っています。バックエンド側ではGraphQL Rubyをライブラリとして使用しています。実際にGraphQL Rubyを開発に盛り込んでしてきたことを書いていきます。 なぜ GraphQL + React を採用したのか 我々が現在開発中の新規サービスではサーバーサイドに GraphQL、フロントエンドに React.js を採用しました。 グロービスでサービス側はフロントエンドに React.js を主に採用しており知見・リソース共にサービス立ち上げの開発速度を担保するために十分でした。サーバーサイドについては Ruby on Rails を利用しており、APIについては Swagger
AWS CDK を使って node_modules を AWS Lambda Layers にデプロイするサンプル | DevelopersIO
Lambda Layers へデプロイする流れ Lambda Layers へ node_modules をデプロイするにあたり、ベースとなるプロジェクトをcloneしておきます。これは私が自分の手元で AWS CDK のワークショップ を実施してプッシュした状態のリポジトリです。 git clone git@github.com:cm-wada-yusuke/eval-cdk.git -b v0.1.0 ワークショップによって構築されるアプリケーションは、 AWS CDK Stacks: エンドポイントにアクセスすると DynamoDB のカウントを増やすアプリケーション AWS CDK Stacks: DynamoDB のテーブルビューア（ cdk-dynamo-table-viewer ） Lambda Function のソースコード というコンポーネントで構成されています。これら
最近になって、npm install 時に以下の警告が出て WARN レベルの警告が発生するようになりました。 found 25 vulnerabilities (2 low, 2 moderate, 20 high, 1 critical) run npm audit fix to fix them, or npm audit for details どうやら、脆弱性が疑われるライブラリバージョンを使っていると警告が出るようになったようです。 これは GHE(GitHub Enterprise)でも確認できていて、Node.js だけでなく他の言語(python, javaなど)でも同じでした。 今回はこの問題を解決していきたいと思います。 セキュリティ警告があるライブラリの確認 警告の通り、npm audit を実行することで大半のことは解決できるのですが、まずは該当のライブラリをチェ
はじめに npm installでしょっちゅうエラーにぶち当たるので備忘的に残しておきます。 npmってなんぞ？って方はこちらの記事とか参考になるかと思います。 とりあえず確認しとく項目 1. nodeとnpmのバージョンを見直す 2. node_modules フォルダとpackage-lock.json（場合によっては node-gyp も）を削除 3. npm install 実行するディレクトリを変える 各詳細は後述します。今回はdockerとlaravelを使用して環境構築しています。 発生したエラー docker-compose up -dでコンテナ作成したあと、 npm installコマンド実行しようとしたら出たエラー。 $ docker run -it --rm -v $(pwd):/app -w /app node npm install ... gyp ERR! bu
JSer.info #461 - TypeScript 3.7の正式版がリリースされました。 Announcing TypeScript 3.7 | TypeScript TypeScript 3.7 · TypeScript TypeScript v3.7.2 変更点 - Qiita Playgroundで更新内容を確認できるようになり、新しく増えた構文などのサンプルコードが確認できるようになっています。 https://www.typescriptlang.org/play/index.html?#show-whatisnew 構文として新しく増えているため、TypeScriptをサポートしているツールチェイン周りもアップデートが必要になります。 ECMASCript Proposal(Stage 3)のOptional ChainingとNullish Coalescingのサポート
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Next.js を Google App Engine にデプロイする - ぽ靴な缶
yarn upgrade で更新できない間接的な依存パッケージだけをアップグレードするには - Qiita
2023-10-16のJS: Lit 3、Chrome 118、Zodの作り方
PlaywrightのUI ModeでE2Eテストに入門する｜jig.jp engineers
Go Modules Reference - The Go Programming Language
プログラミング言語Lean 4の現状 - 檜山正幸のキマイラ飼育記 (はてなBlog)
CDK BootstrapのModern templateで何が変わるのか | DevelopersIO
stack で管理されたプロジェクトを cabal でビルドするために
GASをGit管理するならGithubアシスタントとclaspどっちを使うか？
Livewireって一体何？LaravelでLivewireの使い方の基礎を学ぶ | アールエフェクト
Poetry と Docker を併用する試み - FFRIエンジニアブログ
Raspberry Pi 4で地デジ4チャンネル同時録画するには
[メモ] Node.jsで開発するにあたっての基礎知識まとめ - Qiita
devboxを利用してローカルと分離したNode.jsの開発環境を構築 | DevelopersIO
そろそろ適当に npm install するのを卒業する
Next.js×NestJSをモノレポで構築/運用してみました - stmn tech blog
npm install時にnpm auditのセキュリティ警告が出る場合の対処法｜サラトガ牧場
npm installでエラーが出た時にとりあえずやってみること - Qiita
2019-11-12のJS: TypeScript 3.7正式リリース、Babel 7.7.0、npmロードマップ、Web Almanac