create-react-appでejectせずにmarkdownをレンダリングする

TL;DR raw.macroはraw loaderをwebpack confに記述しなくても使えるようなしたもの raw.macroでローカルのmdを読み込み,markedなどのmarkdownパーサーでパースすることでレンダリングすることができる. github.com github.com raw.macroの使い方 何かしら…

Gem,Bundler,Gemfile,Gemfile.lockについて

gem,bundler,Gemfile,Gemfile.lockの違いを整理したいと思います. RubyGemsとGem The RubyGems software allows you to easily download, install, and use ruby software packages on your system. The software package is called a “gem” which contains…

React/TypeScriptにおけるJSX element has no corresponding closing tagの解決法

.tsでジェネリクスを使用して,アロー関数の型宣言を行う方法 const hello = <T>(name: T) => { return name; } // hello<string>("igarashi"); これをそのままjsxに記述すると<T>がコンポーネントとして認識されてしまい, TS17008: JSX element 'T' has no corresponding</t></string></t>…

Optionに付与されたカスタムデータ属性の取得方法(React)

import React from "react"; const Option = ({ ops }) => { return ( <React.Fragment> {ops.map((op, index) => { return ( <option key={index} value={op.value} data-value={op["data-value"]}> {op.value} </option> ); })} </React.Fragment> ); }; const Select = ({ children, onChange }) => { return

peeweeを使用したデータベースの操作 | pythonのORM

Peeweeについて peeweeはpythonのORMフレームワークの1つである. ORMフレームワークについて ORMフレームワークについては以下の記事がわかりやすいです. 関係データベース(RDB)のレコードを、オブジェクトとして直感的に扱えるようにする。 また、RDB…

よく使うサービス

jsonplaceholder.typicode.com www.flexulator.com

コマンドラインでDynamodbに存在する特定のテーブルのレコードを全て取得する方法

ローカルでdynamodbを起動 $ java -Djava.library.path=./DynamoDBLocal_lib -jar DynamoDBLocal.jar -sharedDb dynamodbに存在する全てのテーブルを取得 ローカルで動かす場合は,--endpoint-urlオプションにhttp://localhost:port番号を記述する(忘れがち…

pycharmとwsl(Windows Subsystem for Linux)の連携方法

wslとpycharmを連携させると嬉しいこと wslはwindows上でネイティブにlinuxを動かすことができるため,コーディングの際にunix系osに依存したライブラリなどを使用できます. しかしwslの操作はcliで行うため,コーディングする際は必然的にvimなどを使用す…