ねこものがたり

いちにちいっぽ

JavaScript

JSで日本語文字列の「何文字目」を扱う時はIntl.Segmenterが便利

この記事のきっかけ 仕事中、Next.jsで描画する画面で「ある文字列の20文字目までは表示したい、21文字目以降は '...' で省略したい」という仕様がありました。 こういう要件は度々あって、すでにプロジェクト内には String.prototype.substring()を利用した…

開発で利用中のnpmパッケージやモジュールのソースコードを開く方法

npm edit @{ライブラリ名}でオープンできます。 公式ドキュメント docs.npmjs.com この記事の背景 最近ついにフロントエンド(Next.js)をやっていく業務に就きました!ずっとサーバーサイドメインでやってきたけどフロントでも痛い目みながら経験積みたいと…

JSで関数の引数として渡す分割代入を理解する

背景 最近のモダンJSをやっているとこのような関数をよく見たり書いたりします。 function doSomething({ id, name }) { ... } この時の引数になっている{ id, name }の部分について、「JSONでキーが一致したもののバリューをとってくる便利記法なんだろうな…

React入門しました

React入門しました。本を探そうかと思ったけど王道で公式サイトのチュートリアルをやってみることにしました。 reactjs.org 内容はGet Startedを辿っているだけなのでこのブログで改めて記述するようなことはないのですが、入門したての感想として、create a…

npm moduleの作成ー公開を練習してみました

最近仕事でAWS-CDKのコードをTypeScriptで書く、ということをやっていたのですが、そのなかでやろうとしてる処理に「この作業自分でやるのが面倒くさい」と思ったところがあったので解決するモジュールを作ってみたくなりました。 ですがJSのモジュールを作…