masakuma0812のブックマーク / 2018年12月12日

Googleカレンダーユーザーは知っておくべき神ワザ！ひとつ上のタスク管理術 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。Web事業部マネージャーのさささん（さっさん）です。今回は職種関係なくビジネスパーソンのみなさんに読んでもらいたいネタを提供したいと思います。さて、毎日仕事をされているみなさんは自分のタスク（業務）をどのように管理していますか？プロジェクトであればもちろんプロジェクト管理ツールを使ってタスクを細分化してタスクの一つひとつを管理していると思います。でもそのタスクって、だいたい開始日と終了日（期日）が設定されているもので、実際いつやるのか（何時から何時までにやるのか）まではなかなか管理されていないのではないでしょうか？「いつやるのか」を明確にするために、ひとつヒントがあります。それはカレンダーツールを活用することです。ということで、今回はカレンダーを使ったタスク管理について紹介いたします。カレンダーを使ってタスクを管理しようでは実際に、どのようにカレンダーのツール
masakuma0812 2018/12/12
Googleカレンダー

タスク

管理

ツール

小技

マニュアル

まとめ
リンク
Current Device - デバイス判定をスタイルシートに反映 MOONGIFT
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webページにアクセスするデバイスが多様化している中、JavaScriptで各デバイスを判別して表示分けしているWebサイトも多いのではないでしょうか。こういった実装を都度行うのはとても面倒ですし、条件分岐も増えがちです。そこで使いたいのがCurrent Deviceです。デバイスに応じてスタイルシートにクラスを追加してくれるライブラリです。 Current Deviceの使い方 macOSのデスクトップからアクセスした場合です。それぞれのデバイスに応じてハイライトが変わります。 DOMを見てみると、htmlタグにクラスが追加されています。 Current Deviceを使うことでクラスの有無によってデバイス判定ができるようになります。画面の向きも判定されます。JavaScrip
masakuma0812 2018/12/12
Javascript

デバイス

UserAgent

判定

自動

クラス

追加

画面

縦

横
リンク
querySelectorAll()の結果はNodeListだけどforEach()が使える仕様です。（配列とかおれおれAdvent Calendar2018 – 11日目） | Ginpen.com
配列とかおれおれAdvent Calendar2018 – 11日目 querySelectorAll() で取ってきた結果は NodeList という配列風オブジェクトだけど、配列ではありません。つまり、配列が持つ各種のメソッドは使えません。使いたい場合は配列へ変換してやる必要があります。しか forEach() については近年使えるようになりました。 const els = document.querySelectorAll('.target'); els.forEach((el) => { console.log(el.textContent); });
masakuma0812 2018/12/12
Javascript

配列

要素

複数

取得

変換

ループ

コード
リンク
- 2018年12月13日
- 2018年12月12日
- 2018年12月11日