1時間でリアルタイムチャットを作る（React + FireBase + Material UI） - Qiita
React + Firebase + Material UIを用いて短時間でリアルタイムチャットを開発する手順をまとめました。短時間でのサンプル開発のため、今回はシンプルに投稿ができる要素のみになります。 完成サンプル： 準備 node.js、npmのインストール brew install nodebrew mkdir -p ~/.nodebrew/src nodebrew install-binary latest # 最新バージョンを確認（今回はv9.5.0であることを確認） nodebrew list # nodejsを有効にする nodebrew v9.5.0 # コマンドのパスを通す echo 'export PATH=$PATH:/Users/ユーザ名/.nodebrew/current/bin' >> ~/.bashrc # bash_profileをtouch touch
フラットペダルでのペダリング練習
58歳で自転車に出会い 自転車を相棒と呼ぶようになる。 1958年生まれの男が 自転車に魅了されて行く様を笑いながら 読んでいただければ嬉しいです。 まずは 前々回のブログ内の問題の解答 最初に狐を連れて行き 次に兎を連れて行き 帰りに狐を連れて帰り 熊を連れて行き 最後に狐を連れて行く これが正解です！ 連れて行く事ばかりに囚われてしまうと 正解にたどりつけませんね (-_-;) 子供たちは発想が柔軟なので 違和感なく 連れて帰る事を思いつくのだと思います。 そして今日は柔軟な発想でフラットペダルでの ペダリングについて 私が実践していた ペダリング練習について書いてみたいと思います。 フラぺでペダリング練習 ペダリング練習と言えば一番最初に思うのが効率 ペダリング効率の事をイメージすると思います 出力をどの位置で入れ 引き足の処理をどうするか？ こんな感じだと思います。 しかしながらフ
ポジションやペダリングに対する勘違い - おっさんの外部記憶装置
暖かいというか既に暑いですね（笑）。 どうも、おっさんです。 初心者がロードバイクに慣れてきて今より速く走ろうと考えてネットで調べることは、ポジションやペダリング等のことが多くなると思います。が、基本的に「勘違い」している部分があると思います。 まず、初心者の場合はいくらポジションやペダリングを研究しても速くなりません。 何故か？ それは、そのネット上で言われているポジションやペダリングを実現できる筋力や技量を持ち合わせていないからです。 前から言っていますが、理論を学んでもそれだけで速くなりません。理論というのは「結果的にそうなっている」というだけで、その結果的な理論の状態に辿り着くには「努力」が欠かせないからです。その「努力」をしているうちに筋力や技量が備わるのです。頭で考えた「理論」だけで速くなったら誰も苦労しないんですよ。 で、「勘違い」というのはどの部分かということですが、その「
ロードバイク初心者が前傾姿勢を辛く感じる理由 - おっさんの外部記憶装置
どうも、おっさんです。 だいぶ更新サボってました（笑）。今月は300kmほどしか走ってなくて、特に話題もなかったもので…。8月は夕立が多くて、急な天気の変化を予測しないといけないので走るのが難しいですね。雨が降りそうと思ってもそうでもなかったりして。まぁ、暑いですし無理をしない方向で。 乗れない日が多いと、メンテナンスに時間をかけられるので良いこともあります。 最近、ブラケットの角度というか位置というか、若干の違和感（簡単に言うとちょっと近い？）があったのでどうしようかと考えていたのですが、ステムを下げるにしても上ハンポジションには特に不満がないので、ハンドルの角度（上下方向）を下げて実質的にブラケットを遠ざけて（低くして）みることにしました。 実走して2回ほど調整しましたが、ブラケットの手のひらを置く部分（平らなところ）をほぼ水平にした状態で良い感じに。納車時からSTIの取り付け位置は変
超初心者のためのペダリング講座 - おっさんの外部記憶装置
どうも、おっさんです。 最近、暖かくなってきたなぁと思っていたら、また寒波がやって来ました（笑）。 まぁ、今回のはそんなに強くないので気温はそれほど低くないですが、風が結構吹いてますね。 私はまだまだロードバイク初心者ですが、ロードバイクに乗り始めてからのこの5ヵ月間でわかったことを、自分が超初心者だった頃に知っていたら心強かっただろうなぁという知識としてアウトプットしてみたいと思います。 あくまでも、ロードバイクを健康志向のスポーツとして乗ろうとしている私のような中年の方を主に想定していますので、レース志向だったりもっと若い世代の方には全然当てはまらない可能性が大きいですが、ロードバイク乗り初めの超初心者であれば大体は役に立つのではないかと個人的には思っています。 1．何故ペダリングを意識するのか 若い人だったり、日頃から運動をしていて体力のある人だと、ロードバイクに乗り初めてすぐにある
Mt富士ヒルクライム上位10%だけどフラットペダルを使い続ける5つの理由
ロードバイクで速く走りたい。もっと高く登りたい。 そんな夢を叶えてくれるアイテムのひとつにビンディングペダルというものがあります。 ビンディングペダルとは、シューズとペダルを合体させるアイテムです。 そうすることで、ペダルを踏むだけではなく、ペダルを持ちあげて進む、『引き足』を使えるようになります。 引き足を使うことによって、さらに速く走れるのだと人は言う。 それでもわたしはロードバイクを始めてか今までずっと、フラットペダルです。 上位10%の世界は30万〜50万のフルカーボンのロードバイクは当たり前。 そんなロードバイク廃人のなかでひとりフラットペダルで戦ってきたのです。 今回はMt富士ヒルクライム上位10%のわたしがフラットペダルにこだわる理由について書かせていただきます。 1.ロードバイクはペダルを踏む時が一番『力が入る』ビンディングペダルを使うと、よくペダルは踏むのではなく回すのだ
【自転車】フラットペダルで効率の良いペダリングを考える - ESCAPE Airと自転車ライフ
より速く、より遠く、より長く走る為に必要なことはいくつかあるとは思いますが、その中で重要なことの１つがペダリングです。 効率が良く理想的なペダリングを実現することで、脚への負荷を少なくしつつ、パワーロスも少なくできるため、より速く、より遠く、より長く走れるようになるわけです。 そして、ロードバイクやクロスバイク、マウンテンバイクなどのスポーツバイクで効率の良いペダリングをするための必須アイテムと言えば、やはりビンディングペダルです。 ビンディングペダルはビンディングシューズと一緒に使用することで、ペダルとシューズを固定することができ、ペダルを踏むだけではなく「引き足」と呼ばれるペダルを引くようなペダリングができるようになるので、フラットペダルでは出来ない効率的な走りが出来るようになります。 そんなわけで、クロスバイクやロードバイクに乗る多くの人がそうするように、僕自身もビンディングペダルを
ペダルは太ももで回すのだ | 思い立ったが吉日
昨年10月16日から人生初のロードバイク、青空号に乗り始めて総走行距離が5000ｋｍを超えました。 ほぼ１か月に1000km走っています。 5000ｋｍ走ってようやく、楽チンで速く、しかも長時間維持できるペダルの回し方がわかってきたように思います。 ペダルは大腿部で回すのだ！ 大腿部を上げ下げ上げ下げするだけだからとても単純で、難しいことは考えなくていいのだ。 膝から下は、大腿部とペダルを連結するためのパーツにすぎないのだ。 ・・・・と、最近ようやく理解し、そしてそれが実践できるようになってきました。 さらに、自分なりの力の掛けどころと抜きどころを見つけていけば、最小の労力で最大の成果を得ることができるし、何時間でも走り続けることができると思う。 （何時間でもというのは言葉の綾ですが） ここに至るまでにはもちろん紆余曲折がありましたよ。 ビンディングペダルは初めてだったので、ペダルを引き上
3時間アベレージ30km/h達成 - 漕ぐにてぃぶ
『STRAVAで2時間平均スピード30km/時以上』 平日の日没まで走れるのが2時間だったので設定した目標でしたが、休日に3時間以上同じルートの往復を単独で走ってSTRAVAで平均スピード30km/h以上を記録していたので、これにて達成ということに。 走行ログを見ると『STRAVAの平均スピード30km/h』、つまりストップ＆ゴーを含めてのアベレージ30km/h以上を達成するためには、巡航速度で言うと32km/h以上は必要なようです。できれば33km/h前後以上あれば好ましい。このへんは走るルートにもよるのですが、今日のルートだとそんな感じ。 達成するまでに集中して乗り始めて期間は４ヶ月目、距離は5594.3km必要でした。総走行距離だと6197.4km、ロードバイクに乗り始めて１年８カ月でした。集中して練習するのと間隔をあけた練習のどちらが効果的なのかは分かりませんが、距離＝練習量とする
なぜ、ロードバイクに乗るとスピードを出したくなるのかを解説してみる
ドロップハンドルに細いタイヤを装着したロードバイクは舗装路を高速で走るのが得意だ。 多くの人がロードバイクで颯爽と走るのを公道でよくみるが、人によっては、なぜそこまでして高速で走るのか疑問に思う人も少なくないはずだ。 なぜロードバイクに乗るとスピードを出す人が多くなるのか？ その理由は、恐らく車体特性にあると思う。 前にハイエンドロードバイクのSCOTT CR1 Limited（サイクルハーバー青梅のレンタサイクル）を借りて峠に行ったことがある。 いつも運転しているEscape RXと比較すると、前傾姿勢や細いタイヤ、舗装路では飛んでいるような走行性能のおかげで、飛ばしていないのに平地で軽々と時速30km/hを出していた。 これが時速28km/hだと”遅い”という感覚になり、ついついペダルを踏んで速度を上げていた。 ロードバイクは舗装路を高速走行を行うのを目的としているため、ロードバイクの
フラットペダルに合うシューズ７選！ロードバイク初心者にこそすすめたい | FRAME : フレイム
ロードバイクに興味を持った時に、びっくりしたことが2つあります。 ひとつはピチピチのサイクルジャージ（特に下半身とすね毛がツルツル！）で乗ること。 もうひとつは、シューズとペダルを固定して乗るという初心者からすると恐怖の仕組み… 転倒したら大怪我もしくは死ぬんじゃないか…？ 自分はビンディングシューズやめておこう…と思ってましたが、「郷に入れば郷に従え」。今ではすっかりロードバイクはビンディングシューズです。 ロードバイクは初心者でも25km〜30kmのスピードで走れます。慣れてきて郊外やヒルクライムなどで楽しむようになれば、引き足が使え、ダンシングができるビンディングシューズのほうが楽に遠くへ走れます。 ただ、ある程度乗り慣れるまではフラットペダルのほうがいいと思います。ロードバイクに乗り慣れてない状態で、ペダルに固定しているビンディングだと、急な飛び出しなどでサっと足を出せずに大きなケ
UI/UXデザインの勉強におすすめの本・教材 16選
このページでは、UI/UXを学ぶための教材を紹介していきます。ノンデザイナーの方にとっても役立つ教材も多数取り上げているので、是非目を通してみてください。 この本について どんな本？ 20年以上前に書かれたにも関わらず、いまだに読み続けられている名著です。今どきのアプリのようなUIについては触れられていませんが、UI/UXの本質を学ぶのには最高の1冊です。 学べることは？ 「ユーザがエラーを起こすのはデザインのせいである」というようなデザイナーとしての姿勢から、具体的にどうやってそのエラーを防ぐかというところまで徹底的に解説されいます。この1冊でUI/UXの考え方の基本を押さえることができます。 難易度は？ 誰にとっても身近なものが具体例として取り上げられており、興味を持ってサクサクと読み進めることができます。最近になって改訂版が出版され、もう少し読みやすくなったようです。 おすすめ度 （
material-uiのテストコードが勉強になる JS日報 2017/11/8 - JavaScriptをがんばるブログ
GUIのテストってどうやれば良いのか、どこまでやれば良いのか解らないのでmaterial-uiのリポジトリのソースコードを読んで勉強していた。 普通にEnzymeでちまちま要素を取得しつつアサート、適宜propsをいじってまたアサートという具合で思っていたよりシンプルで自分でもやれそうな内容だった。 ソフトウェア開発のスキル、具体的には期日内に振る舞いを保証するテストを添えて成果物を完成させるスキルを磨かなければ延々と流行の技術スタックをサンプルコードの見よう見まねで覚えながら突貫工事でなんとか実装、テストが無いので時間経過につれ変更作業が重くなり業務時間の大半を目視動作確認に費やすサイクルを繰り返すIT土方になってしまい将来が見えなくなるのでそろそろ上級ソフトウェア開発者としてのスキルを獲得し質の高い環境で働けるようテコ入れが必要である。
React×Material-UIでモダンなUIを実装する
Reactはコンポーネントを組み合わせて開発を行うことで、保守性の高いアプリケーションを実現できるライブラリです。同時に、優れたUIを提供するライブラリでもあります。前回はReactコンポーネントの基本であるPropsとState、およびライフサイクルについて解説しました。本稿ではデザイン性をアップさせてくれるサードパーティー製のコンポーネントセット、Material-UIの使用方法について紹介します。Material-UIは、Googleのデザインガイドラインに則って開発されたコンポーネントのライブラリで、活用することで簡単に見栄えのいいアプリを作ることができます。 対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactに興味／関心があり、これから学び始める方 前提環境 macOS Sierra 10.12 Node.js v6.6.0／npm 3.10.3 Reac
制作事例解説 React + Material-UI + スクレイピング - syonx
Chase syonx.hatenablog.com what for React の基礎をチュートリアルや勉強会で学んで、その先に進めないでいたりしませんか？ きちんと技術を身につけるには、自分の手で何かを実際に作ってみることが効果的です。 React の公式チュートリアルはとてもよくできていると思いますが、 そこからもう一歩先にトライするのに提案したいのが今回ご紹介する内容になります。 制作したアプリの形式は Web アプリで、あとで読むサービスの Pocket と連携します。 先の記事で示したようにモチベーションと目的が重要なのでややニッチな題材となりますが、 試しやすさと簡潔さの点において Twitter よりも扱いやすいと思います。 構成図 技術スタック React Material-UI axios (Ajax) ESLint (airbnb) Gulp Browserify
開発環境構築の必要なし！思い立ったら1分で React + Material-UI を使う手順 - ムログ
お久しぶりです、むろです。 最近仕事で React 案件が増えてきたので、コードでプロトタイプを作る時にあると嬉しいライブラリの Material UI を使ってみることにしました。 というわけで、使うまでの手順をまとめます。 codesandbox と Material-UI を使う npmとかよくわからない…いちから勉強する時間ない…けどちょっとだけ React を書いてみたい(Material-UI 使ってみたい)…という、 めんどくさがりなんだけど好奇心は旺盛な、私とあなたのための情報です。 codesandbox とは オンラインで使える開発環境(サンドボックス)です。 codesandbox Material-UI とは Googleのデザインガイドライン(マテリアルデザイン)にそったデザインコンポーネントが揃ったライブラリです。 Material-UI これを使うだけでマテリ
GhostをさくらVPS上にDocker+SSL(Let's Encrypt)で構築した話
偶然、前々から気になっていたGhostのDcokerイメージがDockerHubにあったのを見つけたのでさくらVPS上に構築してみました。 やりたいこと はい。めっちゃシンプルです。 letsencrypt-proxyはLet's Encryptの更新作業を自動的にやってくれるやつで、必要があれば証明書を更新してくれるコンテナ。 この構成だと今後、新しいドメインやアプリケーションが増えても、コンテナを増やすだけでOKというお手軽構成。コレ大事。 やること 自分の場合、既にさくらVPS上でnginx-proxyとletsencrypt-proxyを動かしているので追加するのはghostコンテナ（青い部分）のみです。 なので、この記事ではこのghostコンテナを構築する話です。 ghost用コンテナの作成 既に公式のイメージがあるので、これをdocker-composeで使います。 本当はdo
DjangoをDocker Composeでupしよう！ - Qiita
今更ながらDockerの勉強を始めました。 とりあえずプログラマのためのDocker教科書 第2版を読み終えたので力試しのトライです。 今回はnginx + (Gunicorn + Django) + PostgreSQLな構成で作成します。 本記事で使用しているコードはここにあるので気になった方は見てみてください。 開発環境 macOS High Sierra 10.13.6 Docker for Mac Engine : 18.06.1-ce Compose : 1.22.0 Python : 3.7 Django : 2.1 0.プロジェクトの雛形用意 今回のディレクトリの構成このようになっています。 docker-django ├── docker-compose.yml ├── django │ ├── Dockerfile │ ├── Dockerfile.base │
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ページは見つかりません 404s - Pornhub - Pornhub.com
ページは見つかりません 404s - Pornhub - Pornhub.com
OneTab - Shared tabs
OneTab - Shared tabs
フラットペダルのススメ : ディスクロードバイク日記
ビワイチ！！（その2） – Longrideroad
商品紹介 | Cycle Sky Station
宮城でバイクのカスタムペイントなら仙台市のLONER（ロナー）へ
アプリ開発中にデザインガイドラインであるMaterial Designが2.0に新しくなってしまった話 - RaccoonWallet
Docker上でWordpressとnginx-proxyを連携(SSL対応) – 進捗ダメな人のブログ