2020/04/15 追記：記事の最後にRemo関連のnoteをまとめておきました。このnoteからRemoについて読んでおくべき日本語記事に飛んでいけるようにしていきます。2020/04/25 追記：Remoよりもさらに雑談に向いていそうなSpachialChatというサービスについてnote記事にしたので、こちらの合わせて読んでみてください！ 雑談を生むビデオツール「Remo」日本だとまだあまり紹介されていないですが、Remoという面白いオンラインビデオツールがあります。 オンラインでカンファレンスを開催できるツールなのですが、これを日々のオンラインイベントにも活用するとができます。 もちろんZoomもすでに普及してきていますし、他にもビデオでオンラインイベントを開催できるツールは無数にあります。 ただ、そのなかでもRemoを特別なものにしている機能が、対面で会っているかのような「テー

「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 デザイン モリサワ　テレワーク実施企業向けにMORISAWA PASSPORT使用許諾の緩和を実施 使用PC変更の手順などについて書かれています。 ソリッドとアウトライン、認識しやすいアイコンはどちら？ | UX MILK 塗りつぶされたソリッドアイコンの方が認識しやすいだろうと思っていたのですが、そうでない場合もあるということが書かれています。 コーディング Bootstrap 5のリリースはもうすぐみたい！注目の新機能、jQueryは削除、IE10のサポートは終了へ | コリス 結論として、Bootstrap 5はより高速で、よりシンプルで、見栄えのよいものになると思います。 とのことで、Boot

CSSのビューポートを基準にした単位「vw, vh, vmin, vmax」は、ここ数年で多く使用されるようになりました。利点はJavaScriptなしで、レスポンシブ対応のレイアウトや要素のサイズを動的に実装できるからです。vw, vh, vmin, vmaxの知っておくと便利なCSSのテクニックを紹介します。 フォントのサイズ指定、高さいっぱいのコンテンツ、フッタを最下部に配置、デバイスに応じた画像配置、記事は固定幅だけど画像は幅いっぱいなど、実用的なテクニックが満載です。 CSS Viewport Units by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ビューポートを基準にした単位 vw: ビューポートの幅 vh: ビューポートの高さ vmin: ビューポートの幅または高さの最小値 v

サルでもわかるGit入門はサル先生のGit入門に改名しました。 サルでもわかるGit入門がPWAに対応しました。 iOSやAndroidのスマートフォンのホーム画面にサルでもわかるGit入門を追加することでネイティブアプリのように起動し、ブラウザよりも高速に閲覧することが可能になります。 こんにちは。 ヌーラボのマーケティング課所属のレオです。 私はヌーラボが運営するサイトやCacooの開発をサポートしたりとヌーラボ内を横断しているフロントエンドエンジニアです。 今回はレガシーな構成からNuxt.jsにリプレイスしたサルでもわかるGit入門を今更ながらPWAに対応させたので、かんたんにご紹介します。 そもそもPWAとは PWAとはProgressive Web Apps（プログレッシブウェブアプリ）の略です。 通常のWebサイト / Webアプリはブラウザ上で動作しますが、PWAはブラウザ

フロントエンドエンジニアからみる、この界隈で今どんなIssueが話題になってるのかと、この先どういう動きがありそうかについて。 そこまで自分に先見の明があるとも思ってないけど、アウトプットしておかないと忘れてしまいそうなので・・。 ちなみにここでいうフロントエンドは、いわゆるブラウザとかJavaScriptのAPIのことです。 プロトコル的な側面はそこまで詳しくないのであまり触れません。 WebRTC 1.0 GitHub - w3c/webrtc-pc: WebRTC 1.0 API まず、RTCといえばズバリのWebRTCから。 昨年末にWDからCRへ格上げということで、もうAPIが激変したりはしない・・はず。 実際のところ、ここ半年くらい大きな対応した覚えがないです。（WebRTCそのものを実装してる人は、地味にいろいろ対応してると思うけど） ガワのAPIという観点でいうと、最近はも

はじめに Raspberry PiのSDカードの取り扱う上で、複製したり、イメージとして保存しておきたいシーンは多いと思います。 しかし、大容量のSDカードが一般的になった今では、空き容量が大半を占めるベタイメージを作成することは、以下の点から現実的でありません。 イメージファイルの大半を空き容量が占め、時間およびストレージの効率が悪い 元より容量の小さいSDカードに書き込むことができない SDカードに書き込む際、空き領域にも書き込みが行われ、カードの寿命を縮めてしまう ファイルシステムが破損していても、コピー時に気づくことがない パーティションの構造とLinuxの操作を学びながら、SDカードのバックアップをしていきましょう。 背景 Raspberry PiのSDカードの論理構造を見ていきましょう。難しく考える必要はありません。大体こんな感じといったイメージを掴むだけでOKです。 まず、セ

結婚に伴い、新たなデスク環境をつくることとなった。 小学生から愛用していた勉強机は満を辞しておさらば。機会もあって、デスク周りのフルリニューアルを決意した。こだわり抜いたデスク環境が完成したのでテクニックやオススメ商品を紹介する。 参考にさせてもらったのはこちらの記事。 まずはケーブルと電源タップから ケーブルと電源タップは、覗き込まない限り見えない位置に設置した。電源タップひとつに、机上の全機器の電源を接続している。 使用している機器のACアダプタが大きいため、電源タップは穴同士の間隔が広いものを購入。デザインもシンプルで気に入っている。 電源タップを吊り下げているのはワイヤーケーブルトレーというもの。こちらもGoAndoさんのテクニックを参考に購入した。かなり丈夫な作りのため、これくらいのものを乗せるには十分。