Zenn
💧

開発者体験向上のために Raindrop.io を導入した

2022/10/05に公開
Safari
browser
idea

はじめに

「勉強やるぞー、先に掃除しよ」ってありますよね。
この現象には セルフハンディキャッピング って名前があるようです。
開発者体験向上のために、Webブラウザを整理しました。

導入するまでの情報整理

WebエンジニアがWebブラウザで行うこと

Webエンジニアが就業中にWebブラウザで行うことを列挙してみます。

  • 業務に纏わる調査など
  • 技術的な調査など
  • Slack,バーチャルオフィスなどの業務中のコミュニケーションツール
  • GoogleクラウドなどのWebを活用した業務ツールの利用
  • 私的な利用(ニュースサイト巡回,Youtubeとかとか)
  • 開発しているWebApplicationの動作確認

私の利用例（就業中）

会社貸与PC(Mac OS)では、動作サポートを Google Chrome に注力しているため、Chromeのみ利用するように心がけている。
また、画面共有で検索候補などが見えてしまうため、業務以外の利用(Youtube閲覧とか)は極力避けている。
見出しの WebエンジニアがWebブラウザで行うこと 以外の利用は思いつかない。

また、スマホは貸与されていたりはしない。

私の利用例（プライベート）

iPhone,Mac,iPadを利用していて、 Safari , Chrome は端末間で設定を共有している。
個人開発時にローカルで確認したい内容については Chrome で確認しており、
検索履歴が残って欲しくない内容は Chromeのシークレットモード で閲覧している。
またGoogleアカウントの利用を伴うYoutubeなどもChromeを利用しています。
それ以外については Safari で閲覧している。

会員ログインなどのパスワードを要求されるものについてはブラウザに保存している。

ブックマーク機能はうまく活用できておらず、気になったら都度Google検索で検索してweb巡回している状況。

追加でおこなっていることを列挙します。

  • Webショッピング
    • 電子書籍購入とか
    • 通販とか
  • 配達まわりのサービス
    • ヤマトとか郵便局とか
  • 無料電子コミック閲覧
  • 口コミサイトの確認
  • 転職・副業活動

漠然とした改善したかったこと

  • 今までのブックマークの整理
    • 不要なものを削除したい
      • 古いもの、使わないものがノイズになっている
    • アクセスしやすいように今あるものを構造化したい
      • フォルダやディレクトリ構造としていなかった
    • 会員登録しているサービスを把握したい
      • 登録に利用したメールアドレスにメールが来るが、なに登録したかいまいち把握していない
  • 改善後こうしていきたい
    • ブックマークに追加する癖をつけ、再利用制を高めたい
    • 端末を跨いで共有していきたい
    • ブックマークの並び替えをGUI上で簡単に行いたい
      • Safariだと簡単に感じられなかった
    • Webサイトの閲覧は引き続きブラウザでおこなっていきたい
      • ブックマークをブラウザで管理しなくなってもよい

やらないこと

ターゲットは私用PC&スマホとし、会社貸与PCについては導入しない
※ 端末を跨いで共有したいことなどないし、私用PCとも紐づけたくない
※ Chromeのみの利用なので、開発体験が向上する気もおきない

Raindrop.io ってなに

ブックマーク管理アプリ　で検索すると上位にヒットする。
公式サイトは こちら:Raindrop.io

/download によると、
Browser extension , Mobile app , Desktop app が用意されている。
※ 私は Browser extension は利用せずに、appをそれぞれの端末にインストールした

「Raindrop.io」　で調べると、日本語の紹介サイトが何件かヒットするが、ブックマークを管理するサイトと紹介されている。

Raindrop.io の特徴的な機能

  • ブックマークを1階層掘った構造にできる
    • 有料版だと階層のネストが行える
  • ブックマークの検索ができる
    • ブックマークにタグが付与できる

Raindrop.io を導入

Macの作業

  1. Raindrop.io app のインストール
  2. app をLaunchpadで所定のフォルダに移動
  3. アカウントの作成
    AppleID , Google , Facebook と連携
  4. Safariのブックマークをエクスポート
  5. Raindrop.io にSafariのブックマークをインポート
  6. ブックマークの整理
    メールより、過去に会員登録したサイトなども追加
  7. Safariからブックマークを削除

iPhoneの作業

  1. Raindrop.io app のインストール
  2. app を所定のフォルダに移動
  3. ログイン

導入後、どう改善されたのか？

やったことを列挙。

  • 勉強会の開催情報の情報収集
    • connpass を情報収集のブックマークのカテゴリーに移動
  • 転職・副業活動
    • 同一カテゴリーに集約
  • 技術的なブログなどの記事
    • Qiita,zennを同一カテゴリに集約
    • Qiita,zennの他人の記事はブックマークから削除
  • 過去に会員登録したサイトをブックマークに追加

感想としては、

  • 同一カテゴリーで取り扱い内容が集約され、サイトにアクセスし易くなった
  • 前よりもWebサイトをブックマークに追加しやすい印象になった

といった感じです。

ブックマーク管理アプリを導入せずとも、Safariを整理するだけで達成した気がしなくもない。

Discussion