税込み2500円の低価格ネットワークカメラ「ATOM Cam」＋Echo Showで監視システムを作って分かったこと
税込み2500円の低価格ネットワークカメラ「ATOM Cam」＋Echo Showで監視システムを作って分かったこと：山口真弘のスマートスピーカー暮らし（1/2 ページ） その価格の安さで、発売以来人気を集めているのが、アトムテックのWebカメラ「ATOM Cam」だ。同社直販で2500円（税込み、送料別）というリーズナブルな価格ながら、一般的なネットワークカメラが備える基本的な機能を網羅しており、コストパフォーマンスは抜群だ。 このATOM Camは、音声アシスタントの「Amazon Alexa」に対応しており、スマートディスプレイ「Echo Show」シリーズと組み合わせて、リアルタイムの映像監視が行える。実機を使ってその使い勝手をチェックした。 角度調整の自由度が高いネットワークカメラ 本製品は、スクエア形状のボディーを持つネットワークカメラだ。スマホに専用アプリを入れて、Wi-Fi
キーボードで日本、中国に敗北 | "Japan In-depth"［ジャパン・インデプス］
文谷数重（軍事専門誌ライター） 【まとめ】 ・HHKBやリアルフォースに匹敵する中国製高級キーボードが出現。 ・Atom66他のNiz社キーボードは価格、機能性、野心で日本企業を圧倒。 ・アニマルスピリット溢れる中国中小企業に大企業病の日本企業は敗北へ。 【注：この記事には複数の写真が含まれています。サイトによっては全て表示されないことがあります。その場合はJapan In-depthのサイトhttps://japan-indepth.jp/?p=47847でお読みください。】 キーボードの最高級品は何だろうか？ 日本ではPFUのHHKB：ハッピーハッキングキーボードだ。または東プレのリアルフォースである。どちらも高信頼性の無接点スイッチを採用している。その価格も3万円前後と高額である。一般向け市販品ではこれらを超える製品はない。そう考えられている。 だが、中国製の抬頭によりその地位は脅か
AtomユーザもSublimeユーザも、死角が無いエディタ「VS CODE」に乗り換えよう | WEBA
This domain may be for sale!
Markdown＋CSS組版での技術系同人誌制作時の環境
CSSで組版（印刷打つの紙面を構成）を行うCSS組版が、技術系同人誌（主に技術書典）界隈や、一般の出版業界でも盛り上がりを見せています。 今回、CSS組版・パブリッシング交流会というところで登壇した内容を記事にいたしました。また、記事の最後には、同イベントでのCSS組版について感じたことも報告としてまとめました。 実際に行ったCSS組版の方法 MarkdownからHTMLにどう変換するかの模索結果 が今回の記事の内容です。そのため、ベストプラクティス、というわけではないです。CSSで組版を行うということは、必然的に、HTML等で書かれた文書が必要になるので、それをどうやって生成しようという話です。 目次 バックグラウンド なぜMarkdown＋CSS組版なのか Markdown＋CSS組版の作業の流れ エディタ Atom エディタ Typora HTML出力 印刷画面プレビュー Tips
最近のフロントエンドのエディタ事情 - mizchi's blog
これは、個人でどんなエディタを使うべきか、ではなく、「チームとして」新しいものを採用するとき、あるツールがエディタ横断で便利かどうかを考える必要がある。 自分個人としては、基本はAtomを使って、TypeScriptを書くときだけVS Code を使っている。ターミナルでは Vim。 環境でエディタを選ぶ 最近の新規プロジェクトでは、とくにブロッカーがなければ TypeScript を使っていいと思う。TypeScript を使うなら当然 VS Code を使うことになる。Atom や Vim でもいいが、TypeScriptのエディタとしては、流石に完成度が頭一つ抜けてる。JavaならJetBrains 的なノリで、TSならVSCode、そういうものと思ったほうが楽。 TS以外なら、エディタはなんでもいいが、ある程度流行ってるものでないとエコシステムに追いついてくれない。 prettie
ポッドキャストサイトをJekyllからNuxtでモダンに作り直した知見を余さず全部書く - Qiita
本記事は Vue.js #1 Advent Calendar 2017 の23日目の記事です。 TL;DR soussune（そうっすね）という技術系ポッドキャストのサイトをJekyllで構築してます よくVueの話をしてるのに肝心のサイトでは使ってない。のでVue使いたい Nuxt.jsにNuxtentモジュール入れて、nuxt generate で静的サイトを生成してデプロイしました ポッドキャストをやっている @trkw と @miyaoka の二人でこの一週間くらいスクラッチでサイトを作ってました。そこで実際にNuxt使ってみた話についていろいろ書いていこうと思います。 使用前・使用後 開発は8,9割程度終わった感じですが、現状まだ新サイトに移行してない状況です。 →移行しました。 旧サイト https://soussune-v1.netlify.com （開発リポジトリ） 新サイ
[React Native事始め完全版]「いきなりデート」のアプリをReact Nativeで開発した知見をまとめます。 - Qiita
[React Native入門完全版]「いきなりデート」のアプリをReact Nativeで開発した知見をまとめます。 この記事で説明する事 React Native採用に係る意思決定の話 atom + eslint + flowによるIDE風開発環境 line by lineによるプロジェクト作成方法とリリース方法 デバッグ方法やtips集、補助ツールの使い方 React Nativeとは Facebookがオープソースとして開発するReact.jsの思想の一つである「Learn once, Write everywhere」（元ネタはもちろんJavaのWrite once, Run anywhere）を体現した、Facebookが開発主体となるプロジェクトの一つで、要はJavascriptとReactフレームワーク1つでモバイルアプリ（iosとAndroid）を作れる、といった代物です
![[React Native事始め完全版]「いきなりデート」のアプリをReact Nativeで開発した知見をまとめます。 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/fd8432893c7bb0d7c1100348e2d1c5ff6bb8ae41/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JTVCUmVhY3QlMjBOYXRpdmUlRTUlODUlQTUlRTklOTYlODAlRTUlQUUlOEMlRTUlODUlQTglRTclODklODglNUQlRTMlODAlOEMlRTMlODElODQlRTMlODElOEQlRTMlODElQUElRTMlODIlOEElRTMlODMlODclRTMlODMlQkMlRTMlODMlODglRTMlODAlOEQlRTMlODElQUUlRTMlODIlQTIlRTMlODMlOTclRTMlODMlQUElRTMlODIlOTJSZWFjdCUyME5hdGl2ZSVFMyU4MSVBNyVFOSU5NiU4QiVFNyU5OSVCQSVFMyU4MSU5NyVFMyU4MSU5RiVFNyU5RiVBNSVFOCVBNiU4QiVFMyU4MiU5MiVFMyU4MSVCRSVFMyU4MSVBOCVFMyU4MiU4MSVFMyU4MSVCRSVFMyU4MSU5OSVFMyU4MCU4MiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9Yzg4Nzg0NmQwM2I0NmE0OWI1YjljZDQ5N2UwMGNjZTY%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwZ29nb3RhbmFrYSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NjRiZDU0YWRmMDJhMWI2NmFhYzE4OTBlOThkNDY5MWM%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dda33fbe74e8524cb2321b6da1f8834d5)
ReactNativeでアプリを作る時の個人的な最小構成 - Qiita
React Nativeで開発をはじめる時の設定とディレクトリ構成をメモ。 一応個人的な構成としては、 routerはreact-native-router-fluxを使う 状態管理にreduxを使う 非同期処理にredux-sagaを使う airbnbのスタイルをカスタムしてeslintを使う Flowで最低限の型は保証する という感じ。 もしReduxいらない場合は、Redux関連のライブラリインストールとディレクトリ作成は省く。 ディレクトリ構成の例としてはこんな感じで。Redux使うバージョン。 index.ios.js index.android.js src |__actions |__hoge.js |__saga |__hoge.js |__reducers |__index.js |__hogeReducer.js |__components |__hogeScreen
最強のMarkdown編集環境としてのAtom - たけぞう瀕死ブログ
ブログなどちょっとした文章の編集から書籍の執筆までMarkdownを活用しています。これまで試した各種テキストエディタのMarkdown編集支援機能や、Markdown編集専用のツールはどれも満足の行くものではなかったのですが、最近はAtomに以下のようなパッケージを入れた環境が理想に近いMarkdown編集環境を得ることができました。 少し前にエンジニアHubさんで各社のエンジニアの方がオススメのAtomパッケージを紹介するという企画記事があり、私もMarkdown関連のパッケージを紹介させていただいたのですが、この記事では各パッケージを簡単にしか紹介できなかったので、ここでは少し詳しく紹介したいと思います。 employment.en-japan.com document-outline atom.io サイドバーにMarkdownの見出しをツリー状に表示してくれるパッケージです。書籍
Atomエディタ 便利なパッケージ一覧！ 全23社のWebエンジニア・デザイナーがおすすめを紹介 - エンジニアHub｜若手Webエンジニアのキャリアを考える！
Atomエディタ 便利なパッケージ一覧！ 全23社のWebエンジニア・デザイナーがおすすめを紹介 Web開発で人気のAtomエディタ。便利なパッケージがたくさんありますが、必ずインストールしておきたいのは何でしょう？ IT企業23社にアンケート調査を実施しました。一番人気だったのは……？ 使い勝手の良さと汎用性の高さから、Webエンジニアやデザイナーの人気を集めているAtomエディタ。愛用している読者も多いのではないでしょうか。登場が2014年と比較的新しいエディタにもかかわらずシェアを急速に伸ばしており、人気の高さをうかがわせます。 Atomエディタを使う際に必ずインストールしておきたいのが、パッケージです。これはデザインテーマや、プログラミングの便利機能などをエディタに追加できるプラグインのようなもの。快適に効率よく開発を進めるには必要不可欠です。 しかし、Atomエディタのパッケージ
GPD POCKETのレビュー！480グラムの小型PC！リブレットとか好きな世代の方々にはたまらないガジェット！ - ケータイ乞食から陸マイラーへ
【目次】 小さいPCが好きな方々へ送るGPD POCKETレビュー GPD POCKET開封の儀 GPD POCKET本体の外観とセットアップ バッテリイーの持ちをチェック トラックポイントを赤いThinkPad用に交換 ケースは7インチタブレットのものがピッタリ まとめ 小さいPCが好きな方々へ送るGPD POCKETレビュー みなさんは「小さいPC」というと何を思い出しますか？ここら辺は世代間がスゴくはっきりと出てしましますので，ちょっと慎重に答えた方が良いかもしれません。 東芝、Pentium 100MHz搭載の「Libretto 60」を発売 私にとっては，やっぱり「小さいPC」というと，東芝のLibrettoですね。上聞きの記事は，1997年6月24日発売のLibretto 60ですね。上位モデルは，当時258,000円！高嶺の花でした。210mm×115mm×34mmで850グ
AtomでVJできるパッケージを作った #GLSL #livecoding - マルシテイア
GLSLでVJやライブコーディングができるAtomパッケージを作りました。 その名も VEDA !!! atom.io この記事では、VEDAの使い方や機能を説明します。 目次 このパッケージでできること 機能一覧 インストール glslangValidatorのインストール VEDA本体のインストール 使い方 今後の開発 このパッケージでできること AtomでこんなVJができちゃいます！ My first VJ live coding pic.twitter.com/j66MFGZfFO— amagi (@amagitakayosi) 2017年7月31日 この動画は、先日僕が VEDA を使ってVJした時のものです。 動画素材や画像素材をロードしつつ、GLSLで加工したり動きを付けたりしています。 動画素材をロードしてMIDIコントローラーで操作きるので、コードをほぼ書かずにVJするこ
AtomからVisualStudioCodeに乗り換えた感想と設定メモ - Qiita
背景 今まではAtomを使っていましたが、重いため（メモリが食いすぎで3時間くらい使ってると7GBくらいいってる時がある。。。）乗り換えを検討していました。 いずれはVimmerになりたいなーと思いつつも、キャッチアップに掛ける時間があまり取れなかったため、なかなか乗り換えられずにいました。 そんな中、「VisualStudioCodeがいいよー」と知人から聞いたため、試しにやってみたら思いの外良かったので、乗り換えてみました。 その感想と、入れた拡張機能＋設定をメモします。 (今更ですが。。。) 特徴 公式の特徴 Mac OS X、Linux、および Windows、あらゆる OS、言語で動く Mac OS X、Linux、および Windows 、あらゆるプラットフォームで使用可能です。さらに、30 種類以上のプログラミング言語をサポートします。 Microsoft製なのにMac,Li
Electron + React + Redux - KAYAC engineers' blog
JSで書くデスクトップアプリが熱い Electron 熱いです。 Atom を始め、Qiita の Kobito や Slack など、 十分に実用できるアプリケーションが登場しはじめています。 なにかと話題のRPGツクールMVは、NW.js（旧node-webkit）ですが、これもJSで書かれていますね。 NW.js は、その他、女の子といちゃこらする系のゲームでも使われています。 JS でデスクトップアプリを書いて、うん千万売り上げるのも、もはや絵空事ではありません。 今回は、Electron と Redux、React の組み合わせで、 デスクトップアプリを作るまでの、簡単なチュートリアルを書きます。 登場人物紹介 Electron Github が開発してる、JS でデスクトップアプリが書けるすごいやつ NW.js より活発そうですごい React Facebook 製のすごいやつ
今時のフロントエンド開発2017 (2. 構築編) - Qiita
はじめに 本編では今時のフロントエンド開発2017 (1. 愚痴編)に続き開発環境の構築をしていきます。 おしながき 今時のフロントエンド開発2017 (1. 愚痴編) 今時のフロントエンド開発2017 (2. 構築編) 今時のフロントエンド開発2017 (3. webpack編) 今時のフロントエンド開発2017 (4. TypeScript編) 今時のフロントエンド開発2017 (5. もっと効率よく編) 開発環境の構築 ナイスなエディタ コーディングをするにはエディタが必要になるわけですが，これは皆さんの信じるお好きなものを使ってください。 Atom Brackets Emacs Lime Text Sublime Text Vim Visual Studio Code なんでも良いです。 ちなみに私はVisual Studio Codeを使っています。 CLIの準備 準備と書きまし
Electronではじめるアプリ開発 ～JavaScript/HTML/CSSでデスクトップアプリを作ろう
この本の概要 JavaScriptやHTMLといったWeb系の技術でデスクトップアプリケーションを作成でき，Atomエディタ，Slack，Visual Studio Codeなど，近年話題となったアプリケーションに利用されているElectron。本書は，インストールからアプリの開発，テスト，パッケージング，セキュリティ対策まで，ひととおりの開発の流れをまとめました。「チャットアプリ」「Markdownエディタ」「キャプチャアプリ」の作り方をとおして，はじめてアプリを開発する人にもわかりやすく解説しています。 こんな方におすすめ Electronを使ってみたい人 Webの技術でデスクトップアプリを開発したい人 第1章 Electronとは何か 1-1 Electronの概要 Column クロスプラットフォーム開発について 1-2 ElectronとWebの技術の進化 1-3 Electro
Atomのはてな記法モードを作ったよ！！ - マルシテイア
atom.io はてなブログやはてなグループ、増田に投稿する時に便利です。 どうぞご利用ください。 もくじ 機能 はてな記法をシンタックスハイライトしてくれる Markdown文字列をはてな記法に変換できる スニペット使える インストール方法 Atomで新しい言語のモードを作る方法 基礎知識 言語モードはAtomのpackageとして開発する 言語のパースは正規表現で行なう 実際の手順 apm init -l で雛形を作る apm link して手元のAtomで確認 grammars/ にGrammarファイルを書く snippets/ にスニペットを追加 settings/ を編集 GitHubにpush apm publish 参考リンク 機能 はてな記法をシンタックスハイライトしてくれる こんな感じ Markdown文字列をはてな記法に変換できる md2hatenaを利用した変換機能
Electronアプリでパスワードを安全に保存する方法
Takuya Digital crafts(man|dog). Love photography. Always making otherwise sleeping. born in 1984. Electronはデスクトップアプリであり、Cookieは使えない。 しかし認証情報をファイルに保存するわけにはいかない。 適切な保管場所は、macOSならKeychain、LinuxならKeyring、WindowsならCredential Vaultだろう。 これらプラットフォームに合わせた方法で保存できるモジュールを紹介する。 node-keytar node-keytarは、atom製のキーチェーン管理モジュール。 プラットフォームの違いを意識せずに機密情報を読み書きできる。 import keytar from 'keytar' keytar.addPassword('service',
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
gmork.in
hatebu.me
