Webフロントエンド開発で役立つサービスまとめ - Qiita
この記事では、Webフロントエンド開発において役に立つと思われるサービスやツールをまとめます。 全般 Can I use 指定した特定の機能が、どのブラウザのどのバージョンで利用可能かを確認するためサービスです。新しいJavaScriptのAPIやCSS3の機能を使ってモダンなWeb開発を行う場合、必須とも言えるくらい利用することになります。 指定した国におけるブラウザのシェア情報をもとにして、特定の機能が何割のユーザーで使用可能かを調べることもできます。 npm / webpack BUNDLE PHOBIA 指定したnpmパッケージのサイズを調べるサービスです。近年のWebではページの表示速度が非常に重要視されており、Webサービスにバンドルするパッケージのサイズも極力小さくすることが求められています。パッケージのサイズを調べる方法は多々ありますが、このツールの場合はパッケージ自体のイ
HTTP Responder - WebHookを使った開発を便利に MOONGIFT
WebHookはシステム連携するのに便利な仕組みですが、呼び出されるのがサーバ側とあって、開発時の確認がしづらいのが問題です。ngrokなどを使ってローカル環境を外部に繋ぐこともできますが、準備が面倒と感じる人もいるでしょう。 そこで使ってみたいのがHTTP Responderです。WebHookの内容を確認できるWebサービスです。 HTTP Responderの使い方 最初に自分の好きなURLを設定します。 後はそのURLに来たアクセスについて、細かく情報が確認できます。 HTTP Responderで設定したURLをWebHookに設定することで、どういった情報が送られてくるかが一目で分かるようになります。さらにレスポンスも決めることができます。URLを複数作れるので、サービスごとに分けられるのも便利です。 HTTP Responderはnode/JavaScript製のオープンソー
コーディングをするときに鼻血がでるほど便利なwebツールリスト - Qiita
普段お世話になっているwebツール達の紹介です。 以下のサイトはすべて 無料 & 登録不要 です。 正規表現 regexper 正規表現を可視化してくれます。 複雑な正規表現を書くときやコードリーディングのお供に重宝します。 Rubular Rubyの正規表現をテストできます。 JSON JSON FORMATTER & VALIDATOR JSON系のツールが集まったサイト。 それぞれ、サイト名とドメインが違うのでリンクはそのうちの１つになっています。 (画像クリックでそれぞれのツールに飛べます。) ひとつずつ紹介します。 JSONをフォーマットしてくれます。 出力結果は折りたたむことができるので、長いJSONを読むときにも便利です。 JSONを含めた様々なデータ形式を変換できます。 Inputの以下に対応。 CSV INI JSON XML YAML Outputは以下に対応。 JSO
webのプロジェクトフォルダ直下のファイルの意味をまとめてみた - Qiita
(2017/06/02) package-lock.jsonについて追記しました。 昨今のweb開発では、プロジェクト直下に多くのファイルが配置されます。 本エントリーでは、1つ1つのファイルがどんな意味を持つのか、どんな技術で使われているのかをまとめました。ピックアップしたのはGoogleのWeb Starter Kitの一部と、筆者がよく使う技術です。 次のファイルについて紹介します(随時更新中)。 package.json .gitignore webpack.config.js gulpfile.js .eslintrc tsconfig.json tslint.json yarn.lock package.json npmの設定ファイルです。 npmとは、Node.jsのパッケージを管理するためのツール。Node.jsのパッケージとは、Sassを使うためのnode-sassパッケ
10年のツケを支払ったフロント界隈におけるJavaScript開発環境（2016年4月現在）。 - 日々、とんは語る。
2015年はCSSが普及した以来となる10年に1度のフロントエンド大変革期で、それまでのツケが一気に回ってきたと個人的に感じていました。目まぐるしく状況が変化していきましたが、2016年になり、個人的にだいぶ落ち着いてきたと感じているので、ここらへんでまとめておきたい思います。 最初に結論を書いておくと、 『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide』 という組み合わせが、いま僕の採用しているJavaScriptの環境です。 主要ライブラリは React A JavaScript library for building user interfaces | React 去年、一気に普及したReact
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから 〜Web動向からWeb屋に必要な技術を考えてみる〜 FutureSync Vol.5 で発表したスライドです。 タイトルは釣りです。前半はほぼネタです。 中身はJavaScriptで動作するデバイスは楽しいからみんなやってみたら？ という内容です。Read less
オフラインWeb開発 #html5j
常時接続が一般化し、ブラウザ上のオフライン動作の需要は減少 （逆にネイティブアプリケーションすらオンライン動作を要求）
Web開発のガイドライン・ツール集 - ふろしき Blog
★ Windows 7のWebシステム開発は、IEの方針転換により変化が求められる Windows XP時代に主流であった「バージョン依存型」は、非推奨となりました。IEはかつて、様々なバージョン特化の作り込みを支援する機能を提供してきましたが、バージョンアップを繰り返す都度、非推奨化と削除を繰り返し、現在の最新のIEでは殆どが動作しなくなりました。 現在は「機能/動作検出型」で開発を行わないと、Webシステムは想定外のリスクに晒されることになります。場合によっては、システムのライフサイクルに致命的な問題を作りこむことになります。 ★ Win7のIEの移行対応は、Win9x/WinXPの時ほど簡単にはいかなくなった 古いシステム、具体的にはIE8以下を対象に開発されたWebシステムを、上位のバージョンのIEでも維持させるには、IEの過去のバージョンの動作を再現させる機能「ドキュメントモード
node.jsもPHPもMySQLも使えるPaaS「Webサイト」「モバイルサービス」が正式メニューに
node.jsもPHPもMySQLも使えるPaaS「Webサイト」「モバイルサービス」が正式メニューに：Web＆アプリ開発の「リアル」に対応 設定すればすぐに使える「ターンキー型」のWeb・モバイルアプリ向けのサービスが正式リリースとなった。LAMP構成のWebアプリケーションも簡単に構築できる。 日本マイクロソフトはWindows Azureサービスにおいて、「Webサイト」「モバイルサービス」の正式運用を2013年6月27日から開始した。「Webサイト」は、PHPやnode.jsの動作環境が用意されているWebサーバインスタンスを利用できるサービス。 HTTPSを使用するセッション用にSNIとIPベースのSSL証明書の両方に対応したSSL機能も提供する。カスタムドメイン機能では、AレコードとCNAMEレコードの両方に対応する。 一方の「モバイルサービス」は、スマートフォンを対象としたア
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
10年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話
開発者のためのコラボ用テキストエディター「EtherCodes」 | ライフハッカー・ジャパン