2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな？ - Qiita
って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。 有料、Windows専用。 Zeal 200以上略 無料のオフラインドキュメント。 SEOツール Keyword Tool 検索ワードを入れると関連キーワードを教えてくれる。 Google Webmasters Search C
Windowsを16年使ってきて分かったおすすめ無料ソフトまとめ
はてなブックマーク1400ありがとうございます！ 数えてびっくりしましたが、Windowsを使い始めて26年経っていました。 今では趣味でも仕事でも欠かせないものになっています。 それなりにwindowsを使ってきて「フリーソフト」と呼ばれる無料で使えるソフトもたくさん試しましたが、今日はその中でも使い続けている無料ソフトを紹介したいと思います。 現在は便利なWebサービスやスマホアプリが非常に多くなったので、あえてWindowsのフリーソフトという時代では無くなりつつありますが、オフラインでも使える・動作が軽快という点ではまだまだ活用される場面も多いので、ざざっと目を通してもらえればと思います。 ちなみにボクはiPhoneも10年以上使っています。 良ければ「iPhoneアプリを596個使って分かったおすすめアプリまとめ」も読んでみてください。 インターネットブラウザ Google Ch
Google Chrome歴1年半の私が最近インストールしたおすすめ拡張機能5個 | フリーソフトラボ.com
というわけで、Google Chromeをメインブラウザとして本格的に使い始めて一年半ほどになる管理人が、最近インストールした個人的におすすめなChrome拡張機能を紹介します。今回は5個だけということで少ないですが、どれもおすすめ度はかなり高い拡張機能です。 半年ほど前にも、Google Chromeに乗り換えて一年、私がWEB活動に欠かせない拡張機能11個まとめという記事を書いて管理人使用中のChrome拡張機能を晒したのですが、ここで紹介するのはそれ以降にインストールした常用中の拡張機能ということになります。 動画ゲッター ニコニコ動画をダウンロードできる拡張機能。FLVやMP4など複数のフォーマットの動画が用意されている場合は選択してダウンロードできるほか、動画共有サイトでなくても動画が埋め込んであるサイト（ブログ記事など）ならどのようなサイトからでもダウンロードできるのが便利。
ついに出た！Chrome版「Page Speed」の使い方
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。 この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければと思います。 そもそも、なぜサイトの表示速度を速くする必要があるのか？ 例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。 また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。 大手サイトや大規模なECサイトに限らず
BehatとSeleniumを組み合わせ受け入れテストを自動化する
みなさんこんにちは。@ryuzeeです。 Behatは良さそうなので引き続き検証しています。 今回は、BehatとSeleniumを組み合わせて、受け入れテスト型のテストを自動化してみたので、その方法について説明しましょう。 なお、前回の記事を読まれていない場合はまずそちらを参照してください。 PHPでBDD(Behavior Driven Development)する方法 Seleniumの課題僕が関わっている案件では受入テストを自動化しているケースももちろんあって、その際はPHPUnitとSeleniumを組み合わせています。 このテストには以下のような課題があります。 画面の操作をするphpコードが大量にあって、ソースを見ただけでは何をしているのか分かりにくいSeleniumは操作に画面の要素名利用するため、例えばサイトのデザインを大幅に変えたりすると、テストの中身も大幅に書き換えな
Google Chromeの厳選おすすめ拡張機能30個まとめ | フリーソフトラボ.com
Google Chromeの拡張機能が本格的に登場してから約1年が経ち、その数はFirefoxには一歩及ばないもののライブラリーにはクオリティの高い拡張機能がかなり充実してきました。当サイトでもちょうど1年前に、Google Chromeに入れておきたい拡張機能30個まとめという記事をエントリーしたことがありますが、この1年で当初とは比較にならないほど多数の便利な拡張機能が出揃ってきています。 そこで今回は、最近になって登場した比較的新しいものも含め、利用価値の高そうなお勧めの拡張機能を改めて30個まとめ直してみました。Firefoxのように再起動する必要なく気軽に使えるのもChrome拡張機能の特長なので、気になったものがあれば是非一度試してみてはいかがでしょうか。 なお、この記事では上記エントリーで紹介したものとは重複しないように選んだため、あまり広く使われていないマイナーな拡張機能も
Mozilla Re-Mix: 2010年 管理者がお世話になった27個のGoogle Chrome拡張機能。
2009年末ごろに公開された「Google Chrome拡張機能ギャラリー」には、この1年で非常に多くの拡張機能が登録され、今では選ぶのも苦労するほどになっています。 こうした拡張機能を使うことによって、Google Chromeがメインの方も、サブで使っている方も、Firefoxに負けないブラウジング環境を手に入れることができるようになったのは喜ばしいことですね。 管理者のGoogle Chromeもいつの間にか多くの拡張機能がインストールされた状態となっています。 そこで今回は、年末まとめ記事第２弾として、Firefoxをメインにしている管理者が、サブブラウザであるGoogle Chromeにインストールしている27個の拡張機能をざっとご紹介したいと思います。 この記事もちょっと長くなりますが、リストの中から気に入ったものを見つけていただければ幸いです。 1.Scrapbook ページ
厳選して使用している便利なChromeエクステンション19個 - かちびと.net
メインブラウザをFirefoxからChrome に変更して暫く経ちます。Chromeも かなりエクステンションが豊富になって きました。いろいろとエクステンションを 試して、微妙に感じて消して、の繰り返 しですが、そんな中、マストに使ってい る拡張をご紹介します。 色々試して、最終的に残ったChromeエクステンションのまとめです。 CSS Tester どのページでもcssの追加テストが出来ます。すぐに反映されるので結構便利。 CSS Tester CSSViewer 先日記事にしましたが、インストールしてから毎日使っています。マウスを乗せるだけでその要素のcssを表示。便利ですねー。 CSSViewer View Selection Source ドラッグした部分のみのソースを表示します。Web制作時によく使っています。使い慣れるとほんと重宝します。 View Selection So
WebデベロッパーのためのChromeエクステンション18 – creamu
Google Chromeのエクステンションを探している。 そんなときにおすすめなのが、『18 Fresh Google Chrome Extensions for Web Developers』。WebデベロッパーのためのChromeエクステンション集です。 またいろいろと増えているようですね。 Picnik スナップショットを撮って画像編集できるアプリ、「Picnik」のChrome版 CSS Reloader F9を押せばCSSだけをリロードしてくれるエクステンション。Webサーバ上のファイルでないと（ローカルファイルだと）効かない Web Developer 有名なWeb DeveloperツールのChrome版。作者はFirefox版と同じ csscan 各要素のCSSプロパティーが確認できるアドオン Chrome Editor Chromeのブラウザ内で書けるエディタ Vali
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Page not Found | Monstarlab
http://www.2ch-search.net/blog/6
PHEENIX::SELL