dackdive's blog

新米webエンジニアによる技術ブログ。JavaScript(React), Salesforce, Python など

2019-01-01から1年間の記事一覧

Chrome拡張をChromium版Microsoft Edgeに対応する

メモ。 Microsoftのこちらのブログを読んで。 In most cases, existing extensions built for Chromium will work without any modifications in the new Microsoft Edge というのを見て、半信半疑で試してみた。 実際やってみると、必要な作業としてはMicro…

Salesforce: Customer 360とは何だったのか、そしてDeveloper 360

Salesforce Platform Advent Calendar 2019 11日目の記事です。 遅れに遅れてすみません。OB枠*1からの参加です。 はじめに どなたかCustomer360について教えてください— Shingo Yamazaki (@zaki___yama) 2019年11月27日 界隈を離れて1年経ちますが、なんだ…

kintoneのAPIスキーマ情報からREST APIドキュメントを自動生成する

この記事は kintone Advent Calendar 2019 6日目の記事です。 kintone のアドベントカレンダーは初参加です、よろしくお願いします。 はじめに kintone にはさまざまなAPIがありますが、その中でもちょっと特殊なのがAPIのスキーマ情報を取得するためのAPIで…

Dreamforce'19 Developer Keynoteまとめ

ブログ 動画 ブログ記事を読みながら動画をとばしとばし観た感じです。 Lightning Base Componentsがオープンソース化 動画09:30あたり。 先日のLWCのオープンソース化に続き、Lightning Base Componentsという基本コンポーネント群もオープンソース化したそ…

@octokit/restのアーキテクチャについて調べた

良いREST APIクライアントの設計というものに関心があり、GitHub社の公式REST APIクライアントである @octokit/rest のコードを読んでみたメモです。 (ドキュメントは https://octokit.github.io/rest.js/) 知りたかったこと 漠然と、こういう疑問に対してな…

Salesforce: LWCのローカル開発機能(ベータ)を試す

先日、LWCのローカル開発機能のベータ版がリリースされました。 ブログ記事を読みつつ、手元で動かしてみたメモです。 LWC ローカル開発機能の特徴(ねらい) ブログ記事では、以下の3点に言及しています。 可能な限り本番環境に近い環境で、コンポーネントを…

複数のモジュール形式(CommonJS, ES Modules, UMD)をサポートしたnpmパッケージの作り方 in TypeScript

はじめに npmパッケージを開発するとき、パッケージ利用者の実行環境に合わせて適切なモジュール形式のファイルをパッケージに含め、提供する必要があります。 具体的には、たとえば以下のようなバリエーションが考えられます。 Node.js環境であれば CommonJ…

TypeScript: 配列の値をString Literal Typesとして使う

メモ。 こんな感じで、ある配列として定義されている値に対し、「その値のいずれか」を意図した String Literal Types を作りたい。 const size = ['small', 'medium', 'large']; type Size = 'small' | 'medium' | 'large'; でも、配列と型定義とで値を二度…

TypeScript: ReactNode型とReactElement型とReactChild型

メモ。 ReactNode ReactElement ReactChild の関係性、何回か調べている気がするので整理しておく。 @types/react の型定義 https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react/index.d.ts を参照した。 図で、ReactNodeArray → A…

npm installしたパッケージをVSCodeでデバッグする

npmでインストールしたパッケージが期待通りに動かず内部の動作を確認したい、となったときの話。 これまでは該当のスクリプトに console.log() とか直接書いてデバッグしてたんですが、あまりにも効率が悪いのでもうちょっと良いやり方を見つけたい。 VSCod…

Google I/O'19の「Speed at Scale: Web Performance Tips and Tricks from the Trenches」を観たメモ

途中飛ばしてしまった箇所もありますが、一通り観たのでメモを。 長いので最初にまとめ 動画の最後のスライドにキーワードがまとまってます。 速くする(Get fast)ための13個のTips 速さを維持する(Stay Fast)ためのTipsとしてPerformance BudgetsおよびLight…

Lightning Web Componentsの一部がオープンソース化された

現在開催中の TrailheaDX'19 で発表があったようですね。 The 3️⃣ Biggest Product Announcements From #TDX19:⚪ @Trailhead published the new Responsible Creation of AI module⚪ Lightning Web Components is now open sourced⚪ And...click here to dis…

TypeScript: ReactのContextに型をつける(useContextと16.3以前のLegacy Contextも含む)

TypeScript + Reactでコンポーネントを書くとき、Context を使っているコンポーネントに対してどう型を書くのが正解か迷ったので、調べたことをメモしておきます。 調べるきっかけとなったコンポーネントは React 16.3 以前の Legacy Context を使った書き方…

Amazonの商品ページの情報をkintoneに登録するChrome拡張

を作りました。 https://chrome.google.com/webstore/detail/amazon-to-kintone/leipfhjipgnfbdjkbinlmlmfdhgcakki からインストールできます。 アイコン未登録だったりコードがぐちゃぐちゃだったりしますが、とりあえず自分が使うための要件は満たせたので…

TypeScriptでJestを使うときの設定(ts-jest, @types/jestなど)

メモ。 TypeScript を使ったプロジェクトに Jest を導入する時に必要なパッケージや設定、とくに ts-jest と @types/jest が必ず必要なのかどうかがよくわかってなかったので調べた。 先にまとめ TypeScript -> JavaScript のコンパイルを TypeScript 自身で…

認定スクラムマスター研修(CSM)で学んだこと

だいぶ前ですが、2/13-15 に認定スクラムマスター研修を受けて、無事認定スクラムマスターになりました。 こないだ社内でも報告会をやったんですが、ここにも学んだこととか思ったことをメモしておきます。 研修の内容についての詳細はあまり書かれてません…

VSCodeVimでxやsでコピー(ヤンク)しないようにする

メモ。 素の Vim ではこちらの記事を参考に x や s で1文字削除したときにクリップボードにコピーされないようにしていて、 VSCodeVim でも同様の設定をしたい。 方法 settings.json (コマンドパレットの Preferences: Open Settings (JSON)) を開き、以下を…

ESLintとPrettierを併用するときの設定(eslint-plugin-prettier, eslint-config-prettier)

今さらだけどメモ。 ESLint を使っているプロジェクトに Prettier を導入するときの設定方法。 結論としては、公式のこのページに全部まとまってた。 なお、 prettier-eslint というのもあるようだが調べていない。 先にまとめ eslint-plugin-prettier: ESLi…

「よくわかるWeb Components」を読んだ

Web Components を学ぶべく、昨年の 技術書典5 で販売されていた 1000ch さんの本を買って読んでみました。 2時間程度で読み切れるので、Web Components 全く知らない状態から概要を理解するのにはとても良い本だと思います。 自分は Web Components がどう…

「モブプログラミング体験会 with Chris Lucian」に行ってきた

今日はこちらのイベントに参加してきました。 きっかけはこちらのツイートが TL に流れてきたのがたまたま目に留まって。 やるよー!!Chrisの話を聞ける貴重な機会です。#モブプログラミング#モブプロhttps://t.co/KXeUS7MrrB— TAKAKING22@FA宣言 (@TAKAKIN…

読書記録アプリを作ってkintoneの基本的な使い方を学ぶ

kintoneの使い方を勉強するのにちょうどいい題材はないかと考えたところ 自分が読んだ/読みたい本を管理するアプリが欲しいなと思っていたので、それを作りながら基本操作を学ぶことにした。 アプリのイメージ 読みたいと思った本や web 上のちょっと長い記…

「Google API Expertが解説するClosure Libraryプログラミングガイド」を読んだ

業務で Closure Library を使うので読んだ。 正確には、最後まで写経しながら読み進めようと思ったけど第5章あたりで挫折して、第6章以降はさっと目を通す程度になってしまった。 Google API Expertが解説する Closure Libraryプログラミングガイド作者: 伊…