Webデザイナーおよび開発者向けのフレッシュリソース(2018年2月)
このシリーズを何年もの間カバーしてきたので、私はツールが出入りするのを目撃しました。 A 毎週、いくつかの新しいツールがリリースされています。. しかし、ここ数週間で私はそれが少し遅くなっていると思います、それは私をいつもより少し長くしました Githubやその他の情報源を調べて新しいツールを探す それは無料で、オープンソースで、そしてこのシリーズで言及する価値があります.
本日の記事では、JavaScriptフレームワークからのツール、テストツール、そしてWordPressサイトを開発するためのツールをいくつか紹介しました。チェックしてみましょう.
クット
あ あなた自身のドメイン名でURLを短くするアプリケーション. Node.js、React、Reduxのような最新のスタックの上に構築されています。 パスワードで保護されたURL、RESTful APIなどの組み込み機能, URLを監視するための詳細な統計情報一番いいのは無料だし、自分のサーバーでホストできるということだ。.

WordHat
WordHatは BehatをWordPressに統合するためのツール. Behatは、より表現力豊かな方法でPHPアプリケーションをテストできる、PHP用のオープンソースの動作駆動開発(BDD)フレームワークです。.
あなたのWordPressテーマとプラグインが機能をより複雑にするので、あなたはこのツールが非常に役に立つと思うでしょう。 WordHatとBehatはあなたのテーマやプラグインが期待通りに振る舞うようにします ユーザーが対話したとき.

WPブラウザ
WordHatと同様に、WP-BrowserはCodeceptionの拡張です。 WordPressアプリケーション、テーマ、そしてプラグインのために特別に設計されています. 共感は実行するためのツールです テスト中 あなたのアプリケーションでは、PHPUnitやBehatと似ていますが、もっとバンドルされています。それで、あなたはすることができます ブラウザテスト、BDD、ユニット統合テスト、およびAPIテスト.

ノードWP国際化
その名前はそれ自体を代弁しています。それはあなたのテーマやプラグインを国際化するためにたくさんのことを自動化するNodeJSモジュールです. モジュールをインストールしてタイプ wpi18nメイクポット
POTファイルを生成する WordPressのプラグインやテーマの翻訳可能なテキストから.

ありがとう
Githubで最近注目されている他のNodeJSモジュール. “ありがとう” 意志 あなたのオープンソースプロジェクトで使われているパッケージのメンテナのリストを生成します そしてコミュニティへの貢献の感謝の印として彼らの寄付またはOpenCollectiveページにそれをリンクしてください.

グーテンブロックを作成する
グーテンベルクは聞いてあり、WordPress 5.0に同梱される予定です。これは グーテンベルクブロック開発の定型文を生成するためのNPMモジュール React、Webpack、Babel、Sassなどの最新のスタックを使用します。単にコマンドラインを実行する ,create-guten-block
, そしてあなたはすべて設定済みです.

WPヴュー
WP Vueは WordPressの投稿を表示するためにVueで構築されたテンプレート. あなたのWordPressサイトを作りたいのであれば、このテンプレートは素晴らしい出発点です。 頭のない. デモページでそれがどのように機能するかを見る. WP-API URLのエンドポイントのURLを任意のWordPressサイトから変更する;それは自動的に新しいエンドポイントURLからのもので投稿を再入力します.

刺激
A Basecampからの新しいJavaScriptフレームワーク. ReactやVueとは異なり、アプリケーション全体をJavaScriptで記述したり、合成属性を追加したりする必要はありません。.
StimulusJSは、私たちがすでに知っているプレーンなHTMLで動作します。 データ-
属性複雑なビルド構成も必要ありません。あなたはできる jQueryの場合と同じように、Webページにスクリプトを追加するだけです。 それだけです - スクリプトを書き始めてアプリケーションを稼働させます。.

マンタ
A 請求書を作成および管理するための無料のアプリケーション. メモを追加したり、通貨を設定したり、割引を適用したり、顧客または顧客のリストを追加したりできます。, ロゴを追加し、請求書テンプレートをデザインし、それをPDF形式でダウンロードする. macOS、Windows、およびLinuxで利用可能です。あなたがフリーランサーなら、これはあなたがあなたのフリーランスビジネスを運営するために探していた請求書かもしれません.

静的に反応
名前が示すように、これはあなたを可能にするツールです。 Reactを使って静的サイトを生成する. あらかじめ設定されているすべてのツールがバンドルされているので、Web用のコンテンツの制作を始めることができます。そして静的なサイトであること、あなたはすることができます 低リソースの共有ホスティングでもサイトをホストする.

ピクリスト
Piklistは開発ワードプレスです あなたはより少ないコードでWordPressで複雑なウェブサイト設定を構築することができます. 設定ページなど、WordPressのほぼすべての部分を拡張するための一連のヘルパー機能とフックが付属しています。, カスタムフィールド、管理者通知、ショートコード、ウィジェット、分類法、ユーザー, そしてもっとたくさん.

ストラピ
A コンテンツAPIを構築するためのコンテンツagnositic CMSフレームワーク. それはあなたがあなた自身のコンテンツ構造とAPIをデザインすることを可能にするだけでなくそれらを管理するための美しいAdminパネルを提供します。ただし、テンプレートシステムは組み込まれていません。それ 好みのフロントエンドライブラリを選択できます。 ReactやVueなど.

ParcelJS
ParcelJSは バンドラー WebpackやBrowserifyとよく似ていますが、非常に高速で、設定が不要である点が異なります。それ HTML、JS、CSS、およびトランスフォーマー用の共通開発バンドルをサポート PostCSSやBabelなどのxboxのようなもの。そのため、設定に時間を無駄にすることなく、コードに集中することができます。.

グッドシェア
JavaScriptライブラリ ソーシャルメディアボタンをいくつかのソーシャルメディアのシェア数とともに表示する. これは、Vkontakte、Odnoklassniki、SurfingBird、Skype、WhatsApp、LINEなどの数少ないメッセンジャープラットフォームなど、これまでに聞いたことのないソーシャルメディアをサポートします。 GoodShareはVueコンポーネントとしても利用可能です.

CopyChar
あなたができるWebサイト 特殊文字を見つけてクリップボードにコピーする. 文字、句読点、数学、矢印、および絵文字は、サイトに含まれている文字の一部です。単に 文字をクリックまたはタップして、その文字をクリップボードにコピーします。.

ネルフ
ネルフは別です 反応性VirtualDOMライブラリ。 ReactJSに代わるもの. それはReactのよく知られたシンタックスJSXをもたらしますが、顕著な違いはほとんどありません。 NervはInternet Explorer 8をサポートしています。それはReactサイズの3分の1にすぎません。それでも, NervはReactアドオンの中でも最も複雑なものと互換性があります。.

ハイパーラップJS
Webアプリケーションを構築するために検討する価値があるもう1つのJavaScriptライブラリー。それ 状態管理と仮想DOMエンジンを組み合わせたもの キー更新とライフサイクルイベントをすべて依存関係なくサポートします。.

バルカンJS
バルカンは 最新のWebアプリケーションを構築するためのツールのスタック. React、GraphQL、Meteorにあらかじめ設定されています。フルスタックフレームワークなので、さまざまなヘルパーコンポーネントが バックエンドとフロントエンドに微調整された、すべてがそのまま使える. そのため、アプリをすばやく起動して実行することができます。.

Koa11y
ウェブサイト上のアクセシビリティの問題を調べるためのWindows、macOS、およびLinux用のデスクトップアプリケーション. Koa11yはあなたのウェブサイトがアクセシビリティ基準に違反しているかどうかについての通知と警告を提供します。.
これはすべてのWeb開発者ツールボックスの中のツールであるべきです。アクセシビリティの重要性を理解するために、1日だけキーボードを使ってWebサイトを移動してみてください。.

TablePlus
本当に データベースを管理するための見栄えの良いGUIアプリケーション. TablePlusは(もちろん)MySQL、SQLite、Redis、Postgres、MS SQL、その他たくさんのデータベースエンジンをサポートしています。 TablePlusはmacOSとWindowsで利用可能です.
