エンジニアの副業は週1からでも可能？副業の例や探し方も解説
- ITエンジニア
- 副業
新しいデバイスが続々と登場する現代では、Webサイトを常に最新の状態に保っておくための努力とテストが不可欠です。
特にレスポンシブWebデザインはレイアウトが崩れやすく、崩れた場合は実に見づらいです。
レイアウトの確認作業を効率的にしてくれるレスポンシブテストツールを、国内と海外から選りすぐり、10個まとめました。
目次
1. レスポンシブWebデザインチェックツール
４種類のデバイスが横並びで表示されるので、比較がしやすいです。デバイスの枠を取り外したり、表示サイズを変更させることもできます。手軽に使える、おすすめツールです。
2. Responsive Checker
12種類のデバイスを想定して作られたチェッカーです。画面サイズを手動で設定することも可能。バイスのカラーを黒と白に切り替えられるのは、嬉しい機能です。
3. The Responsinator
シンプルなデザインに好感をもてる『Responsinator』。スクロールがなめらかで、ストレスを感じさせません。
4. Viewport resizer
画面左上のアイコンをクリックすると、画面サイズが即時に変わります。スクロールの手間がなく、効率アップに最適です。
5. resizeMyBrowser
メニューをクリックすると、指定したサイズのポップアップウィンドウが開きます。たくさん開いで横並びで見たい時に便利です。15のプリセットの他に、新しいサイズを定義することもできます。
6. RWDdy
320, 640, 980, 1280pxの横幅から選べる『Google Chrome』の拡張機能です。サイズが大きすぎるページや、ローカルファイルでは使えません。
7. Ish
機能はいたってシンプル。画面サイズを設定すると、幅が流動的に変更されます。
8. レスポンシブ・デザインモード
『safari』に搭載されたレスポンシブビューワーです。ツールバーの「開発者」内に、「レスポンジブデザインモード」があります。シンプルな使い心地です。
9. Am I Responsive
URLを入力すると、独立ディスプレイ、ノートPC、スマートフォン、タブレットそれぞれに表示されます。
10. Chrome モバイルエミュレーター
Chromeの画面上で「Command + option + I」で開発者ウィンドウを開きます。左上の、画面切り替えボタンを押すと、スマホ画面のサイズに切り替わります。最も手軽な方法ですね。
人気のフリーランス・副業求人
【リモートワークOK】大手からスタートアップまで、幅広い領域でユーザー体験を担うデザイナー/アートディレクター募集！
- #副業OK
- #新規事業
- #スタートアップ
- #急募
- #長期案件
- #スポット案件（1ヶ月）
- #フルリモートOK
職種：デザイナー
時給：2,500円 〜 4,000円
働き方：どちらでも可
エリア：東京都
【リモート可】【子育てママ歓迎】IoTサービスで世界中の家族を幸せに。アプリデザイナー(スマホ・タブレット) /Webデザイナー募集
- #スタートアップ
職種：デザイナー
時給：2,000円 〜
働き方：どちらでも可
エリア：東京都
【リモートOK】アート・エンタメ×ITでイノベーションを！新規事業のデザイナー募集！
- #スタートアップ
- #土日週末OK
- #急募
- #長期案件
- #正社員募集
- #フルリモートOK
職種：デザイナー
時給：5,000円 〜 8,000円
働き方：どちらでも可
エリア：東京都
Workship MAGAZINE（ワークシップマガジン）は、日本最大級のフリーランス・副業メディアです。エンジニア、デザイナー、マーケターなどデジタル系専門職のフリーランス・副業者にとって役立ち、刺激になる情報をお届け。 海外最新情報や働き方ノウハウ・ツール、著名人・専門家インタビューなど、さまざまなコンテンツを発信中です。2017年5月開設。
