% tree -a -I 'node_modules' . ├── dist ├── package-lock.json ├── package.json ├── src │ ├── main.ts │ ├── preload.ts │ └── web │ ├── App.css │ ├── App.tsx │ ├── index.html │ └── index.tsx ├── tsconfig.json ├── tsconfig.node.json └── webpack.config.ts 3 directories, 11 files dist/: webpack の出力先フォルダ src/main.ts: メインプロセスのエントリファイル src/preload.ts: プリロードスクリプト src/web/: レンダラープロセス (= React アプリケーション) ソースコー
この記事はQiitaトレンドランキングで2位を獲得しました。 【作ったもの】 カテゴリやランキングからYoutuberを探せるサイト：YOUTUBERランキング 【アクセスレポート】 アクセスリアルタイムレポート 概要 今回はリモートで通勤がなくなり自由時間が多くなったということで、個人開発をしてみたので、備忘がてらやったことを振り返ってみました。 WEB系に興味がある方などには、参考になる部分があるかもしれないので共有しますので、興味がありましたらLGTM、ストックお願いします。 対象読者 Webサイトの立ち上げ方を知りたい人 書いてあること Webサイト（ https://youtuber-ranking.com ）を立ち上げるまでにやったこと WEBサイトやWEBサービスの立ち上げ方 作ったもの おすすめのYoutuberをカテゴリから探せるサイトYoutuberランキング やったこ
「注文サービスをサーバーレスで作ってみた」JAWS DAYS 2020登壇資料 #jawsug #jawsdays #jawsdays2020 | DevelopersIO
「注文サービスをサーバーレスで作ってみた」JAWS DAYS 2020登壇資料 #jawsug #jawsdays #jawsdays2020 本記事ではAWS上の分散トランザクションを構築する方法を紹介させて頂きたいと思います。あと、そのトランザクションの結果をストリーミングさせ、クライアントにデータが自動で連携される仕組みについても紹介させて頂きます。最後に、私が作ってみたサービスのフルコードのGithubレポジトリーを共有致します。 本記事は、オンラインで開催された「JAWS DAYS 2020」の登壇記事となります。 はじめに こんにちは、コンサル部のテウです。 去年の年末年始休暇中、マイクロサービスのいろんな実装パターンについて勉強をしましたところ、分散トランザクションのことにすごく興味が出来ました。そもそもトランザクションの意味だけが分かっていたレベルだったのですが、もっと詳し
[AWS CDK]Control TowerのアカウントセットアップをStepFunctionsから実行するフローを実装してみた | DevelopersIO
[AWS CDK]Control TowerのアカウントセットアップをStepFunctionsから実行するフローを実装してみた Control Tower上でよく初期セットアップとして利用される機能をStepFunctionsからまとめて実行する仕組みをCDKで実装してみました。 リポジトリはこちら。あくまでサンプルなので、ご利用の環境に合わせてカスタマイズしながらご利用ください。 前提 Control Tower有効化済み Security HubのOrganizations統合で新規アカウントの自動有効化が設定されている 構成 EventBridgeでControl Towerのアカウント発行イベント(ライフサイクルイベント)を取得して、ターゲットとして指定したステートマシンを実行します。 ステートマシン内はLambdaが複数タスクとして定義されていて、各Lambda内で新規アカウン
![[AWS CDK]Control TowerのアカウントセットアップをStepFunctionsから実行するフローを実装してみた | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/1486b2da4d87633e58aebde2114c02dc06f61935/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F05%2Faws-control-tower.png)
How to improve Python packaging, or why fourteen tools are at least tw
There is an area of Python that many developers have problems with. This is an area that has seen many different solutions pop up over the years, with many different opinions, wars, and attempts to solve it. Many have complained about the packaging ecosystem and tools making their lives harder. Many beginners are confused about virtual environments. But does it have to be this way? Are the current
JSエコシステムぶらり探訪(目次) - Qiita
概要 webpackとかbabelとか、JSのすごいエコシステムを基本 (ブラウザ、Node.js, npm) から順番に調べていきます。 経緯 最近は npx create-react-app ... とやるといい感じに環境ができていいのですが、複雑なことをやろうとしたり、既に複雑になってしまったものを触るにはきちんと中身がわかってたほうがいいな……と思い始めたのでぼちぼち自分で調べ始めました。アウトプットしながら調べたほうが効率がいいので、このように記事として残します。 目次 (予定) とりあえず思いつくだけ書き出したもので、全ての内容を確約するものではありません。また、調査を進めるにつれて目次も変化します。 原初のJavaScript Node.jsとCommonJS modules npm, yarn, node_modules npmとコマンドライン CommonJSモジュールバ
Publishing a React Hooks Library using Typescript and TSDX - JulianGaramendy.dev
I started my personal hooks library and decided to publish it as an npm package. Doing this in TypeScript was not straightforward, until: palmerhq/tsdx. Here's what I did. Step by step. Step 1: Creating the project $ npx tsdx create bananahooks The command is interactive and asks you to choose a template. ? Choose a template … basic ❯ react I selected the react template, and TSDX installed everyth
Internet Computer (IC) とは 興味のない人向けに説明するとInternet ComputerはスマートコントラクトでDappを開発できるブロックチェーンです。 Dappはいわゆる分散型アプリケーションのことで、ブロックチェーンと連携するWebアプリケーションのことです。 自分も名前は知っていたものの有象無象の1つでしょぐらいの認識だったので今回ドキュメントを通して読んでみました。 internetcomputer.org Internet Computerの特徴 Internet ComputerはフロントエンドをSPAとして、バックエンドとデータ層をスマートコントラクトとして、フルスタックのWebアプリケーションをデプロイ可能です。 つまり新手のPaaSとして使えます。 厳密にはAsset Canisterという仕組みでフロントエンドも静的ファイル入りのスマートコン
こんにちは。PR TIMES でエンジニアをしている岩元 (@yoiwamoto) です！ プレスリリース配信サイト PR TIMES のフロントエンドは、一昨年ごろまでほぼ全てのページが Smarty + jQuery on PHP で実装されており、直近1、2年は機能追加・改修に合わせてこれらを順次 React 実装にリプレイスを進めています。 このような取り組みをどのような技術構成で行っているか、2023年の振り返りの意味も込めてざっくりと紹介します！ リポジトリ構成 React 実装は、これまでメインのバックエンドサーバーとのモノリスで構成していたリポジトリとは分けて、prtimes-frontend というリポジトリを使用しています。 PR TIMES STORY というサービスも自社で開発が行われていますが、実装は別リポジトリであり技術構成も異なるため、このエントリでは詳細に触
Tier 4 Support § Support for these targets is entirely experimental. If this target is provided by LLVM, LLVM may have the target as an experimental target, which means that you need to use Zig-provided binaries for the target to be available, or build LLVM from source with special configure flags. zig targets will display the target if it is available. This target may be considered deprecated by
In July 2022, I released dax for Deno providing a cross-platform shell for JavaScript written in JavaScript: const data = $.path("data.json").readJsonSync(); await $`git add . && git commit -m "Release ${data.version}"`; This is similar and inspired by zx, but because it uses a cross-platform shell with common built-in cross-platform commands, more code is going to work the same way on different o
React + Golang + websocketでリアルタイムチャットアプリを作る -Part1/websocket編-
はじめに websocketについて何となく理解していたものの、実際実装したことはありませんでした なので今回Client側にReact, Server側にGoを利用して、 1:Nでリアルタイムにテキストメッセージのやりとりができるシンプルなチャットアプリを作ってみます また、サーバーのスケールアウトにも対応できるようにRedisのPub/Subも取り入れます ※長くなったのでPub/SubはPart2にて! 利用する技術とか Client ・ React 18 ・ TypeScript ・ Vite ・ Recoil Server ・ Golang 1.18 ・ gorilla/websocket その他ミドルウェア ・ Docker,docker-compose ※Part1のソースコード全文はこちら Part1の最終的なディレクトリ構成はこんな感じ(一部省略) . ├── docke
GitHub + CircleCI + AWSなBuild & Deploy方法ちょっとまとめ - テコテック開発者ブログ
本投稿は TECOTEC Advent Calendar 2020 の16日目の記事です。 こんにちは。決済認証システム開発事業部の杉本です。 本ブログには2度目の登場となります。 前回の記事では Google Apps Script について書きましたが、その際に今後の課題としていたもの……は未解決です。 tec.tecotec.co.jp 本稿はそれより少し前、昨年のQiita Advent Calendarに参加した記事の、続きと言えなくもない、実際そんなに関係ない話です。 qiita.com さて今日は2020年12月12日です。何の日だか、皆様ご存知でしょうか。 2020……2020…… 1212……1212…… ご覧の通り循環（circulation）していますね。これは紛う方なきなでｋ……いやCircleCI記念日。 ※ 循環数列の英訳は recurring sequence
AWS CDKでAmazon Elasticsearch Serviceのドメイン(クラスタ)を作ってみた | DevelopersIO
AWS CDKで、Amazon Elasticsearch Serviceのドメイン(クラスタ)を作ってみました。 はじめに AWS CDKで、Amazon Elasticsearch Serviceのドメイン(クラスタ)を作ってみました。 シンプルにシングルノードでElasticsearchクラスタを作っていますが、設定値を少し変えれば、複数台の専用マスターノードとデータノードからなるクラスタを構築できます。 今回のソースコードはこちらで公開しています。 https://github.com/shoito/aws-cdk-elasticsearch バージョン情報 $ sw_vers ProductName: Mac OS X ProductVersion: 10.14.6 BuildVersion: 18G103 $ cdk --version 1.14.0 (build 261a1b
Introduction These release notes for Ubuntu 20.04 LTS (Focal Fossa) provide an overview of the release and document the known issues with Ubuntu 20.04 LTS and its flavors. For details of the changes applied since 20.04, please see the 20.04.6 change summary. The release notes for 20.04, 20.04.1, 20.04.2, 20.04.3, 20.04.4 and 20.04.5 change summary are available as well. Support lifespan Maintenanc
Slow Rust Builds? Here are some tips to speed up your compile times. This list was originally released on my private blog, but I decided to update it for 2024 and move it here. Table of Contents Click here to expand the table of contents. General Tips Update The Rust Compiler And Toolchain Use cargo check Instead Of cargo build Switch To The New Parallel Compiler Frontend Remove Unused Dependencie
2019-nCoVについてのメモとリンク（中澤港）
リンク集目次 国内外の状況 政府機関・国際機関等 学術情報 疫学論文 分子生物学／ウイルス学論文 臨床論文 インフォデミック関係 時系列メモ目次 新型コロナウイルス（2020年1月6日，11日） インペリグループによる患者数推定（2020年1月18日） 患者数急増，西浦さんたちの論文（2020年1月20日，23日） WHOはPHEIC宣言せず（2020年1月23-24日） 絶対リスクと相対リスク（2020年1月26日） 研究ラッシュが起こるかも（2020年1月27日） なぜ新感染症でなく指定感染症なのか？ なぜ厚労省令でなく閣議決定なのか？（2020年1月27日） コロナウイルスに対する個人防御（2020年1月27日） 国内ヒト＝ヒト感染発生（2020年1月28日） フォローアップセンター設置，緊急避難等（2020年1月29日） PHEICの宣言（2020年1月31日） 新感染症にしておけ
JSer.info #487 - ESLint 7.0.0がリリースされました。 ESLint v7.0.0 released - ESLint - Pluggable JavaScript linter ESLint v7.0.0 の変更点まとめ - Qiita メジャーアップデートであるため、ビルトインルールの変更が含まれています。 eslint:recommendedのルールを更新、いくつかのビルトインルールのデフォルトオプションの変更、Node.js関係のビルトインルールをeslint-plugin-nodeへ移行などが行われています。 また、.eslint.jsをデフォルトでignoreしないように変更、--configや--ignore-pathオプションでのパスの扱いの変更、プラグインの読み込み元ディレクトリが.eslintrc.*を基準とする変更なども含まれています。 その
まだパッケージマネージャーの打ち間違いで消耗してるの？ 初手煽りタイトル失礼します。よだかと申します。 僕はフリーランスでいくつかプロジェクトをやらせてもらっているのですが、プロジェクトごとにパッケージマネージャーが違ったりします。 これがかなり辛く、yarnのプロジェクトでnpm installしてpackage-lock.jsonを生成してしまったり、npmのプロジェクトでyarn installしてyarn.lockを生成してしまったり。。 果ては、yarn devなのか、npm run devなのか、など気をつけないいけないことがかなり多いです。 そこで今回ご紹介したいのがniというツールです。 niについて niについて説明するために、READMEを見てみましょう。 まずは一行目です。 npm i in a yarn project, again? F**k! とても強い思いから
苦しんで覚えるwebpackerのバージョン更新
webpackerのバージョン更新作業 現代のWeb Applicationのviewを作成する場合はReact・Vue、Angular等のライブラリを利用する事例が増えたと思います。それらのライブラリを利用する場合はビルドツール、多くはデファクトスタンダードになっているwebpackを利用しているかと思います。 Railsも例外ではなく、Railsのversion 6からはRails用にwebpackをwrapしたwebpackerがデフォルトでinstallされるようになっています。 webpackerの導入事例はよく耳にしますが、その後の更新作業を耳にすることは少ないです。 Railsを利用するからにはRails Wayに乗ることが重要であり、そのためにはRailsアプリケーションを継続的に更新していく必要はあります。webpackerに関しても例外ではありません。 今回はv4.3.
ちょっと雑ですが、npmパッケージのバージョンアップと脆弱性対応の方法をまとめました。これがベストかはわからないけど、一つのやり方として紹介します。 node: v14.15.1 npm: v8.1.3 yarn: v1.22.17 バージョンアップ必要なパッケージを調査 npm-check-updatesをインストール npm install -g npm-check-updates // or yarn add global npm-check-updates バージョンアップが必要なパッケージをリストアップ ncu > @nuxtjs/eslint-config 5.0.0 → 6.0.1 > @nuxtjs/eslint-config-typescript 3.0.0 → 6.0.1 > eslint 7.24.0 → 8.1.0 > eslint-config-prettier
Version 1.89 is now available! Read about the new features and fixes from April. November 2020 (version 1.52) Update 1.52.1: The update addresses these issues. Downloads: Windows: x64 Arm64 | Mac: Intel | Linux: deb rpm tarball Arm snap Welcome to the November 2020 release of Visual Studio Code. As announced in the November iteration plan, we continued to focus for two weeks on housekeeping GitHub
aws-nukeとCodeシリーズを使って、AWSリソース一括削除ボタンのようなものを作ってみる | DevelopersIO
「aws-nukeを使って好きなタイミングでリソースクリーンアップしたい。だけど、毎回CLIでコマンド打つのが面倒」 aws-nukeというAWSリソースを一括削除できるCLIツールがあります。 aws-nukeは全てのAWSリソースを削除するだけではなく、柔軟に除外するリソースを設定することもできて、とても便利なツールです。 毎回ローカルでaws-nukeのコマンド打って実行してもいいのですが、AWSコンソールからボタン一つで実行できたらもっと便利かと思いました。 以前GithubActions + aws-nukeで似たようなことをやってみました。 今回はCodeシリーズとaws-nukeでやってみます。 CodePipelineの手動実行をトリガーにAWSリソースを一括削除する仕組みとなっています。 この記事で使用するコードは、以下のリポジトリにあります。 msato0731/rem
npm にはlinkというコマンドが用意されており、これを使うことで npm パッケージの開発効率が上がる。 既存のパッケージに手を加えた際の動作確認にも使えるので、OSS 活動の効率も上がる。 この記事では、npm linkの仕組みと、それをどのように利用できるのかについて説明する。 動作確認に使った npm のバージョンは6.14.5。 Node.js のバージョンは12.17.0。これ以前のバージョンだと以下の動作確認でエラーが出るので注意。 サンプル用のパッケージとアプリを作る まずはパッケージを作成する。 my-package-dirというディレクトリを作り、そこに以下の内容のpackage.jsonを作成する。 { "name": "my-package", "type": "module", "main": "main.js" } そして、以下の内容のmain.jsを作る。
Collected, curated and written by: Yoni Goldberg, Bruno Scheufler, Kevyn Bruyere and Kyle Martin Welcome to our comprehensive list of Docker best practices that are exemplified under the realm of Node.js. Note that each and every bullet has a link to detailed information and code examples. The entire list can be found in our repository Node.js Best Practices. It covers the basics but goes all the
ChatGPT PluginとはChatGPTとサードパーティのアプリケーションやリソースを接続するための機能。例えば通常ChatGPTに「池袋でランチにおすすめのイタリアンのお店を教えて」と聞くと大体存在しない店を平然と回答してくる。これはChatGPTはGoogle検索で調べられるような事実やニュース、即時性のある事柄に対する回答が仕組み上苦手だからだ。 ChatGPT Pluginではこうした点を補うために、先の例で言えば食べログPluginを使うとユーザーからの質問を元に食べログのAPIを叩きおすすめのお店を取得、そのお店の情報を利用してユーザーへの回答を作る。そうすると実在する店の情報を自然な日本語で回答できるようになる。 ChatGPT Pluginは現在ベータ版ではあるが課金してるユーザーはもちろんfreeユーザーでも利用できるようになってきていて、少しコードが読み書きできれ
【GitHub Actions】Markdown 執筆に textlintの自動校正を取り入れる | DevelopersIO
背景 GitHub で Markdown 執筆活動 複数人で協力してドキュメントを執筆しています。 執筆の流れは下図のとおり。 執筆ブランチ を作成する 執筆ブランチ で執筆活動を行う mainブランチ にマージするための プルリクエスト を作成する プルリクエスト内でレビュー (必要に応じて修正) を行う 最後に mainブランチ へマージする (1. に戻る) 最低限 Git や GitHub 周りの操作を把握できたら、この方法は結構良いと感じています。 以下のようなメリットを享受できています。 テキストで情報を管理できる ( by Markdown ) バージョン管理ができる( by Git ) 文章レビューの流れを統一できる( by GitHub ) textlint で文章校正 さて、執筆活動において より良い文章 を書くために textlint を活用しています。 textli
typescript導入したprivateなnpmパッケージの作り方 - 30歳SIerからWEBエンジニアで奮闘
はじめに 開発の規模を大きくなってくると、共通化したコンポーネントを利用したいこともあると思います。 git submoduleをつかって共通部分を切り出すことも可能ですが、branchの変更忘れてしまうと反映されないので、個人的には好みではないです。 一方privateなnpmパッケージで実現することも可能だと思います。 npm private registoryを利用することも可能ですが、こちらの場合 US $7/月という月額料金がかかってしまいます。 一方、github privateは無料になったので、githubをつかってprivate npmパッケージを作ってみたいと思います。 また共通利用するなら型情報があったほうがありがたいので、typescriptを導入してみたいと思います。 目標 github privateリポジトリの作成 他のリポジトリからimport確認 npm
【レポート+やってみた】projen – a CDK for software project configuration #CDK Day | DevelopersIO
【レポート+やってみた】projen – a CDK for software project configuration #CDK Day 先日のCDK Dayというイベントで、TypeScriptの構成ファイルを統合・継続管理できるprojenというプロジェクトが発表されていたので紹介します。前半で発表のレポート、後半では実際に動かした内容を記載しています。 はじめに CX事業本部の佐藤智樹です。 先日(9月30日)にCDK Dayという世界中の開発者がCDKに関連する内容を語るコミュニティイベントがありました。そこで興味深い発表があったので紹介します。 TypeScriptで新規開発する際毎度作成が必要になる package.json、 tsconfig.jsonなどの構成ファイルを統合・継続管理できるツールの発表でした。 一部例を書くと、以下のような.projenrc.jsファイル
1/ What's new?The list of changes and improvements is long, check the complete changelog if you are interested in reading it all. I will highlight a few key points here. Performance improvementsWe overhauled pretty much everything from the protocol used between Composer and packagist.org to the dependency resolution, including downloading files in parallel using curl and constraint evaluation opti
【前編】Vue CLI + Laravel によるMSPA (Multi-Single Page Application) - CYDAS Developer's Blog
大阪からこんにちは、福山健（@kenfdev）です！ 最近はLaravelとVueを触ることが多く、開発のしやすい仕組みづくりについて考えてます。Laravelは最初からフロントエンドの開発がしやすいように Laravel Mix の仕組みが用意されています。これを使うとさくっとVueやReactなどのSPAのパイプラインもLaravelに組み込むことができます。 とはいえ、 バックエンドにLaravelを使い続けるかわからない フロントエンドエンジニアにLaravelを極力意識させたくない Vue CLIをそのまま使いたい Vue CLIの中でも pages 機能を使ってMSPA（Multi-Single Page Application）を作りたい というような思いがある人も一定数いるのではないでしょうか？ 上記をふまえて、VueCLIを使ってフロントエンドを作り、バックエンドをLar
会社のテックブログを勝手に爆速にしてみた
これをnuxt.jsのpagesディレクトリで以下のように再現しました。 > tree /f pages │ index.vue │ _article.vue │ ├─category │ _page.vue │ └─page _page.vue nuxt.config.jsではこのように動的ルーティングを生成しています。 nuxt.config.js generate: { async routes() { const generates = []; let categoryarray = []; /*/postsではカテゴリーはIDで入ってくるため先にカテゴリー一覧を取得する*/ await axios.get("https://tech.gmogshd.com/wp-json/wp/v2/categories") .then((res)=> { res.data.map(c => {
コンテナのビルドからECS Task Definitionの更新は一貫して行いたい作業であり, CIツールは課題に対する解を提供します. そしてECSへのデプロイまでに行うべきことはほとんどの場合で同一であります. なのでCIツールの中で再利用可能な手法が取れればパイプラインの構築を高速にかつ容易にしアプリケーション開発に注力することが出来ます. GitHub ActionsではAWSが提供しているActionsがありこれを利用することで少ない設定でECSへのデプロイまで実行することが出来ます. 今回はECS Task Definitionの更新までを実際に試してみます. AWS for GitHub Actions 「AWS for GitHub Actions」はAWSリソースへ対する操作をGitHub Actions上から実行する便利なActionsです. AWSが提供しておりアクセ
仕事でCI全般のお悩み相談されることが多くて .circleci/config.yml や .gitlab-ci.yml をリファクタリングすることがよくあるのですが、その時に一番意識してるキャッシュ戦略について長年自分の中の暗黙知になっていて明文化できてなかったので書きます。 前置き 用語の定義 その他 GitLab CIとCircleCIの両方に共通すること キャッシュを過度に使いすぎない 許容できるケース 11/6追記 ないと困るものはキャッシュにしない 10/30 12:00追記 キャッシュをバージョニングする 複数のブランチでキャッシュを共有できるようにする GitLab CI固有の話 GitLab CIのキャッシュの仕様 CircleCI固有の話 CircleCIのキャッシュの仕様 同一のkeyで一度キャッシュが作られたら上書きができない キャッシュのkeyは前方一致 どうして
npm Blog Archive: npm v7 Series - Why Keep `package-lock.json`?
The npm blog has been discontinued. Updates from the npm team are now published on the GitHub Blog and the GitHub Changelog. << Arborist Deep Dive >> Beta Release! One common question we’ve gotten a few times now, once we announce that npm v7 will include support for yarn.lock files, is “Why keep package-lock.json at all, then? Why not just use yarn.lock only?” The simple answer is: because yarn.l
20 ways to become a better Node.js developer in 2020
Don’t be that ‘screwdriver guy’, enrich your toolbox, diversify yourself Short IntroI’ve compiled below 20 skills, technologies and considerations on choosing between them. Picking the right tools became one of our greatest challenges — the Node.js ecosystem has matured and present attractive options in almost every field. Vanilla or TypeScript? Ava, Mocha or Jest? Express, Fastify or Koa? or mayb
dbt と Dataform を比較して Dataform を利用することにしました | MoT Lab (GO Inc. Engineering Blog)
タクシーアプリ「GO」、法人向けサービス「GO BUSINESS」、タクシーデリバリーアプリ「GO Dine」の分析基盤を開発運用している伊田です。今回、dbt と Dataform を比較して Dataform を利用することにしましたので、導入経緯および Dataform の初期構築を紹介します。 ※ 本記事の対象読者はELTツールを利用している方を対象にしています これは MoT Engineer Challenge Week 2022 Spring の記事です。 はじめに本記事では、まず、dbt および Dataform というツールについて簡単に説明させて頂き、次に現在データ分析チームが抱えている課題について取り上げます。その後、2つのツールについて検証した内容を紹介し、その結果、Dataform の導入に至った経緯を説明します。また、最後に Dataform の初期構築で工夫し
WordPress JSX を使った Gutenberg ブロックの作り方 WordPress のブロックエディタ Gutenberg で JSX を使って独自のブロックを作成する方法について。 JSX を使用するための環境構築は @wordpress/scripts（wp-scripts）を使っています。基本的なブロックの作成方法、JSX の基本的な使い方、WordPress のコンポーネントの使い方、webpack.config.js を使った環境のカスタマイズ（複数のエントリーポイントの設定方法）などについての覚書です。 以下は(旧)ブロックの作成 チュートリアル（削除予定）などの古い情報を参考にしているため部分的に古い情報になっています。 以下はすでに Node.js がインストールされていて、WordPress のローカル環境が設定済みであることを前提にしています。また、コマンド
みなさんこんにちは！ 2023年は「Cloud Run を触って覚える」をテーマとした一人アドベントカレンダーを一人で開催したいと思います。Cloud Run のさまざまな機能や、Cloud Run でよく使う構成などを実際の使い方と一緒にご紹介したいと思います。 初日は、私自身がデモなどでよく使う Next.js を Cloud Run にデプロイする方法を紹介します。 Cloud Run の概要は技術評論社さまのブログ「gihyo.jp」に寄稿した記事で解説していますのでこちらもぜひご覧ください。 Next.js アプリの作成 まずは Cloud Run でホスティングする Next.js のサンプルアプリを作ります。 Dockerfile 付きのサンプルアプリは Next.js 公式として公開されているので、コンテナ化した Next.js アプリは簡単に作ることができます。 FROM
【2021年版】NFTを発行してほしいという問い合わせが多いので発行方法とサンプルコードを公開します - SaaSベンチャーで働くエンタープライズ部長のブログ
タイトル通りですが、NFTを発行して欲しいと問い合わせがたくさん来ており、直近忙しくしているので方法だけまとめておきます。 OpenZeppelin + Solidity0.8 + Hardhat + ethers.jsが良さそう Hardhatでプロジェクトを作る NFTコントラクトを、OpenZeppelinで作る コントラクト デプロイスクリプト ローカルで仮想ノードを動かす 仮想ノードにデプロイ hadhat flattenでコントラクトをフラットな形で見る testを書く OpenZeppelinの関数を変えたい場合、オーバーライドする サンプルコードを公開しました OpenZeppelin + Solidity0.8 + Hardhat + ethers.jsが良さそう Solidityが0.4.21でワイワイしていたのはいつのことか。2021年はもうv0.8台になりました。O
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Electron + React + TypeScript の開発環境構築
【Vue/Firebase】ユーチューバー関連のサイトを立ち上げた話【個人開発】 - Qiita
Internet Computer Dapp開発入門 - laiso
PR TIMES のフロントエンドを支える技術 2023 | PR TIMES 開発者ブログ
0.8.0 Release Notes ⚡ The Zig Programming Language
dax - Cross-platform shell tools for Node.js
FocalFossa/ReleaseNotes - Ubuntu Wiki
Tips For Faster Rust Compile Times | corrode Rust Consulting
2020-05-12のJS: ESLint v7.0.0、Next.js 9.4、npm 7の変更予定
まだyarnやnpmやpnpmの打ち間違いで消耗してるの？
npm パッケージのバージョンアップと脆弱性対応 – rinoguchi's techlog
Visual Studio Code November 2020
npm link で OSS 活動の効率を上げる - 30歳からのプログラミング
Docker best practices with Node.js
Cloudflare Workers + HonoでChatGPT Pluginを作る
Composer 2.0 is now available!
ECS Task DefinitionをActionsで自動更新する | DevelopersIO
GitLab CIとCircleCIのキャッシュ戦略の違い - くりにっき
WordPress JSX を使った Gutenberg ブロックの作り方
Cloud Run ことはじめ - Next.js アプリを 10 分でデプロイする