2018年のフロントエンドエンジニアならこの程度は知ってて当然だよな？ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 可及的速やかにReactが絶滅しますように。 以下はFront-End Developer Handbook 2018の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール 開発者向けドキュメント、APIリファレンス Dash 200以上のAPIリファレンス、100以上のチートシートを一括ダウンロードできる。有料、Mac用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。有料、Windows用。
最近、httpstat なるものが流行っているらしい - tellme.tokyo
github.com おそらく先行実装は python で書かれたこれです。 curl にはウェブサイトの応答時間を計測する機能が搭載されており、このツールではそれを利用して出力結果をグラフィカルに表示させています。単なる curl のラッパーのようなツールなのですが、見た目がリッチになるのに加えて、単一ファイルで実行でき python のバージョンに影響されないような工夫がされているのが、受けているポイントのような気がします。 このツールを見たとき「Go で書いてみるの良さそう！（この手のツールで単一バイナリになるのは嬉しいですよね）」と思い、休憩時間やお昼休みなどにちまちま書いていたら、二日前に先を越されてしまいました（そりゃそうですよね。なんでもスピードが大事だと痛感）。 github.com また、ついこの間まで 800 Stars くらいだったのですが、ここ1週間で爆発的に伸びて
組み込んだOSSコンポーネントの更新漏れを可視化する「OWASP Dependency Check」
昨今のウェブアプリケーションでは、ほとんどの場合、オープンソースのフレームワークやライブラリのような、自社開発ではないパッケージ化された部品（コンポーネント）を組み合わせて構築することでしょう。ですから、もしも既知の脆弱（ぜいじゃく）性が存在するようなコンポーネントを利用してウェブアプリケーションを開発していた場合には、組み込まれたコンポーネントの脆弱性を悪用され、攻撃を受けてしまう可能性が高くなります。 本稿では、ウェブアプリケーションに組み込まれている脆弱性が存在するコンポーネントの洗い出しに有用な、OWASPコミュニティより公開されているツール「OWASP Dependency Check」の概要および利用方法について解説します。 はじめに 本連載の第1回では、ウェブアプリケーションにおける重要なインパクトのある10のセキュリティリスクについてまとめた「OWASP Top 10」につ
ウェブアプリケーションを開発しながら、手軽に脆弱性検査する方法
Software WebSecurity ウェブアプリケーションを開発しながら、手軽に脆弱性検査する方法※当サイトにはプロモーションが含まれています。 以前、OWASP ZAP に追加された attack mode の概要 というエントリを書きましたが、このATTACK modeを使った簡単なセキュリティ検査の手順をメモしておきます。この機能を使えば、ウェブアプリケーションの開発中にZAPが勝手に脆弱性スキャンしてくれます。 ※ この機能が追加される バージョン 2.4 はまだリリースされていないのですが、こちら から ZAP Weekly をダウンロードすれば試すことができます。 概要基本的には、ウェブアプリケーション開発時にウェブブラウザのプロキシとして ZAP を指定おくだけです。この時、ZAP 側で コンテキストというものを設定して、ATTACK mode にしておけば、アクセスし
コーディングを超加速するBrackets便利エクステンションまとめ
最近色んなところでBrackets使ってますの声を聞けて嬉しい感じなんですが、Bracketsのアドベントカレンダーも余裕で挫折しているのでまた仕切り直して、せっせと紹介記事書いていきますね。今回は新しく知った拡張機能のなかでコーディング関連のものを紹介します。これまでの紹介したものはいくつかありますので見てみてくださいー。 Bracketsだって激しく進化してますよ！メインエディターとして1年使ってみて – WEBCRE8.jp PSDデザインカンプからのコーディングに超便利！Extract for Brackets – WEBCRE8.jp SVGをBracketsで使用・作成・編集するのに便利な拡張機能 – WEBCRE8.jp Brackets CSS Class Code hint 便利過ぎワロタ系のやつです。編集中のHTMLが読み込んでいるCSSのセレクターに書かれているcla
幸せになりたいソーシャルゲーム系Webフロントエンドエンジニアが選ばない HTML GUI ツール6選 - Qiita
調べつつ社内向けに書いたけど別に競争的な内容(わらい)を含んでないのでインターネットの皆様でお役立てください。 いわゆる情報量が低い記事となっておりますので、各位共々よろしくお願いいたします。 追記 この記事はネタをネタとして楽しめる子供のインターネットとしてお楽しみください dis られたので、真面目に考えてみた。 幸せになりたいソーシャルゲーム系Webフロントエンドエンジニアが本気で考える HTML GUI ツール第一回 よーけんてーぎー HTML + CSS の職人技を軽減させる 視覚的に HTML の構築と CSS のスタイリングができる モジュール化などしてくれて再利用性が高い 大規模案件にも耐えうる CSS (Sass) 管理 アセット管理 少なくともこの2つが何とかなればあとは目をつぶれる…つぶれる…つぶれ！ あとは テンプレートファイルが読み込めたりとかできる Web Co
インテル、無償のHTML5アプリ開発ツール「Intel XDK」を刷新。ランタイムエンジンにBlinkベースの「Crosswalk」を採用
インテル、無償のHTML5アプリ開発ツール「Intel XDK」を刷新。ランタイムエンジンにBlinkベースの「Crosswalk」を採用 ただし名称に関しては、現バージョンの「Intel XDK」を2月末で提供終了した後には、新バージョンの「Intel XDK NEW」の名称が「Intel XDK」となる方針も合わせて明らかにしました（本記事では分かりやすさのため新バージョンを「XDK NEW」と記します）。 PhoneGapに代わりCrosswalkが採用 Intel XDKはHTML5/CSS/JavaScriptによるアプリケーションの開発環境と、PhoneGapによるビルドシステムを備えており、AndroidやiOSなどのクロスプラットフォームに対応したモバイルアプリケーションを開発することができました。 XDK NEWの最大の変更は、ビルドシステムをPhoneGapから、ランタ
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Stylo - 体験必須！Webアプリケーションデザインツール MOONGIFT
デモがありますのでぜひ実際触ってみるべき！ Webのオーサリングツールと言えば長らくDreamweaverが中心でした。それ以外になると一気に手打ちになってしまったりします。最近ではCSSフレームワークを用いることも多いので、それでもさして不便ではありません。 とは言えWebアプリケーションのような複雑なUIを考えた場合、やはりオーサリングツールが欲しいところです。さらに言えばDreamweaverよりも柔軟にデザインができるものが。そんなツールを願っている方に見て欲しいのがStyloです。 これが画面です。Webベースだと思えないほど充実した機能を備えています。 大きさを変えたり、文字を入力したり。 オブジェクトをドラッグした時に隣接するオブジェクトの上辺や中心にスナップする補助線が出てくれるのが格好いいです。 色の変更はピッカーを使って。透明度まで決められるのがいい感じですね。 半透明
［ウェブサービスレビュー］ウェブページ上で用いられているフォントの種類を表示できる「WhatFont Tool」
内容：「WhatFont Tool」は、ウェブページに用いられているフォントの種類をポップアップ表示できるサービスだ。マウスポインタを該当のフォントに重ねるだけで、表示されているフォントの種類を知ることができる。 「WhatFont Tool」は、ウェブページに用いられているフォントの種類をポップアップ表示できるサービスだ。マウスポインタを該当のフォントに重ねるだけで、表示されているフォントの種類を知ることができる。 前回紹介した「WhatFontis.com」は、画像に使われているフォントを解析して教えてくれるサービスだったが、本サービスが教えてくれるのはHTML上のテキストに用いられているフォントの種類だ。わざわざテキストエディタなどでスタイルシートを開いてフォントの種類を確認しなくとも、知りたいと思ったフォントがあればマウスオーバーするだけで確認できるのが利点だ。 利用にあたってはブ
Introducing TogetherJS – Mozilla Hacks - the Web developer blog
What is TogetherJS? We’d like to introduce TogetherJS, a real-time collaboration tool out of Mozilla Labs. TogetherJS is a service you add to an existing website to add real-time collaboration features. Using the tool two or more visitors on a website or web application can see each other’s mouse/cursor position, clicks, track each other’s browsing, edit forms together, watch videos together, and
他社サイトを丸裸にしよう！WEB業界の最強スパイになるための32のグロースハックツール - VASILY GROWTH HACK BLOG
マーケティングやグロースハックの施策を考えるとき、一度はこう思ったことがありませんか？ 「他社サイトの情報が見れたらなあ」 そしてすぐに、無理だとあきらめて仕事に戻ったことだろうと思います。 実は可能だ、と言ったらどうでしょう？ 一昔前なら"産業スパイ"でもいなければ不可能でしたが、現在は"誰でもスパイになれる"WEBツールが多く提供されています。 今回は、あなたをWEB業界のジェームズ・ボンドにしてくれる32のスパイツールを集めました。 参考記事：How to be the James Bond of the Web: 37 Best Marketing Tools to Spy on Your Competitors 広告分析ツール 広告を作る際に、最も知りたいのはライバルの広告の情報ですよね。これらのスパイツールを使えば、ライバルの広告の情報を丸裸にできちゃいます。 ・Adbeat：
Google Chromeのスマートフォンシミュレータ·Ripple UI MOONGIFT
Ripple UIはGoogle Chrome用のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 スマートフォンデバイスは数多く存在します。そうしたデバイスに対応したWebサイトを効率的に開発できるのがRipple UIです。 インストールします。 インストールすると、各Webサイト単位でRipple UIの有効/無効を設定できるようになります。 起動しました。 設定はデバイス、向き、位置情報、傾きなどを変更できます。 白いテーマもあります。 Ripple UIを使うと各種デバイスに対応した画面サイズ、加速度センター、位置情報などをWebサイトに送信できます。シェイク操作をすると実際にデバイスが震えます。Ripple UIではWebサイトだけでなくPhoneGapやWebWorksをエミュレートして実行も可能です。 MOONGIFTはこう見る スマートフォンサイ
フラットデザイン｜Flat UI Colors
280 handpicked colors ready for COPY & PASTE
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - digininja/DVWA: Damn Vulnerable Web Application (DVWA)
GitHub - davecheney/httpstat: It's like curl -v, with colours.
https://jp.techcrunch.com/2015/02/20/20150219google-launches-security-scanner-to-help-find-vulnerabilities-in-app-engine-sites/
最近のフロントエンドツールの紹介
正しいクレジットカードの入力フォームを提供『Creditcard.js』 | 100SHIKI
SmartCanvas - Smart Canvas - 動画広告・リッチメディア広告配信プラットフォーム
