自転車通勤に最適！？おしゃれで機能的なバッグをピックアップ - Digmo
自転車通勤を始めようと思うと、まず検討しなければならないのがバッグです。最近では、自転車通勤でなくとも、スーツにリュックという方も時々見るようになりましたが、多くの場合、手下げタイプのバッグで通勤しているのではないでしょうか。 シティサイクルなら前のカゴにバッグを入れて自転車に乗ることもできますが、クロスバイクやロードバイクとなると、背中に背負うもしくは肩から掛けるタイプのバッグが必要です。 両手をしっかり使えるようにという意味では、アウトドア用のリュックでも良いのですが、自転車のライドを前提に考えられたバッグがオススメです。今回は自転車通勤に使いたいおしゃれなジテツウ用バッグについてお送りいたします。 CHROMEメッセンジャーという職業をご存知でしょうか？ニューヨークは渋滞が激しく、書類をバイク便でも届けるのにも苦労していたそうです。そこで注目されたのが自転車。1秒でも早く書類を届ける
もっと新しく。もっとシンプルに。タッチスクリーン「Falster Smartwatch」登場|SKAGEN
もっと新しく。もっとシンプルに。タッチスクリーン「Falster Smartwatch」登場|SKAGEN SKAGEN|スカーゲン Android WearTM2.0 と Qualcomm(R)SnapdragonTMWear 2100 を搭載 ライフスタイルブランド「SKAGEN」は、初のタッチスクリーンスマートウォッチ『Falster Smartwatch』をリリースした。 Text by YOSHIDA Miho 人気のメッシュストラップをはじめ レザーストラップを含む4モデルを展開 デンマークデザインの美学を追求するブランド「SKAGEN」は、シンプルでタイムレスなデザインと、現代のイノベーションを融合。最新作「Falster Smartwatch」も、 既存の SKAGEN ハイブリッドスマートウォッチ同様、モダンでミニマルなデサ
puppeteerでスクレイピング - Qiita
web上の情報を抽出するスクレイピング技術ですが、いままでphantomJSで行っていましたが、chromeがヘッドレスブラウザに対応したとのことで、そのnodeライブラリであるpuppeteerで実践してみました。 環境構築 とりあえずお試しということで、dockerで構築しました。 構成はnode.jsのdockerイメージにpuppeteerを追加するかたちです。 下記2サイトの手順を大幅に参考にさせていただきました。 Docker コンテナ上で Puppeteer を動かす Puppeteer をDockerコンテナで利用する ディレクトリ構成はこんな感じ。 / ├ app/ │ └ script/ │ └ app.js │ └ data/ ├ docker-compose.yml ├ Dockerfile └ Package.json FROM node:9.2.0 RUN a
ElectronなどWebベースの技術で作られたスクリーンキャプチャアプリ「Kap」がプラグインやAPNG、Touch Barをサポート。
ElectronなどWebベースの技術で作られたオープンソースのスクリーンキャプチャアプリ「Kap」がv2.0アップデートでプラグインやAPNG、Touch Barなどをサポートしています。詳細は以下から。 KapはノルウェーのデザインスタジオWulkanoがElectronやReactなどWebベースの技術を利用して2016年から開発を続けているオープンソースのスクリーンキャプチャアプリですが、このKapがv2.0へアップデートしプラグインやAPNG(Animated PNG)、Touch Barなどをサポートしたと発表しています。 New features 🔥 Plugins Trimming APNG support Fullscreen recording Window recording Aspect ratio calculator Touch Bar support Red
drawio-desktop - Electron製。draw.io公式のドローツール MOONGIFT
ElectronでWebサイトをラッピングする系統のソフトウェアはとても多いです。限定されたセキュリティ範囲で使えるのは便利ですが、結局のところ単なるガワアプリでしかないという印象があります。 そんな中、drawio-desktopは違います。draw.ioがそのままデスクトップアプリケーションになったようなソフトウェアです。 drawio-desktopの使い方 既存の図を開くのか、新規作成するのか選択します。 新規作成の場合はテンプレートから選択します。 例えばこんな図をベースにできたりします。 パーツは多数提供されています。 パーツ同士を線で結んだりできます。 UML系のパーツもあります。 回転したりするのも簡単です。 drawio-desktopで作られた図はエクスポートしたり、画像タグで埋め込んだりできます。その際にdraw.ioが使われるのかと思いきや、dataURIで出力され
文字列がTextにピッタリ収まるサイズを取得する方法と注意点【Unity】【uGUI】 - (:3[kanのメモ帳]
この記事でのバージョン Unity 2017.2.0f3 はじめに 今回はタイトル通り、uGUIのTextで文字列がぴったり収まるサイズを取得する方法のご紹介です！ preferredWidth, preferredHeight 方法は簡単、TextのpreferredWidth, preferredHeightを参照するだけ。 //Textを取得 Text text = GetComponent<Text>(); //取得したTextをピッタリ収まるようにサイズ変更 text.rectTransform.sizeDelta = new Vector2(text.preferredWidth, text.preferredHeight); これでFont, Font Style, Font Size等、諸々の数値を考慮した状態でピッタリ収まるようになります。 ただし、以下のようにTextの
![文字列がTextにピッタリ収まるサイズを取得する方法と注意点【Unity】【uGUI】 - (:3[kanのメモ帳]](https://cdn-ak-scissors.b.st-hatena.com/image/square/4f1bb2f3d392b08ec9c736388d8cf9e6777cfe4b/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkan_kikuchi%2F20171106%2F20171106070439.gif)
充電器やケーブルがちゃんと動いているかどうかや電圧電流・対応規格などが一発でわかる「COOWOO USB電流電圧テスター チェッカー/トリガー」使用レビュー
「充電器に接続しているはずなのに、どうも充電されている感じがしない」「充電器本体かケーブルか、どっちかが壊れているようだがどっちが壊れているのかわからない」という悩みを持った人は少なくないはず。そういう時に充電器から出力される電圧電流を測定し、充電器がどのような状況にあるのかが目視で確認できる「COOWOO USB電流電圧テスター チェッカー急速充電QC3.0/QC2.0/MTK-PE対応」がCOOWOOから発売されています。上位互換の「COOWOO USB電流電圧トリガー メーター 急速充電QC3.0/QC2.0/MTK-PE対応」と一緒に購入したので、早速使ってみました。 これが「COOWOO USB電流電圧テスター チェッカー」の箱。表面にはしっかりと「急速充電QC3.0/QC2.0/MTK-PE/iPhone2.4A対応」と書かれています。 ふたを開けると、まずスポンジが出てきます
[Unity] TextMeshProで生成したテキストをDOTween(Pro)を使って動かす - Qiita
この記事は Unity アセット真夏のアドベントカレンダー 2017 の8/19の記事となります。 昨日は baba_s さんによる 「Hierarchy を拡張する多機能アセット「PRO Hierarchy + Memory Monitoring + Navigator for Selecting」紹介」 でした。 実行環境 Unity 2017.2.0b5 DOTween v1.1.600 DOTweenPro v0.9.685 TextMeshPro 1.0.55.xx.0b12 はじめに 自分は普段ゲーム上で動きをつけるとき、 DOTween を愛用しています。 DOTween自体に関しては、過去に以下のような記事を書きました。 [Unity] DOTweenを使ってUI要素を点滅させる [Unity] DOTweenのSequenceを使ってアニメーションを結合する [Unity
![[Unity] TextMeshProで生成したテキストをDOTween(Pro)を使って動かす - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1a1a0fed99c8dfc06674c04d34eaf0c1e5da52f8/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-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCVW5pdHklNUQlMjBUZXh0TWVzaFBybyVFMyU4MSVBNyVFNyU5NCU5RiVFNiU4OCU5MCVFMyU4MSU5NyVFMyU4MSU5RiVFMyU4MyU4NiVFMyU4MiVBRCVFMyU4MiVCOSVFMyU4MyU4OCVFMyU4MiU5MkRPVHdlZW4lMjhQcm8lMjklRTMlODIlOTIlRTQlQkQlQkYlRTMlODElQTMlRTMlODElQTYlRTUlOEIlOTUlRTMlODElOEIlRTMlODElOTkmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTcxY2IzN2VlMjNiZmJmMmE3Njk4YzE0MGIxMDVhNzdk%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBseWNvcmlzMTAyJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jM2NiYTRhZDVkOTU1MTk1OGUyOWFiZWMzNjM5NTBmYQ%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gVW5pdHnjgrLjg7zjg6DplovnmbrogIXjgq7jg6vjg4k%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D3ef6bfa1f4fe87a158d7b93154dbd0e5)
express実践入門
index.md express実践入門 自己紹介 小川充 mitsuruog フロントエンドエンジニア Javascript, HTML, CSS, Node.js, API設計とか認証とか 2015/5月入社(約半年) はじめに あくまで「俺が考える最強のexpress実践入門」です。 初学者がexpressを攻略する上でのつまづくポイントと、中規模開発をターゲットにしたベストプラクティスを経験ベースでお話します。 おそらく、初〜中級者向けの内容です。 本コンテンツの使い方 express初心者 初学者向けチュートリアル(dotinstallとか)のあとに express経験者 ご自身のコードの見直しに 他の言語の経験者 他の言語の「あれ」は、node.jsでは「これ」のマッピングに (※)中で紹介するコードは抜粋したものであり、そのままでは動作しない場合があります。ご注意ください。
ドキュメンテーション生成ツール「Sphinx」をJavaScript向けに改良した「sphinx-js」 | OSDN Magazine
Mozillaの開発者は7月14日、ドキュメンテーションツール「Sphinx」をJavaScriptで利用するためのツール「sphinx-js」の最新版「sphinx-js 2.0.1」を発表した。大規模なJavaScriptプロジェクトで利用できるドキュメントツールだという。 sphinx-jsは、Pythonドキュメントで使われているドキュメンテーションツールであるSphinxをJavaScript向けに改良したもの。従来JavaScriptで使われていたドキュメンテーション生成ツール「JSDoc」では不十分な大規模なプロジェクト向けとしている。MozillaのJavaScriptフレームワーク「Fathom」で利用するために開発が進められたとのことで、ライセンスはMIT License。 標準的なJSDoc形式のコメントとタグを理解でき、Sphinxの特徴である複数言語/複数アウトプ
Googleが開発する謎の第三のOS「Fuchsia」、UIがどんなものか分かる画像＆動画が公開される
オープンソースのコード共有サイトであるGitHub上にページが作成されたことでその存在が明らかになったGoogleの新OS「Fuchsia」ですが、発見当初の「IoT(モノのインターネット)向けの組み込みOS」であるという予測から外れ、スマートフォンやタブレット向けに開発されているOSであることが判明しています。 Google’s “Fuchsia” smartphone OS dumps Linux, has a wild new UI | Ars Technica https://arstechnica.com/gadgets/2017/05/googles-fuchsia-smartphone-os-dumps-linux-has-a-wild-new-ui/ Google’s mysterious new Fuchsia OS has a UI now - The Verge ht
簡単！ JavaScriptで自動UIテスト (NodeJS, Selenium Webdriver, WebdriverIO, mocha, gulp) - Qiita
簡単！ JavaScriptで自動UIテスト (NodeJS, Selenium Webdriver, WebdriverIO, mocha, gulp)JavaScriptNode.jsSeleniummochagulp はじめに Webアプリ開発において、UIのテストは手動になりがちで、 専門のQAチームがいないと、なおざりになるケースが多いかと思います。 本記事では、オープンソースウェアのSelenium Webdriverを主軸に 現時点で筆者が最善だと思う 「JavaScriptで自動UIテストを行う」 方法をご紹介します。(ES6準拠) ポイント ワンライナーで実行可能にする (CI向き) テスト修正が容易 (保守性 高) Windows/Mac環境に依存しない (チーム開発向き) 環境 Windows 10 (Version 1607) / macOS Sierra 10.1
OAuth 2.0 全フローの図解と動画 - Qiita
RFC 6749 (The OAuth 2.0 Authorization Framework) で定義されている 4 つの認可フロー、および、リフレッシュトークンを用いてアクセストークンの再発行を受けるフローの図解及び動画です。動画は YouTube へのリンクとなっています。 English version: Diagrams And Movies Of All The OAuth 2.0 Flows 追記 (2019-07-02) 認可決定エンドポイントからクライアントに認可コードやアクセストークンを渡す方法については、別記事『OAuth 2.0 の認可レスポンスとリダイレクトに関する説明』で解説していますので、ご参照ください。 追記（2020-03-20） この記事の内容を含む、筆者本人による『OAuth & OIDC 入門編』解説動画を公開しました！ 1. 認可コードフロー RF
ポートノッキングで10秒間だけsshdを公開する設定 - hnwの日記
先日Twitterに次のような書き込みをしたところ思ったより反応が良かったので、詳細の設定を紹介します。 UDP53番、TCP443番、UDP123番とポートノッキングをするとTCP443番に10秒だけsshdが現れる、という中二病全開の設定をした。皆様にもお勧めしたい。— hnw (@hnw) 2017年3月26日 といっても特殊なことをしたわけではなく、knockdでポートノッキングの設定を行い、iptablesと組み合わせて実現しました。 ポートノッキングとは ポートノッキングというのは、決められたポートを決められた順番で叩くことでファイアーウォールに穴を空けられるような仕組みのことです。ポートノッキングを使えば、TCPの7000番、8000番、9000番の3ポートにパケットを送りつけると22番ポート (SSH) へのアクセスが許可される、といった設定ができます。 ポートノッキングの
node.js+express+PassportでOAuth認証 | Tech-Sketch
軽めの話題を 毎回割と「濃い目」の記事が多いこのTech-Sketchですが、今回は軽めの内容として、nodejsとそのモジュールであるPassportを利用した他サービスとの認証連携を説明しようと思います。 PassportはConnectやExpressベースのWebアプリケーションに認証の仕組みを組み込むことができるモジュールです。単純なローカルでのユーザ名・パスワードによる認証から、OpenIDやOAuthを利用した認証もカバーしています。それぞれの認証の方式はstrategyとして選択することが可能で、簡単に認証に関する実装を追加することができます。OpenID/OAuthで認証を行う場合のstrategyは、メジャーなサービスに対してのものはnpmでインストールできる形ですでに多数用意されています。 具体的にどのようなstrategyが用意されているかは、以下のリンク先を参照し
RealmSwiftで簡単なGPSロガー作ってみたのでメモ（Swift 3編） - koogawa blog
以前書いた下記記事のソースコードが古くなっていたので、Swift 3対応版として書き直しました。 RealmSwiftで簡単なGPSロガー作ってみたのでメモ - koogawa blog 以前から気になっていた Realm ですが、先日受講した id:KishikawaKatsumi さんの授業をきっかけに、実際に触ってみたくなりました。 Realm を理解するには何か作ってみるのが一番ってことで、簡単なGPSロガーを作ってみました。 次のような機能があります。 Startボタンを押すと位置情報を記録開始 アプリをバックグラウンドに落としても記録し続ける 位置情報が取得されると地図にもピンが立つ 1日経過したデータは起動時に自動削除 Stopボタンを押すと位置情報の取得終了 ＊＊＊ 以下、実装メモです。 動作環境 Xcode 8.3 Swift 3.0 RealmSwift 2.4.2 C
Highlandで流れるようにスクレーピングする話 - Qiita
JavaScriptでストリームを扱うときの定番「Highland」ですが、日本語の記事を見かけないので、使い方とサンプルをメモしておきます。何かの際の参考まで。 Highlandとは? 公式サイトに書かれているように(↓)、ストリームを扱う際のツールベルトです。 The high-level streams library for Node.js and the browser. Underscoreを意識していて、APIなども似ています。2014年のはじめに最初のリリース、同年中にv2.0、2017年1月時点でv3.0がbeta3という感じの開発状況。GitHub上のスターは2.6Kくらい。(RxJSと比較するとあれですが、この手のライブラリとしては人気) 公式サイト GitHuB あらゆるものをストリームに Highlandの特徴は、なんでもかんでも「ストリーム」にして統一的に扱える
あなたが知らないスゴいフロントエンド開発ツール7選
2016年も進化し続けたフロントエンド開発ツール。Web Tools Weeklyのキュレーター・Louisが1年を振り返り、お気に入りのツールを紹介します。 1年が過ぎ、Webプラットホームでは予想どおり革新、いらだち、疲れとともに、開発者を支援する新しいツールやテクノロジーの大量リリースが爆発的に勢いを増しています。 ReactやAngularといったおなじみのツールがアップデートされた一方、Vue.jsなどの新しいツールも登場し、あっという間に大きな関心を集めました。 私はツールに焦点を当てたウィークリーニュースレターのキュレーションをしているので、調査中に途方もない量のツールに出会います。もちろん人気のツールにはある程度注意を向けますが、あまり注目されていないツールで興味深くかつ実用的なものも評価しています。 そこで昨年と同様、この記事でフロントエンド技術者向けツール分野の2016
javascriptのライブラリを一覧にしてまとめてみた
自分用にまとめていたけどせっかくなので公開。 なるべくフロントエンドで完結してライセンスも使いやすいものを選択したつもり。 全部で100個超。 １番目のURLが本家 or GitHubのページ、2番目のURLが比較的わかりやすいと思った日本語の解説ページになっています。 Node.jsのライブラリもまとめたので合わせて見るといい感じ accounting.js金額のフォーマットを行う カンマ区切りや小数点n桁までなど https://josscrowcroft.github.io/accounting.js/ ace.jsテキストエディタ ハイライト・文字列畳み込み・ショートカットキー 組み込むのが簡単で機能もひと通り揃ってる https://ace.c9.io http://qiita.com/naga3/items/1bc268243f2e8a6514e5 AlertifyJSダイアロ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
付箋に印刷できるミニプリンタ「nemonic」、スマホのメモを素早く印刷BluetoothとUSB接続に対応
