全国で1cm測位！RTK-GPS
●基準局は多いほど良い！身近に欲しい！ GPSなのに1cm精度を実現するRTKは，位置がわかっている基準局の受信データを使って位置情報を補正します． 基準局の位置は近いほど良く，理想的には10km以内です．基準局は多いほど良いのです． 基準局設置にご協力いただける方には，トラ技2周波RTKスタータ・キットを税込46,200円のところ35,200円で，トラ技RTKスターターキット基準局用を税込27,500円のところ22,000円に割引きして販売します． ▼キット販売 【トラ技2周波RTKスタータ・キット】 ・一般販売 https://shop.cqpub.co.jp/hanbai/books/I/I000316.htm ・全国1ｃｍ測位プロジェクトご参加の方（特別料金） https://shop.cqpub.co.jp/hanbai/books/I/I000316/トラ技2周波RTK割引注文
RTK2GO – Hassle Free RTK NTRIP Streaming
The Front Page for RTK2go.com The world’s most popular free NTRIP Caster Trouble with your NTRIP Clients? Please enter a valid email as the log on account name, read more below for details RTK2go® is a community NTRIP Caster created to allow you to publish your GNSS correction streams for others to use with their NTRIP Clients. It is built using the same Pro edition of the SNIP® Caster you can pu
u-centerのキホン③
前回はRTKの仕組みについて解説を行いました。そのときに補正情報を取得し、移動局に送信する基準局というのが出てきましたね。基準局は固定されていることが大半で、位置は既知であることが前提になります。 上の図を見ると、ネットワークを使って補正情報を送っているのですが、どのようなネットワークを介して送っているのでしょうか。簡単に解説したいと思います。 GNSS の補正情報や観測情報をインターネット経由で送受信する際に使用するプロトコルをNtrip（Networked Transport of RTCM via Internet Protocol／エヌトリップ）といい、 その情報を配信するサーバを Ntrip Caster (エヌトリップ・キャスター)と呼称します。 基本的に善意の基準局からのデータも Ntrip Caster を経由して配信されています。Ntrip は3つの項目から成り立っていま
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
Async/await
“async/await” と呼ばれる、より快適に promise を利用する特別な構文があります。驚くほど簡単に理解し、使用することができます。 Async 関数async キーワードから始めましょう。次のように関数の前に置くことができます:
TypeScript2.1.4 で導入された `keyof` キーワードと `in` キーワード、そして Lookup Types と Mapped Types - 角待ちは対空
keyof キーワード key とオブジェクトを受け取りプロパティの値を取り出す関数を考えます。 function getProp(obj: {}, key: string) { return obj[key]; } この関数使って変数を宣言すると型推論では返り値は any になってしまいます。 const urara = { age: 15, name: "chiya", }; const a = getProp(urara, 'age'); // any const n = getProp(urara, 'name'); // any もうちょい頑張って型付けしたいと思ったら obj の型を絞るしかなさそうです。 interface Urara { age: number; name: string; } では key の型は？となると今までは素朴に String Literal ty
最近Reactを始めた人向けのReact Hooks入門
ReactにHooksの仕組みが導入されてからずいぶん経ちました。Hooks導入当時のコミュニティの熱狂は、それはもう凄いものでした。「Reactにとんでもない機能が実装されたぞ！」と大騒ぎで、Hooksについての新しい記事を見ない日はありませんでした。 そんな盛り上がりも冷めつつあり、Hooksも実務に密着した「当たり前」の機能になったのかな、と思いました。しかしその一方でまだHooksについてはよくわからないという人も多く、知識の二極化を生んでいるように感じます。 世の中にはReactにすでに全く馴染んでいる人向けのHooksの解説記事は多く見当たりますが、最近のReact初心者に向けてのHooks解説記事はあまり多くありません。この記事では、Hooksについて実例を示しつつReactの基礎的な面からの解説を行います。 React初心者向けのHooks 世の中にはもう多くの高品質なHo
ReactのSuspenseで非同期処理を乗りこなす
Reactはどちらかというと非同期処理が苦手な部類でした。今まではReduxのmiddlewareを駆使したり、Hooksを上手く使ったりして乗り切っていました。 そこで以前よりSuspenseという機能の実装が進んでいます。Suspenseはまだ世間に浸透しきっていない機能ですが、Reactの世界を大きく変える可能性があります。そんなSuspenseについて、軽く覗いてみましょう。 Suspenseの世界 Reactで非同期処理を綺麗に扱うのは簡単なことではありません。redux-sagaを使うにせよ、useEffectを使うにせよ、大きな痛みを伴います。 そもそもReactはアプリケーションのUI層を担当するライブリラリです。本来果たすべき責務に注力できず非同期処理のような些事に気を取られ、あろうことか非同期処理がReactアプリケーションの設計に大きな影響力を持ち始めるというのは、望
複数の予定から空き時間を算出するプログラム(bit演算利用)
[2019.6.23追記: スケジュール調整のイメージ画像挿入] スケジュールなどの時間を幅で取扱う際に、複数のカレンダーから共通して空いている時間帯を抽出したい時があると思います。Googleカレンダーや営業の会社で使われているようなカレンダー、イベント管理システムであれば、複数のカレンダーを横に揃えて表示させることで、簡単に空き時間を見つけることができます。一方で、人間の認識ではいとも簡単にできるこの空き時間帯を抽出する作業ですが、コードに落とし込むとなると「時間」というデータの特殊性からすんなりとはコードが書けなかったりします。というか私の場合、冗長なコードで強引に進める以外の方法が思い浮かばず、その強引なコードでさえ完成させるのに4日程かかりました。それまで徐々に悪くなっていった調子がこのコード作成作業のせいで完全に悪くなり、シャレにならないくらいの状況になってしまいました。笑(今
Cloud Firestore セキュリティ ルールをテストする | Firebase
フィードバックを送信 Cloud Firestore セキュリティ ルールをテストする コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 アプリを構築するにあたり、Cloud Firestore データベースへのアクセスを制限したい場合があるかもしれません。ただし、リリースする前には、より詳細な Cloud Firestore セキュリティ ルールが必要になります。Cloud Firestore エミュレータを使用すると、アプリの一般的な機能と動作のプロトタイピングとテストに加えて、Cloud Firestore セキュリティ ルールの動作をチェックする単体テストを作成できます。 クイックスタート 簡単なルールを使った基本的なテストケースについては、クイックスタート サンプルをお試しください。 Cloud Firestore セキュリティ ルールを理解する
Reactのwebアプリで環境設定を切り替えられるように頑張った足跡 | Qrunch（クランチ）
Reactのwebアプリで環境設定を切り替えられるように頑張った足跡 Reactのフロントエンド用webアプリで、本番, ステージング, 開発,と分けたブランチで、それぞれがパブリックにアクセス可能になっています。 https://development.hogehoge.com https://staging.hogehoge.com https://hogehoge.com APIも同様にしており、それぞれの環境ごとにアクセスするDBも別個で用意しています。 フロントエンドはGoogleCloudBuildを使ってデプロイし、Firebase Hostingを使ってホスティングしています。 ここで苦労したのが、フロントエンドから呼び出すAPIのURLを環境ごとに切り替えること。 苦労したので、最終的な対応方法だけでなく、その足跡を残していきます。 戦ったこと NODE_ENVのパラメー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RTCM-Ntrip
YouCORS NTRIP caster
「AgriBus-Caster」リリースしました
pnpm: スペース効率に優れたJavaScriptパッケージマネージャ
url-redirects-rewrites#section-rewrites
Module to use jest as chai expect style?
React-admin - The Create and Edit Views
React-admin - The Admin Component