import React from "react"; const Component = () => <div />; ^ JSX
![JSXのファクトリ関数を自作する方法と、Reactと全然違う挙動をさせるサンプル](https://cdn-ak-scissors.b.st-hatena.com/image/square/c9544b507f252d3ac25d6ce495d24183869c0364/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9SlNYJUUzJTgxJUFFJUUzJTgzJTk1JUUzJTgyJUExJUUzJTgyJUFGJUUzJTgzJTg4JUUzJTgzJUFBJUU5JTk2JUEyJUU2JTk1JUIwJUUzJTgyJTkyJUU4JTg3JUFBJUU0JUJEJTlDJUUzJTgxJTk5JUUzJTgyJThCJUU2JTk2JUI5JUU2JUIzJTk1JUUzJTgxJUE4JUUzJTgwJTgxUmVhY3QlRTMlODElQTglRTUlODUlQTglRTclODQlQjYlRTklODElOTUlRTMlODElODYlRTYlOEMlOTklRTUlOEIlOTUlRTMlODIlOTIlRTMlODElOTUlRTMlODElOUIlRTMlODIlOEIlRTMlODIlQjUlRTMlODMlQjMlRTMlODMlOTclRTMlODMlQUImdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWYxYTgwMzhlYzQxYmRiZGZhYTEyNDA3ZDlhMWVlMzUy%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwYm9peWFtYSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9Yzc1ZTQ1MWM5OGQ4MjUyMDEzNGNkNDc0ZDY3ZjMwNGM%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D44bc4c132d5fc72e23f618f77b51cce2)
はじめに やぁ、唐突で悪いんだけどこれを見て欲しい。 これはラジオ体操をしている動画を部分的に切り取ったものなんだ。 こいつを【下記の処理】をして・・・ こうじゃ 左からポーズを取らせた画像、ポーズの基となった画像、後述するpix2pix用学習画像 いやったあああああああ!!!ラジオ体操してる奴に好きなポーズを取らせられた!!!! 追記 JOJO立ちもさせた。 スピード感を追及するあまりカメラがブレたみたいになってる 追記 20181213 動画も作りました どんなことをしているか やっている内容を説明するためにまずopen poseについて説明する。 open poseとは以下のような人物画像を与えるとその人物の骨格情報を取得できるものである(私の思い込みかも)。 下記画像を参照して欲しい。 この図は左の画像を読み込んで右の画像を出力する、という例である。 こうして生成された元の画像とボ
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が販売されていなかったのです。 シーリングライト
以前「転職ドラフトで1000万円超えのオファーを2度貰ったエンジニアが「評価された理由」と「正社員で働く意味」について考えてみました。」という記事を書いたのですが、転職ドラフトと同様な「年収確約型のエンジニアスカウトサービス」としてmoffersというものがあります。 転職ドラフトがここ最近非常に盛り上がっているのに対してmoffersはかなり知名度が低いのですが、現在開催中のmoffersで、転職ドラフトでも頂いたことのない「年収1200万円」という高額オファーを頂きましたので、若いエンジニアの方たち(特にバックエンド系の方たち)の今後のキャリアプランのご参考になればということで、moffersに登録している業務経歴をそのままのフォーマットで公開したいと思います。 ちなみにmoffersでは下記のような感じでオファーが届きます。(黒塗りですみません) 業務経歴1:【Kotlin/Vert
概要 何らかの理由で計算機から離れざるを得ないときに、学習の経過をグラフィカルに通知してくれるツールをこしらえた 動作例: 環境 マシン:Ubuntu 18.04 LTS Python: Python 3.6.x 通知用のモジュール コード import subprocess as sp def send_image(path_to_img, message = "notification"): line_notify_token = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" line_notify_api = 'https://notify-api.line.me/api/notify' sp.getoutput( "curl -X POST {} -H 'Authorization: Bearer {}' -F 'message={}' -F
PyCon JP 2018 ひろがるPythonの資料まとめです 1日目 [基調講演] Argentina in Python: community, dreams, travels and learning 動画 [招待講演] 東大松尾研流 実践的AI人材育成法 動画 実践・競馬データサイエンス スライド 動画 Why you should care about types: Python Typing in the Facebook Backend スライド 動画 Applying serverless architecture pattern to distributed data processing 動画 Webアプリケーションの仕組み スライド 動画 DjangoではじめるPyCharm実践入門 スライド 動画 PyCon JP における子ども向けワークショップの活動事例と実施
#はじめに Seleniumを使ってみたの続き(?)にあたります。 ゆくゆくは活用したいと思いますが今のところはオウム返しするだけです。 初めて触ったので間違いがあればご指摘いただけると幸いです。 #環境 OS X 10.11.1 Python 3.6.3 Heroku #Line developers 登録&設定 まずはLine developersに登録していきます。 リンク先の今すぐはじめようをクリック Lineにログインします。 プロバイダ名(Botの提供元になる名前)を登録します。 確認→作成で作成できます。 今回はbot作成なのでMessaging APIを選択します。 必要な情報を入力していきます。 アプリ名 任意のアプリ名 アプリ説明 任意のアプリ説明 プラン Developer Trial 大業種 個人 小業種 個人(その他) メールアドレス 自分
By Sho Tachibana | 2017.12.12 2021.01.08テクニカルエバンジェリストとしてMessaging API、Clova Extensions Kit(CEK)等のプラットフォーム全般の啓蒙活動を担当しています。 こんにちは。LINEでLINE Messaging APIやLINEログイン等のプラットフォームの啓蒙活動を担当している立花です。この記事はLINE Advent Calendar 2017の12日目の記事です。 本記事では、LINE Messaging APIに実装されているイメージマップメッセージ(Imagemap message)の概要と、日頃ハッカソンで最も多くご要望をいただく、タップして詳細を表示できる、ピンがたくさん刺さったマップの表示方法について解説します。 LINE Messaging APIとは Messaging APIは、ボット
概要 ロケットやラジコンヘリにGPSをつけて飛ばした時、飛行物体のGPSの情報からデータを作成する時などに使える。 GPSの緯度経度、高度の情報から距離、方位角、仰角を算出する方法。 pythonのpyprojライブラリを使用すると便利なので、その利用法。 事前準備 pyprojのインストール pip install pyproj または 1.pyprojのページからソースをダウンロード 2.python setup.py build を実行 3.python setup.py install を実行 目的 基準点をp1、飛んでいる対象をobjとする。 pyprojパッケージのGeodクラスのinv()メソッドでp1, objの緯度経度から距離と方位角を求める。 距離は地図上の距離と基準点から物体までの直線距離を求める。 さらにobjの高度も含めてmath.atan2()を使って仰角(見上
平成25年6月に災害対策基本法が改正され、市町村長による「指定緊急避難場所」と「指定避難所」の指定制度が平成26年4月から施行されました。 国土地理院、内閣府及び消防庁は、住民等の円滑かつ迅速な避難の確保に資するため、災害の危険から命を守るために緊急的に避難する場所等である「指定緊急避難場所」(市町村等から国土地理院に情報提供されたものに限る)について、国土地理院が管理するウェブ地図「地理院地図」、「重ねるハザードマップ(ハザードマップポータルサイト)」(以下「国土地理院のウェブ地図」とする。)で閲覧できるようにしています。 災害の危険から命を守るために緊急的に避難する場所です。 災害発生時は、その災害に対応している指定緊急避難場所へ避難してください。 例えば、大地震が発生し、津波の到達が予想される場合は、津波災害に対応している「指定緊急避難場所」に緊急的に避難します。 「指定緊急避難場所
<追記> 避難所情報を最新化していないので、稼働停止しました。 ちなみに、268人の方がLINEで友だち追加してくれました。ありがとうございました。 ------------------------ 今年は、大規模な地震・台風と、災害が多い年になりました。でもそれらをニュースで見て、「今のうちに災害対策アプリを入れておこう」と行動に移した人は多くはないでしょう。 災害対策情報だけでなく、今やどんな情報も、その気になればすぐに手に入る世の中になったにもかかわらず、「その気になる」までの心理的ハードルは未だに高いように感じています。人間は、本気で危機感を覚えないと行動できない生き物なのでしょう。 確かに、必要に迫られていないのに新しいアプリを入れるのには抵抗がある人も多い。それなら、日本中で誰もが使っている「LINE」で避難場所を知ることができたら、みんなもう少し気軽に使えるんじゃないか? と
最近、こんな問題がTwitterで話題になってました。 というわけで、この問題をオブジェクト指向でコーディングするとどんな感じになるのか。やってみたいと思います。 理論編から読みたいかたはコチラ。 (1)オブジェクトを洗い出す 問題文を見ると、「人(プレイヤーと呼びましょう)」と「カード」が登場していますね。これが今回のオブジェクトたちです。
前書き 結論から。 オブジェクト指向とは、現実世界を正しく捉えることです。 オブジェクト指向、全然むずかしくないんですけど、悩んでる人多いですね。この記事を読めば絶対に分かるようになるので、ゆっくり読んでみてください。 想定読者は今まさにオブジェクト指向に苦戦している人たちです。 オブジェクト指向ができた背景とかオブジェクト指向のメリットとかそういうのはググればいくらでも出てくるので、この記事ではオブジェクト指向の本質的なコンセプトにのみ焦点を当てています。 あたまでっかちな説明ばかりで分かりにくかったオブジェクト指向が、5分でサクッと理解できる内容になっています。お楽しみに! 目次 理論編 オブジェクト クラス プロパティ メソッド メッセージング 実践編 まとめ おまけ 継承 ポリモフィズム コンストラクタ カプセル化 理論編 むずかしく考えないでくださいね。オブジェクトとは、物です。
注: gif大量で重いです。 きっかけはこれ。 もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita 便利そうだけど、そこらへんのMarkdownエディタでプレビュー見れないのが難点。 好きなMarkdownエディタで使えたらいいのになー。 と思って試したらできた!しかも無限の可能性を感じたのでレッツ紹介! 書き方 好きなMarkdownエディタ環境でこう書くだけです。 リアルタイムプレビュー機能付きのオンラインエディタ推奨。 ![uiflow](http://127.0.0.1:8888/uiflow/ [最初に] ユーザーが見るものを書きます。 ~~ ユーザーがする行動を書きます。 [次に] ユーザーが見るもの ~~ ユーザーがすること1 ==> その結果1 ユーザーがすること2 ==> その結果2 [その結果1] 結果 [そ
あるいは、画像コメントのすすめ。 TL;DR 画像コメントのほうが意図が伝わりやすい 画像URLからツールチップで画像表示してくれるVSCode拡張機能があるよ その場で画像を作るSVGエディタもあったよ 問題提起 みなさんは、少し複雑なアルゴリズムを書くことになったときどうしていますか。 たいていの場合、いきなりコーティングに取り掛かるのでなく、 雰囲気をつかむためメモやホワイトボードに落書きすると思います。 特に幾何計算では簡単なものでも図を描いた方がいいです。こんな感じ。 図を書いたら後はコードに落とすだけです。 ね、簡単でしょう? // 指定した直線を対称軸としたときの指定した点の鏡映位置を返す function flipVectorByLine(p: Vector, line: Line): Vector { // TODO: よくわかるコメントを書く const ln = ne
はじめに 普段のようにトゥイッターしていたらタイムラインにステキ拡張が流れてきたので、布教のためにバーっと紹介記事を書いてみる次第。 Rainbow CSV Rainbow CSVって何? VSCodeでCSVを扱いやすくするためのステキ拡張 便利でステキな機能をいくつも持っている とにかくヤバイ(語彙) Rainbow CSVの何がヤバイの? ①CSVが読みやすくてヤバイ ちょうどいいCSVが無かったので、適当にポケモンのCSVデータを生々しく開いてみた。 CSVの見た目ってこんなのだよね。日本語項目はともかく、数値が連続している箇所は「あれ、この"49"ってどの項目に対応してるんだっけ…?」みたいな混乱が起きて発狂しがち…。 しかし、このファイルをRainbow CSVに通すと…なんということでしょう! ヘッダー項目とデータ項目にカラフルな色が付き、項目の種類が一発でわかるようになって
悲報 2019年6月26日現在、TeamSQLのサポートがなくなってしまったようでダウンロードできなくなくなりました。。 TeamSQL has retired and is not available for download anymore. 今までSequel Proを重宝してきましたが、それを超えるGUIツールが出てきました。 その名も、TeamSQL 現状サポートしているものだけでもかなり豊富 今後、elasticやmongoDBにも対応されるようです。 機能 クエリ保存 履歴保持 ファイル出力 抽出した結果をボタン1つでcsvやjson形式に保存可能。 共有 データをエクスポートしなくても共有が可能。 グループの作成が可能なため、特定のユーザー同士で簡単に共有ができるとこがメリット。 可視化 様々なチャートでクエリの可視化が可能。 そのままイメージとして保存も可能。 テーマ選択
Looking for an Amazon Redshift client? TeamSQL has retired and is not available for download anymore. You can The world's first and the only query and management tool built for Amazon Redshift. Get DataRow for Amazon Redshift Hello, TeamSQL has been a great platform to experiment with modern UI and powerful features to help you manage your popular databases with collaborative features. Over two ye
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く