ホームページ » コーディング - ページ 17

    コーディング - ページ 17

    React.jsを始めよう
    React.js です 柔軟でコンポーネントベース JavaScriptライブラリ 対話型ユーザインタフェースの構築. そうだった Facebookによって作成およびオープンソース化された Dropbox、AirBnB、PayPal、Netflixなど、多くの主要なハイテク企業で使用されています。 Reactは開発者を可能にします データ量の多いアプリを作成する それは苦労せずに更新することができます 必要なコンポーネントだけを再レンダリングする. 反応は からレイヤを表示 MVC ソフトウェア設計パターン, そしてそれは主に DOM操作に焦点を当てています. 最近では誰もがReactについて語っているので、この記事では私たちはあなたがどのようにできるかを見ています。 それを始めます. Reactをインストール Reactをインストールすることができます npmパッケージマネージャを使って またはによって 必要なライブラリを手動で追加する あなたのHTMLページに。おすすめです BabelでReactを使う それはあなたがすることができます ECMAScript6構文とJSXを使用する Reactコードに....
    JavaScriptプロミス入門
    非同期コード あるタスクを実行するのに便利です。 時間がかかる しかし、もちろん、それは 短所がない. 非同期コードの用途 コールバック関数 結果を処理するため、ただしコールバック関数 値を返すことはできません 典型的なJavaScript関数は. したがって、彼らは私たちの能力を奪うだけではありません 機能の実行 しかしまた作る エラー処理 少し面倒です。これはどこです 約束する 物 それはの一部を埋めることを目的としているので、入ってくる 非同期コーディングの穴. 約束する 技術的には 標準内部オブジェクト JavaScriptでは、つまり JavaScriptに組み込み. それを表すために使用されます 非同期コードブロックの最終結果 (またはコードが失敗した理由)そしてを制御するためのメソッドがあります 非同期コードの実行. 構文 作成できます...
    Gulp.jsを始めよう
    GulpはJavascriptベースのツールで、ワークフローの一部を自動化することができます。自動化は文字通り1日の時間を節約できます。あなたが開発者であろうと、時折HTMLワイヤフレームを作成するデザイナーであろうと、私はあなたが掘り下げることを勧めます。. この記事では、インストールから基本的な構文、そしていくつかの例まで、Gulpの基本的な使い方を見ていきます。記事の終わりまでにあなたはできるようになるはずです 他の人がGulp用に作成したパッケージを見つけてインストールして使用する SASSのコンパイル、画像の最適化、スプライトの作成、ファイルの連結などを行います。! Gulpのインストール 心配しないで、インストールはとても簡単です。 OSXとLinuxの端末、またはWindowsのコマンドプロンプトを使う必要があります。これからはターミナルと呼びます。. それを開き、npm -vとタイプしてEnterを押してください。バージョン番号が表示されている場合は、ノードがすでにインストールされています。これはGulpの依存関係です。. あなたが得るなら “コマンドが見つかりません” (または同様のエラー)、Node.jsのダウンロードページに進んで、システムに適したパッケージを選択してください。インストールが完了すると、npmコマンドが端末で利用可能になります。. Gulpのインストールは同じくらい簡単です。以下のコマンドを端末に貼り付けてください。 npm install --global gulp これはGulpコマンドをインストールします。これはあなたのシステムでグローバルに利用可能になります。. プロジェクトにGulpを追加する Gulpがインストールされましたが、それを必要とする各プロジェクトに別々に追加する必要があります。今すぐ空のフォルダを作成して、あなたのターミナルでそれにナビゲートしてください。プロジェクトのフォルダ内にいる間に、次のコマンドを使用します。 npm install --save-dev gulp これにより、プロジェクトフォルダーにnode_modulesフォルダーとnpm-debug.logファイルが作成されます。これらはGulpがあなたのプロジェクトのためにそのことをするために使用します、あなたはこの段階でそれらについて考える必要はありません。. 特定の各プロジェクトにGulpを追加する必要があるのは、 プロジェクトごとに要件が異なります. 1つはSASSを呼び、もう1つはLessを呼びます。 1つはCoffeescriptを使用し、もう1つは使用しないなどです。. Gulpfile...
    このサイトであなたの技術スタックと一致するコーディングの仕事を見つけてください
    典型的なPHP / MySQLスタックは 唯一の選択肢ではなくなりました Web開発者向けNode、React、そしてMongoのようなNoSQLデータベースのような新しい技術は開発の面を根本的に変えました. これは、したいコーダーに最適です。 彼らのスキルを多様化する そして 関連性を保つ 雇用市場で。それが理由です スタックマッチ そのような貴重なツールです. それは 無料の検索エンジン それ 仕事を引っ張る Stack OverflowやGitHub Jobsのような多くのより大きなボードから。スタックマッチはあなたをすることができます 検索を制限する IIS / .Net、PHP / MySQL、MEAN、その他のWeb技術のいずれで作業しているかにかかわらず、お好みのツールに基づいて. 検索フォームは 4つの分野 あなたが潜在的な仕事を制限するのを助けるために: 含めるツールまたは言語 除外するツールまたは言語...
    Open LaravelでオープンソースのLaravelプロジェクトを探索する
    Web開発者は、時間を節約し、コード品質を向上させるため、フレームワークを気に入っています。沢山あります PHPフレームワーク だけど ララヴェル はるかに最高です. あなたがLaravelにたどり着いたばかりなら、たくさんのことを学ぶことができます。 他人のコードを勉強する. それはどこです Laravelを開く 便利になる. このサイトは 分散リポジトリ 世界中から最高のオープンソースLaravelプロジェクトをキュレーションします。これらすべてのプロジェクトは 自由に勉強できます プロダクション対応サイトを構築する人に最適. これを書いている時点で、Open Laravelには75のプロジェクトがあり、十分なスペースがあります。新しいリポジトリの提案がある場合は、サイトに送信することができます。しかし、それはする必要があります GitHubでホストされています 簡単にアクセスできます. 私はこのサイトについて好きではないことの一つは 検索やフィルタリングの欠如. あなたは手動で各ページを閲覧しなければなりません、年代順に提出を通してさかのぼります。これはおそらく閲覧するには最も効率の悪い方法ですが、Open LaravelもLaravelリポジトリにとって最良のリソースです。. プロジェクトをクリックすると、たくさんの素晴らしい情報が得られます。 プロジェクトのホームページへのリンク GitHubリポジトリへのリンク 合計星/フォーク プロジェクトが追加された日付 このサイトのほとんどのプロジェクトは 本物のウェブサイト...
    WordPressの投稿、ページ、ウィジェットサイドバーでPHPを実行する
    特定のブログ記事、ページ、またはウィジェットのサイドバーにPHPコードを挿入して実行する方法にまだ苦労している場合。次のチュートリアルはあなたのためです。. WordPressのページ/ポストでPHPコードを実行する インストール phpexec.txtをダウンロード リネーム phpexec.txt に phpexec.php / wp-content / plugins /ディレクトリにアップロードする WordPress管理メニューからプラグインを有効にする 使用法 あなたの投稿/ページのどこにでもPHPコードを実行したいかを挿入してください。 あなたのPHPコードの前に あなたのPHPコード. セキュリティ 複数のユーザーでブログを運営している場合は、誰がこのプラグインを実行できるかを判断する必要があります。管理メニューの設定を変更する. オプション - > PHPExec WordPressウィジェットサイドバーでPHPコードを実行する インストール ダウンロード プラグイン. execphp.txtをexecphp.phpに変更します。 /...
    ECMAScript 6 - 10素晴らしい新機能
    JavaScriptが(JScriptおよびActionScriptと共に)ECMAScriptと呼ばれる汎用のクライアントサイドスクリプト言語仕様の実装であることをご存知ですか?この厄介な定義をもう少し魅力的にするために、ECMAScript(または正式にはECMA-262)は JavaScriptの使用方法と達成できる内容を定義する標準 それと. 言語の最新の第6版、ECMAScript 2015(またはES6)は、1997年の最初のバージョン以来のおそらく最も重要なアップデートです。最新リリースの主な目的は、より大きなアプリケーションとライブラリを作成するためのより良いサポートを提供することです。これは、より成熟した構文、コーディングを容易にするための新しいショートカット、そして新しいメソッド、キーワード、データ型、その他多くの機能強化を意味します。. ES6のドキュメントは充実しています。読みたい場合は、ECMA InternationalのWebサイトから仕様全体をダウンロードできます。この記事では、ES6にはもっと多くの機能が提供されていますが、厳選された10の機能について説明します。それを試してみたいのであれば、ES6 Fiddleがそれを行うのに最適な場所です。また、そこにいくつかのサンプルコードスニペットもあります。. ECMAScript 6のサポート ブラウザのベンダーは、ECMAScript 6の機能に対するサポートを徐々に追加しています。新しい機能に対するブラウザおよびコンパイラのサポートについては、こちらのすばらしい互換表をご覧ください。. Node.jsでのES6サポートに興味があるなら、こちらのドキュメントをチェックしてください。. 現在すべての機能がサポートされているわけではありませんが、Babelのようなtranspilerを使ってES6コードをES5に変換することができます。 Babel用のクールなGruntプラグイン、Grunt用の素晴らしいES6プラグイン、そして素晴らしいGulp-Babelプラグインがあるので、幸運にもたくさんの選択肢があります。. これにより、互換性の問題について心配する必要はありませんが、強化された構文と機能を使い始めることができます。それでは、機能を見てみましょう. 画像:Github1.新しい させて キーワード ES6は新しいを紹介します させて ステートメント、式、(n inner)関数など、ブロックの範囲内でローカル変数を宣言できるようにするキーワード。例えば、 にとって 次のようにループしてから、同じ変数名を再利用します(スコープは にとって 次の中のループ) もし ステートメント: ((i...
    日付と時刻を表示する
    私達はそれらの日付と時間に出会います…ええ、毎日。 Webに関しては、モバイルアプリ、Eメール、メッセージングアプリ、その他多くの場所でそれらを見つけることができます。それでも、毎日そして至る所で日付と時刻を見ているにもかかわらず, 我々はまだそれのための普遍的なフォーマットを採用していません. たとえば、2015年10月5日に書いた場合、「10」が月または日付であるかどうかを確認することはできません。フォーマットが変わることもあれば、言語が変わることもあります。. Web開発者として、私たちは自分のプロジェクトで扱う日時に注意を払うことが重要です。 地理的に異なる住民に食料調達する 矛盾なく。この記事では議論します 何を避け、何を受け入れるべきか 日時を表示することになると. グローバリゼーション 世界中の異なる視聴者に異なる日付と時刻の形式を変換して表示したくないとしましょう。どうすればよいでしょうか。私達は1つの全体的なフォーマットを選び、それに固執します。ここにいくつかの規格が効くところです。その前に、U3CタイムゾーンでISO 8601日付フォーマットを使用することをW3Cが推奨することをアドバイスしなければなりません。. ISO 8601 ISO 8601は、数字を使用して日付と時刻を表すための国際的に認められた方法を説明しています。. 完全な日付の形式は次のとおりです。 YYYY-MM-DD, 例えば: 2015-07-28 YYYY = 4桁の年MM = 2桁の月(01 = 1月など)DD = 2桁の日(01から31) 完全な日時の場合YYYY-MM-DDThh:mm:ss.s,...