Rustのビルドシステムであるcargoは、PATHにcargo-なんとかというバイナリが存在するとサブコマンドとして使用できます。よくあるやつですね。便利なものがcrates.io上に公開されているので、いくつかご紹介したいと思います。 cargo install その前に、cargo組み込みのコマンドであるcargo installの説明です。Rust製バイナリの導入が簡単に行えるコマンドです。cargoパッケージ1のディレクトリ内で と実行すると、そのパッケージをコンパイルし、成果物のバイナリを~/.cargo/binにインストールします。cargo uninstall バイナリ名でアンインストールできます。 crates.io上のパッケージをコンパイル&インストールするにはパッケージ名を指定します。

こんにちは。フロントエンドエキスパートチームの@nakajmgです。 私が所属しているフロントエンドエキスパートチームでは、現在 kintone の脱レガシーの一環として React + TypeScript 化に取り組んでいます。この取組の中で Scss で定義されている既存のスタイルを styled-components で書き直していくという決定をしました。 今回は styled-components の採用を決定するまでの過程や、既存の Scss ファイルの扱いについて検討した内容などを紹介します。 スタイル定義方法の検討 kintone にはユーザーが JavaScript でカスタマイズできる機能があり、ユーザーが行っているカスタマイズの中には、DOM 構造や CSS のクラス名に依存しているものもあります。このようなカスタマイズはサポートの対象外ではありますが、ユーザーにでき

I'm using React-router and it works fine while I'm clicking on link buttons, but when I refresh my webpage it does not load what I want. For instance, I am in localhost/joblist and everything is fine because I arrived here pressing a link. But if I refresh the webpage I get: Cannot GET /joblist By default, it didn't work like this. Initially I had my URL as localhost/#/ and localhost/#/joblist and

React Routerの概要 React Routerはページ遷移などを制御するためのもので、SPAを作る際には必須となる機能です。 vte.cxのblankプロジェクトでも使用していますが、いくつかハマリどころがあったので、ここにまとめておきます。また、初心者歓迎！React初心者勉強会とLT大会でも紹介します。 なお、バージョンはv4を使っています。 書き方は概ね以下のように、<Link to="iteminput">で遷移先リンクを指定し、<Switch>の<Route>で実際に表示するコンポーネントを指定するといった感じになります。 demo.js render() { return ( <Router> <div id="wrapper" className={this.state.condition ? 'toggled' :''}> <div id="sidebar-wra

今さらだけどメモ。 ESLint を使っているプロジェクトに Prettier を導入するときの設定方法。 結論としては、公式のこのページに全部まとまってた。 なお、 prettier-eslint というのもあるようだが調べていない。 先にまとめ eslint-plugin-prettier: ESLint と一緒に Prettier のチェックをしたい場合に導入する eslint-config-prettier: Prettier とバッティングする、ESLint のフォーマット関係のルールを無効化する 1, 2 両方やりたい場合、両方インストールして ESLint の設定に "extends": ["plugin:prettier/recommended"] と書けば OK eslint-plugin-prettier も eslint-config-prettier も公式のパッケ

Binary Authorizationと友達になろう / Let's be friends with Binary Authorization