緯度経度から都道府県・市区町村を検索できるオープンソースの逆ジオコーダーをベクトルタイルで作りました！
緯度経度から都道府県・市区町村を検索できるオープンソースの逆ジオコーダーをベクトルタイルで作りました！ オープンソースの逆ジオコーダーをつくりました。 https://github.com/geolonia/open-reverse-geocoder これを使用すると、緯度経度から都道府県名および市区町村名を検索することができます。 以下でデモをみることができます。地図を動かすと下の方に地図の中心点の住所が表示されます。 https://codepen.io/geolonia/pen/oNZLPQP 仕組み 一般的な逆ジオコーダーの仕組みは、地名のポリゴンを北海道から沖縄までループで回して、引数で渡された緯度経度がどのポリゴンに含まれているかを計算して、該当する地名を返すというような仕組みであろうかと思います。 しかし、たとえば全国の市町村のポリゴンはGeoJSONにすると400MB以上あ
Outline Wiki をホスティングする
Outline is 何? Outline というのはオープンソースで開発されているナレッジベースです。 Slack や Google Workspace などを用いてチームメンバー内での共有はもちろん、一部の記事だけを一般公開することもできる優れたツールです。 私は個人用のメモとして活用しています。 Markdownも使用でき、編集画面がそのままプレビューになっているのでとても使いやすいです。 概要 今回は以下の環境で Outline をホスティングする方法をまとめます。 Ubuntu 20.04 (さくら VPS) CPU: 仮想2Core メモリ: 1GB また、今回のやり方では Docker は使用しませんが、Dockerを使用する場合は適宜読み替えて設定すればできるとおもいます。 インストール Outline #Installation Outline をホスティングするには以下
ゼロからはじめるJavaScript(7) ChromebookでWebアプリ(Node.js/PHP)の開発環境を整えよう
ここ最近はChromebookの売上が好調のようです。Chromebookは安価ながら安定してWebアプリが利用できるのが魅力です。TVでもChromebookのCMを見かける機会が増えています。しかし、エンジニアとしては、Chromebookを使ってどこまで快適なWebアプリの開発環境が構築可能なのか気になるところです。今回、検証してみました。 ChromebookでWebアプリの開発環境を構築して開発しているところ 結論 - Linux仮想マシンでWebアプリの開発環境が整う まずは、結論から紹介すると、それなりに快適なWebアプリの開発環境を構築できます。そもそも、2019年以降に発売されたChromebookでは、設定からボタンを数回押すだけでLinux(Debian)の仮想マシンをセットアップできるようになっているからです。 また、昨今のChromeOS上ではAndroidアプリ
LambdaでサーバーレスにhtmlをPDFに変換しよう - Qiita
ヴァル研究所アドベントカレンダー2018の2日目です。 PDF帳票が必要な場合、どんな方法で作成していますか？ html・cssで書いてそれをPDFに変換できると便利ですよね。html・cssでのレイアウトにはみんな慣れていますし、テーブルや文字のセンタリング等も簡単です。cssでは長さの単位に mm や cm も使えるので、物理的なサイズをそのまま指定できます。 html-pdfというNode.jsライブラリ・CLIツールを使うとhtmlをPDFに変換できます。内部ではPhantomJSを使っているので、htmlのレンダリングにも安心感があります。 当方ではサーバーレスで開発していたので、この変換をLambdaで行いたいと考えました。そうなるとネックになるのがLambdaのデフォルト環境には日本語フォントが入っていないという問題。結局そこは、フォントをzipパッケージに含めて、実行時に
Raspberry PI + Node.js + Nuxt.jsで30秒の間に光っているボタンが何回押せるかを競うゲームをDIYした - Qiita
作ったもの まずはこの動画を見てください。 このようなゲームを子供の頃体験しませんでしたか？30秒の間に光っているボタンが何回押せるかを競うゲームです。なかなか大きいものですし、市販されていません。なければDIYで作る。ということで作りました。 アーキテクチャ概要 全体図は上図のようになります。 まずはボタンの機構を確認してみる ボタンを開けて確認してみると、ちゃんと回路的には別になっています。 これなら好きな場所を光らせたり、押されたところを判別することができますね。 これをボタンに入れるとこんな感じ。 LEDとRaspberry PIとの通信 LEDに関してはGPIOという仕組みを利用してピンのモードを出力（OUTPUT）にし、回路の電圧をHIGHにしたりLOWにすることでLEDを光らせたり、消したりすることができます。 出力 LEDの状態
npm, yarn による zero install 戦略 - from scratch
jsconf.eu 2019 に行ってきました。 特に npm や yarn の今後の話とそもそも Registry をどうしていくか、の話があったのでお知らせします。 そもそも Registry をどうしていくかについては次のエントリで話します。 tink: A Next Generation Package Manager npm の次のコマンドラインツールである tink が紹介されていました。 github.com presentation: github.com video: www.youtube.com そもそも npm の仕組み ローカル依存ファイルを読む (package.json, package-lock.json, shrinkwrap.json) 存在しないパッケージのメタデータをfetchする 木構造を計算して、実行する（npm v3 以降だとflattenする
AIが入ったBotの作り方を学ぼう - Part1 概要と開発環境のセットアップ - Qiita
この記事はLINEで動作する栄養士Botを開発するチュートリアルのPart1です。 食べたものを通常の話言葉でBotに報告すると、その食べ物のカロリー、栄養量を教えてくれる、というシロモノを開発していきます。 Bot本体のプログラムはNode.jsで開発し、Heroku上で稼働させます。その後、自然言語処理のapi.aiや形態素解析サービス、食品の栄養情報が格納されているクラウドデータベースと連携しながらBotを構築していきます。 このチュートリアルはOracle Cloud Developers Meetupでおこなうワークショップを記事化したものです。実際には動作するBotのデモンストレーションをご覧いただいてから作業に着手する流れとなっています。上図はその完成型のBotのアーキテクチャーで、このチュートリアルでは食事履歴の保存はカバーしない予定です。 今回はまず開発環境をセットアップ
date-holidays という祝日ライブラリが良い意味で狂っていた - hnwの日記
世界には色々なマニアがいるなーという話を紹介します。 先日Node.jsで使える祝日ライブラリを探していたところ、複数の国や地域の祝日に対応しているライブラリ date-holidays を見つけました。 commenthol/date-holidays: worldwide holidays このライブラリは本稿執筆時点で143ヶ国379地域の祝日に対応しています。この時点で頭がおかしい（ほめ言葉）のがわかると思うんですが、さらに凄いのがこれらの祝日をすべてYAMLで定義しており、このYAMLが変態的だという点です。 YAMLによる祝日の定義例 どう凄いかは実際のYAMLを見た方が早いと思うので、例を紹介します。下記は日本の祝日の定義の一部です。 01-15: name: en: Coming of Age Day jp: 成人の日 active: - from: 1948-07-20
IKEA Trådfri Gatewayがいつの間にか売られていたので、Node.jsでド派手なLチカをしてみる。
IKEA Trådfri Gatewayがいつの間にか売られていたので、Node.jsでド派手なLチカをしてみる。JavaScriptNode.jsikea TL;DR いい色のLED電球をNode.jsで操作できる。 日本でもIKEA Trådfri Gatewayが売ってる。 IKEAにふらっと行ってみたら、 うおおおおおおおお！！！！！ いつの間にか、IKEA Trådfri Gatewayが売られている！！！！ おおおおおおおお！！！！ 取り乱しましたが、IKEA Trådfriとは、かの家具量販店IKEAで販売している、無線で操作できるLED電球のことです。 専用のリモコンで操作できる他、GatewayがあればGoogle Home,Alexaはもちろん、ソフトウェア操作できるものです。 ただ、悔しいながら、日本では、Gatewayが販売されていなかったのです。 シーリングライト
フロントエンド開発の基本知識（2017年夏） - Qiita
10年ぶりくらいに Web 開発に再デビューしなくてはならなくなった筆者が見た、現代のフロントエンド開発の基本知識についてまとめます。フレームワークを使ったシングルページアプリケーション開発が対象です。若干の不正確には目をつむってズバリ言い切るスタイルで書いていきます。 Node.js 現代のフロントエンド開発には Node.js を使います。フロントエンド開発を強力にサポートするいくつものツールが Node.js で実装されているからです。 Web 開発で言語処理系というと、Ruby on Rails のような Web アプリケーションフレームワークを思い浮かべるかもしれません。もちろん Node.js にもそのようなフレームワークはいくつも存在しますが、フロントエンド開発で使うツールはそれとは全然関係ありません。 これらのツールを使うことによって解決するのは、以下のような要望です :
Node.jsでWebサイトの更新チェックを自動化する - ほんじゃらねっと
特定のWebサイトを定期的にチェックして特定のキーワードが含まれていたら 通知してくれる仕組みを1つ覚えておくと色々重宝する。 例えば 会社に社員用Webサイトがあるなら、 （そしてそのサイトがRSSもメール通知も提供してないなら） そこに「重要」とか「人事」とかのキーワードを含む記事が投稿された時に 通知を受け取れるようにしておけば、 いちいちサイトをチェックしにいかなくても 逃さず確認できる。 また、Webスクレイピングする方法を覚えておけば、 通知を受け取る以外にも、 画面キャプチャの撮影や画像やテキストの収集を 自動化したり、作成したWebシステムの画面テストを行う、 等の応用もしやすくなる。 今回は Node.js + Grunt + cheerio-httpcli を使用して 手軽にWebサイトのデータをチェックする方法を紹介する。 今週の「世界の果てまでイッテＱ！」で「QTu
便利なGruntの弱点を補うgulp.jsのインストールと使い方
詳しくは上記連載を見てもらえば分かりますが、GruntとはJavaScriptを使用してWeb開発に伴うさまざまな作業を自動化して効率良く行うためのビルドツールです。 このツールでは「タスク」と呼ばれる一連の処理を設定ファイルに記述していきます。Gruntの設定ファイル（Gruntfile.js）は、タスクに対してJSON形式でパラメーターを指定していくのですが、ここで少々問題があります。 シンプルなタスクであれば分かりやすいのですが、多くの拡張機能（プラグイン）を使用したり、タスクの制御を細かく行う必要が生じたたりした場合、Gruntfileの記述量が増えて冗長になり、タスク同士の関連やタスク実行結果も分かりにくくなってしまいます。 そんなGruntの問題点を解消することを目的として開発されたのが、今回紹介する「gulp.js」（以下、gulp）です。 gulpはGruntを継承しつつ、
CodeIQについてのお知らせ
2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod
Cylon.js - JavaScript framework for robotics, physical computing, and the Internet of Things using Node.js
JavaScript Robotics, By Your Command Next generation robotics framework with support for 43 different platforms Get Started Meet The Code Cylon.js is a JavaScript framework for robotics, physical computing, and the Internet of Things. It makes it incredibly easy to command robots and devices. All you need to get started is the cylon NPM module: $ npm install cylon The "Hello, World" Of Things This
Runnable - Discover Everything through Code
We’re thrilled to announce the Runnable team is joining MuleSoft. This is an incredible opportunity for us to expand our vision of empowering developers to test changes without the infrastructure bottleneck; we couldn’t be more excited to work with MuleSoft to continue our journey. As apart of this transition, we’re shutting down service for all Runnable accounts. To those we had the joy of servin
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「LAMP」の次は「GUNDAM」の時代？ | スラド IT