コーディング - ページ 21

過去2、3年の間にWebの設計と開発が急速に進歩しているため、Web開発者の作業を容易にするためのより良いアプローチで、ますます多くの新しいツールが導入されています。 角度付き、バックボーン, そして エンバー. これらは、MVCアーキテクチャを使用してWebアプリケーションを構築するために使用されるいくつかの一般的なJavaScriptライブラリです。それはアプリがすることができます モジュラー そして 簡単にメンテナンス可能. しかし、あなたはどのようにしてあなたの特定のプロジェクトのために3つのライブラリのうちどれを選ぶべきかを知っていますか？以下は役に立つかもしれないインフォグラフィックです。 Web Design Degree Centerによって作成されました。これは、Angular、Backbone、およびEmberを比較して、自分のプロジェクトに適したライブラリを決定するのに役立ちます。.

正規表現は、文字列内で検索できるパターンを形成する一連の文字です。正規表現はのために使用することができます 検証 クレジットカード番号の検証などに サーチ すなわち、複雑なテキストマッチを通して、そして 一致したテキストを置き換える 他の文字列と一緒に。多言語サポートもあります - 一度習得すれば、さまざまなプログラミング言語で使用できます。. 私は少数の人々が正規表現を最初に見て、それを完全に無視するのを見ました。彼らのせいではありません。 regexの構文は複雑で、コマンドライン言語と同じように多くの問題を引き起こします。しかし、それからすべての新しいことは怖いですし、最初は学ぶことは不可能です。それで、Horatiusの言葉を借りてこれを言います。 始めて、大胆になり、そして賢明であるように冒険しなさい. 正規表現について Regexは神経科学と数学にその起源があり、テキスト検索のためのQEDテキストエディタでKen Thompsonによって1968年にプログラミングで実装されただけです。今ではPerl、Java、Python、Ruby、そしてJavaScriptのような多くのプログラミング言語の一部です. 正規表現のしくみの例をいくつか見てみましょう。. 私の例ではJavaScriptを使用します。今、初心者レベルに合格するためには、すべてを学ぶ必要があります。 文字、クラス、数量詞、修飾子、およびメソッド 正規表現で使われます。これがMozilla Developer NetworkのRegular Expressionページへのリンクです。ここにはそれらすべてを含むテーブルが表示されます。また、この記事の最後にあるチートシートを最もよく使われる文字で参照することもできます。. 説明付きの簡単な例を見てみましょう。これは正規表現です. これは、上記の正規表現が1行の中で、文字 'B'とそれに続く 'a'から 'z'、 'A'から 'Z'までの任意の文字の1つと0から0までの数字を探すものです。 9....

Node.js - 簡単に言えば - は サーバーサイドJavaScript. 最近は多くの話題を呼んでいます。あなたがそれについて聞いたことがあるか、あなたがそれを学び、それを手に入れることに興味があるなら - この投稿はあなたのためです. それでは、サーバーでJavaScriptを使用することの正確さは何ですか？ Node.jsの概念を明確にするために、私はそれをPHPのような通常のサーバーサイド言語と比較したいと思います。 Node.jsは イベントベースのサーバ実行手順 PHPのマルチスレッド実行ではなく. それをさらに説明するために、私達はの考えについて話します。 Node.jsとは何ですか いくつかと一緒に ホスティングプロバイダの提案とインストールのヒント. JavaScript、jQuery、およびAjaxの中級レベルの知識が必要ですが、全体の内容を理解しやすくするための例も提供しますので、Node.jsについて詳しく学んでください。! ケースを考えましょう。 低速の別のWebサーバーから動的にコンテンツをロードする必要があるWebサイトを考えてください。 PHPでは、2つの方法でそれを行うことができます - 単純なファイルにコーディングする そして 別のスクリプトとしてコーディングする, それから マルチスレッドアプローチで実行する. 最初の方法では、コードは単純ですが 実行はしばらく一時停止します...

Appleは、長年にわたりiPhoneとiPadのシリーズでモバイルの世界で業界をリードしてきました。すべての公式リリースで生み出される誇大宣伝にもかかわらず、それはまたモバイルプラットフォームのマーケットシェアの大部分を占めています、そしてこれはおそらくほとんどのクライアントが彼らのアプリがAppleのアプリストアに存在することを望むだろう理由です。そのため、開発者がiPhoneアプリを学び、構築する理由になります。. 良いニュースは、iPhoneアプリケーションの開発はあなたが思っているほど難しくはないということです。この記事は、iPhone用のアプリケーションを構築するプロセス全体を説明するための包括的なガイドとして存在します。. アプリを開発する理由、フェーズ、およびツールについて説明します。最終的には、Xcodeを使用して基本的なiPhoneアプリケーションを設計するための簡単なチュートリアルに従います。. それで、あなたがビジネスのために学んでいるかどうか、あるいはあなたがあなたを億万長者にするかもしれない素晴らしいアプリのアイデアを持っているかどうか、あなたの最初のiPhoneアプリを構築することから始めましょう。! 注：Xcodeのインストール、アプリケーション開発、およびアプリケーション送信には、Macintoshオペレーティングシステム（Mac OS）を搭載したコンピュータが必要です。合法的にWindows上で実行することはできません。. なぜApple用に開発するのか? 私はこの質問が頻繁に尋ねられるのを見ますので、私はあなたがなぜiPhone開発に興味があるべきか説明したいと思います。冒頭で述べたように、iPhoneは現在のところ モバイルプラットフォームの市場シェアの大部分を占める. 自分で開発しているのかクライアントで開発しているのかのように、iPhoneアプリケーションの開発を習得するには、この理由で十分なはずです。ほとんどの人は、おそらく自分のアプリに世界中の人がアクセスできると考えています. 開発の観点から, アップルは物事がシンプルが好き, そしてこれは彼らの製品とフレームワークに適用されます。. iOSは、アップルのすべてのモバイルデバイスを動かすオペレーティングシステムです。. これらにはiPod Touch、iPhone、iPadが含まれます。だから、iPhone用のアプリケーションを開発しているときは、 iOSを使用して他のすべてのデバイス用に開発する! さらに、上記の機能をさらに強化するのは、コーディング作業をどれだけ節約できるかということです。 iPhoneアプリケーション用のコードを書くとき すべてのアップルのコンピューティングデバイスに同じプログラミング言語を使用する. つまり、iPhoneアプリケーションを開発しているときには、そのアプリケーションを後でiPad、さらにはMacに統合することができます。. Objective-C すべてのフレームワークを動かすコアプログラミング言語です。 Objective-Cと並んで、あなたもiPhoneアプリを開発するでしょう。 ココアタッチ, iOS上でユーザーインタラクションを推進するプログラミングフレームワーク. これは、iPhoneアプリの開発を始める上で必要な情報です。開発は非常に複雑なプロセスですが、ゆっくりしてください。だから理由はここにあります、そして決定はあなたのものです。答えがイエスであるかどうかにかかわらず、あなたはいつでも次のトピックに飛び乗ることができます： iPhone用のアプリを設計する. iPhoneアプリの構造を計画する iPhoneアプリを作成する際の標準的な考え方では、次のことを行います。...

高速モバイルページ モバイルWebの最大の問題を解決することを目的としたGoogleのイニシアチブです。 - 速度. 私たちが細心の注意を払って設計している素晴らしいユーザーエクスペリエンスは、モバイルでは非常に遅いです。. 遅さは単にUXの問題ではなく、 コンバージョン率を下げる, そして アクセシビリティに害を与える インターネット接続が遅いユーザーを除外することによって. AMP は、出版社が モバイル向けに最適化されたコンテンツを一度作成する それはどこでも即座にロードする. 発売以来、BBC、エコノミスト、ガーディアンニュース、フィナンシャルタイムズなどの多くの出版社がこのイニシアチブを実行してきたので、今では安全にAMPをモバイルで競争力を維持したいすべての人にとって考慮に値するイノベーションとみなします。ウェブ. AMPインアクション 詳細に飛び込む前に、ここにあります AMPデモ, だからあなたはできる 実際に見る. デモはこのリンクからアクセスできます. AMPの動作を確認するには、2つのことをする必要があります。 モバイルデバイス上、またはモバイルシミュレータ上などでデモを表示します。 Chrome DevToolsのモバイルデバイスシミュレータ. 検索バーで検索クエリを実行します。 Google AMPは現在ニュースサイトで主に機能しているので、最良の選択は新鮮なニュースストーリーです。. 下のスクリーンショットで、あなたが私が検索語を使ったときに得たものを見ることができます リオオリンピック....

Sass 最新のCSSを管理する最良の方法は ミックスインライブラリ 開発サイクル中にさらに時間を節約することができます. これらのmixinは次のように動作します 自動コードまたは機能 メインのSassファイルで呼び出すこと。ミックスインの中にはより一般的なものもあれば、非常に特殊なものもあります。 Family.scssライブラリ. この無料ライブラリーは、 26ミックスイン ランニング用 複雑な ：nth-​​child セレクター すべてのコードを暗記せずに. ほとんどの開発者は ：nth-​​child セレクタとデフォルトで、それは確かに複雑ではありません。あなたは単に 数値セレクタを渡す, 例えば nth-child（2） 所属スタイルの規則が親要素の2番目の子すべてに適用される場所. ただし、選択したい場合は、これがはるかに複雑になります。 動的要素 （最初と最後のような）またはあなたが選択したいとき 小さな一握りの要素 （最初の3人の子供など）. これはFamily.scssが役立つことができる場所です。それは非常に小さい図書館です、そしてそれは子供のセレクターのための26の解決策を含みます ベーシックからスーパーコンプレックスまで. 各mixinのホームページにはデモがあり、必要に応じてブラウズおよびフィルタリングできます。....

ウェブワーカー あなたができるJavaScript APIです メインスレッドとは別のスレッドでスクリプトを実行する. バックグラウンド風のスクリプトが原因で、メインスクリプトの実行に支障がない場合に便利です。. Web Workers APIは ほとんどすべてのブラウザでサポートされています, より詳細な情報については、CanIUseのドキュメントをご覧ください。コードを理解する前に、このAPIを使用する必要がある可能性があるシナリオをいくつか見てみましょう。 背景風スクリプト. ユースケース そのスクリプトがあるとしましょう ファイルを取り出して処理する. ファイルが かなり 大きすぎると、処理に時間がかかります。これは後で実行されることから後で呼び出された他のスクリプトを失速させるかもしれません. しかし、 ファイル処理はバックグラウンドスレッドに移動します, として知られている ワーカースレッド, 前のイベントが終了するまで他のイベントはブロックされません. スクリプト バックグラウンドワーカースレッドで実行されます。 として知られている ワーカースクリプト または単に ワーカー. 別の例として、 タブで配置された大きなフォーム....

の CSSスクロールスナップモジュール 私たちにいくつかの制御を与えるWeb標準です。 Webページをスクロールする ユーザーがページのどこかにではなくページの特定の部分にスクロールできるようにする. スクロール ウェブサイトで最も実行された行動の1つです。ブラウザは、長年にわたって、持っている スクロールパフォーマンスを改善しました ユーザーの素早い指の強さに合わせます。そして、開発者は 創造的にスクロールを使用 より優れた、またはすぐに使えるユーザーエクスペリエンスを実現するため. しかし、それが相関関係になると コーディングとスクロール, JavaScriptだけが後者をある程度制御できるように見えました。これは長い間そうでしたが、 スクロールスナップポイントの紹介, CSSが追いつき始めた. スクロールスナップポイントなしでスクロールする 一般的に、私たちは特に電話では、とても遅くスクロールしません。あなたが速くスクロールするほど、あなたが持っているコントロールは少なくなります 画面のどこに行きますか スクロールを止めたとき. Webサイト上の一連の製品イメージ、写真のギャラリー、またはオンラインスライドをスクロールしているとします。そのようなアプリケーションであなたが望むことは 製品、写真、スライド全体を見る スクロールするたびに。 aだけでなく 部 製品の画像、写真、またはスライドの. たとえば、以下のデモでは、ユーザーがスクロールを停止するたびに表示されます。 画像の約半分が見える 画面下部にあります。ただし、ほとんどのユーザーは最後の画像を完全に表示することを好みます。. スクロールスナップポイントでスクロールする...