ホームページ » ウェブデザイン » 30頭字語のWeb開発者は知っておくべき

    30頭字語のWeb開発者は知っておくべき

    Web開発業界の専門用語は非常に多く含まれています 頭字語 初心者にとっては気が重いのではなく、日々、日々利用しています。 時には開発者の練習にも難しい フォローする. 私たちのほとんどは安全にこのようなより一般的な頭字語を使用しています HTML, CSS, または HTTP, しかし、それほど広く使われていないものや新しいものについてはどうでしょうか。?

    この用語集では、読者を助けるために今日のWeb開発の記事や議論で頻繁に使用される30の頭字語を集めました。 現代の業界用語についていく.

    1. ARIA

    アクセス可能なリッチインターネットアプリケーション時々また使用される WAI-ARIA.

    World Wide Webコンソーシアム(W3C)によって公開されたWeb標準。 ARIA仕様は、Webコンテンツを作成するさまざまなフロントエンド方法論を定義しています 障害者向け スクリーンリーダーなどの支援技術(AT)でWebにアクセスする人.

    ACSS

    アトミックカスケードスタイルシート:Yahooが開発したCSSの書き方.

    ACSSはに基づいています 再利用可能な単一目的(Atomic)クラス そして 短くて予測可能なクラス名 それは直接HTMLをスタイルすることを可能にします。 Atomizerは、Webプロジェクト用のAtomicクラスを生成するのに役立つツールです。.

    3. AMP

    高速モバイルページ:Googleによって開始されたモバイルWeb標準。 モバイルサイトを早くする.

    AMPは、パフォーマンスを向上させるためにHTML、CSS、およびJavaScriptの使用方法を制限し、AMPランタイムを介して外部リソースのロードおよびスクリプトの実行に使用できるコンポーネントを提供します.

    4. API

    アプリケーションプログラミングインタフェース: 一連の 事前作成コード機能 APIの発行元によって指定された(プロパティ、メソッド、クラスなど) ベストプラクティスを使う そして 一貫したコードを書く.

    多くのWeb APIから選択できますが、Facebook、Twitter、Googleなどのソーシャルメディアおよびテクノロジサイトでも独自のAPIが公開されています。.

    5. BEM

    ブロック、要素、修飾子命名規則 読みやすく、一貫性があり、保守可能なCSSクラスを書くため.

    BEM方法論を使用するときは、プロジェクト全体を通して次のようなクラスを作成します。 に従います block__element - 修飾子 構文.

    • ブロック 次のようなスタンドアロンエンティティの名前です。 メニュー または ボタン.
    • 要素 次のように、ブロックのさまざまな部分または機能があります。 成功 または 警戒する.
    • 修飾子 次のようにブロックのスタイルを変更します。 または 小さい. 例えば, .button__alert - 大 有効なBEMクラス名になります.

    6. CDN

    コンテンツ配信ネットワーク:分散サーバーのネットワーク 重複したコピーを保存する 当社のWebコンテンツの.

    CDNを使用すると、サーバーから各ユーザーにコンテンツを配信できます。 その場所により近い または 過負荷が少ない. これにより、パフォーマンスを向上させ、サーバーのダウンタイムを短縮することができます。.

    7. CMS

    コンテンツ管理システム:さまざまな種類のデジタルコンテンツを公開、変更、および整理することを可能にするソフトウェア.

    WordPress、Drupal、Joomlaなど、ほとんどのCMSはWeb公開に使用されています。 CMS プレゼンテーションや機能とは別のコンテンツ, したがって、コーディングに関する知識がなくてもWebコンテンツを管理できるようになります。.

    8. CRUD

    作成、読み取り、更新、削除:データベース管理で使用される用語で、永続データベースの4つの基本機能が含まれています。.

    SQL, 4つの関連コマンドは次のとおりです。 インサート (作成用), SELECT (読み取り用), 更新 (アップデート用) DELETE (削除用).

    CRUD関数は、 典型的なデータライフサイクル 動的ウェブサイト上.

    9. CSSOM

    カスケードスタイルシートオブジェクトモデル: 一連の API ブラウザによって使用される CSSスタイルを正しくレンダリングする Webページ上.

    CSSOMは、Webページ上のすべてのCSSスタイル(セレクタとそのプロパティ)を表します。 ノードのマップとして. CSSOMは、次のようなツリー構造をしています。 DOM, しかしそれは別のデータモデルです.

    10. CTA

    アクションの呼び出し Webデザインでよく使われるマーケティング用語.

    CTAは、ユーザーまたは見込み顧客に送信されるメッセージです。 直ちに行動を起こす. Webデザインでは、CTAは通常、次のことを目的としたリンクを作成しています。 ユーザーにクリックを促す ボタン、バナー、広告など.

    11. DOM

    文書オブジェクトモデルAPI HTMLおよびXML文書の場合、これらの文書をレンダリングするためにブラウザーによって使用されます。.

    DOMは 文書の論理構造, そしてそれを表す ノードツリーとして どのノードがドキュメントのさまざまな部分を表すオブジェクトです。ノードは作成、修正、削除できます.

    12. ECMAScript(ES)

    ヨーロッパコンピュータ製造者協会スクリプトスクリプト言語の仕様 JavaScriptの構文は、JScriptおよびActionScriptと共に、その基礎となっています。.

    ECMAScriptは、標準化団体であるEuropean Computer Manufacturers Associationからその名前が付けられました。.

    13. FOSS

    フリーでオープンソースのソフトウェア:あるソフトウェア 無料 それが著作権にいかなる制限もないという意味で オープンソース 誰でもソフトウェアのソースコードにアクセスして変更できるという意味で.

    とも呼ばれる フロス. 見る GNUFOSSとFLOSSの用語に対する考え方.

    14. FTU

    初めての使用:はじめてのユーザー インストール後にソフトウェアをロードする.

    FTUはの重要な部分です アプリ採用プロセス. 次の場合にユーザー保持率を向上させることができます。 ユーザーオンボーディング 適切に設計されています。 FTUの間に私達はアプリがどのように機能するかを示すか、またはユーザーに重要なオプション(タイムゾーン、言語、好みなど)を設定させることができます.

    15. GUI

    グラフィカル・ユーザー・インターフェースユーザインタフェースの種類, とは対照的に コマンド駆動型インタフェース.

    GUIを使用すると、技術的知識がなくてもユーザーは次のことを実行できます。 ソフトウェアと対話する MS-DOSなどのコマンド言語を学習することなく。 GUIの使用 グラフィカルアイコン そして 視覚言語 ユーザーがアプリケーションにコマンドを入力したり、入力を受けたりできるようにする.

    16. IDE

    統合開発環境:私たちに提供するソフトウェアアプリケーション プログラミング環境 統合する 開発とテストに必要なさまざまなツール, ソースコードエディタ、ビルドオートメーションツール、コンパイラまたはインタプリタ、デバッガなど。 Xcode、Eclipse、およびVisual StudioはIDEの例です。.

    17. IIFE

    すぐに呼び出される関数式:人気 JavaScriptデザインパターン それは字句スコープを作成します.

    IIFEは 関数式 あれは すぐに実行 それが評価された後。一度だけ実行する必要があるコードの格納、名前空間付け、およびプライベート変数とクロージャの作成に使用できます。.

    IIFEは次の構文を使用します。

     (function()// code()); 

    18. ITCSS

    逆三角形カスケードスタイルシートスケーラブル CSSのアーキテクチャ にとって 再利用可能なCSSコード.

    ITCSSはCSSプロパティをレベルに分割します それらの特異性と重要性に基づいて. レベルは、平らな上部から下部の先端に向かって特異度が増加する逆三角形として表されます。.

    19. JSON

    JavaScriptオブジェクト表記:言語に依存しない、人間が読める形式 データ交換用のデータフォーマット.

    JSONが収納できる オブジェクト 名前と値のペアのコレクションとして 配列 順序付けられた値の集まりとして。その構文は JavaScriptに似ています, それがJavaScriptベースのアプリケーションで最も一般的なデータフォーマットである理由です。.

    20.ランプ

    Linux、Apache、MySQL、PHP / Python / Perl:人気 ウェブスタック 動的Webサイトを作成するための.

    LAMPスタックは Linux オペレーティングシステムとして, アパッチ Webサーバーとして, MySQL データベース管理ソフトウェアとして PHP, Perl または Python スクリプト言語として。そのWindows版はと呼ばれています WAMP, OS X版は MAMP.

    21. LTR / RTL

    左から右へ/右から左へ:で使用される用語 国際化

    LTRとRTLは ロケール 言語または国の設定のプロパティ UI. LTRはLeft to Rightを表し、RTLはRight to Leftを表します。それらは示します テキストの方向.

    ほとんどの言語はLTRで、インターフェイスは通常それらのために設計されていますが、RTLサポートをほとんどのユーザーに簡単に追加できます。 CMS, WordPressなどに rtl.css ファイル.

    22.平均

    MongoDB、Express.js、Angular、Node.jsJavaScriptのみのWebスタック 動的WebサイトおよびWebアプリケーションを作成するためのもの.

    MEANスタックは、 MongoDB NoSQLデータベース、 Express.js Webアプリケーションフレームワーク Angular.js フロントエンドフレームワーク ノード JavaScriptランタイム、そしてそれ 任意のオペレーティングシステムで動作します.

    23. MVC

    モデルビューコントローラ建築パターン で使われる オブジェクト指向プログラミング.

    MVCパターンは、オブジェクトを3つのグループにグループ化することによって、データロジックをユーザーインターフェイスから切り離します。 モデルオブジェクト 基礎となるデータ構造およびロジック用, オブジェクトを表示する ユーザーインターフェイス用 コントローラオブジェクト 他のオブジェクト間の仲介役として、またタスク調整のために.

    24. OAuth

    オープン認証オープンプロトコル それは作る 安全な認証 安全で標準化された方法で可能.

    OAuthは、ユーザーがサイトにログインできるようにする方法としてよく使用されます。 第三者サービスを利用する, Facebook、Twitter、Googleなど - 登録の障壁を取り除きます。.

    25. OOP

    オブジェクト指向プログラミング:A プログラミングパラダイム 手続き型プログラミングとは対照的に.

    OOPでは、作成しています 実社会の環境に似たモデル 4つの主要な原則を利用することによって: 抽象化、カプセル化、継承、多型. OOPの中心には、 オブジェクト カプセル化されたデータを プロパティ そして 方法.

    26. REGEX

    正規表現A テキストパターン 異なる文字列の文字の組み合わせを一致させるために使用されます。.

    正規表現を使うと簡単にできます 特定の文字シーケンスを検索する テキストで、そして ユーザー入力を検証する. Regexは、JavaScript、PHP、Python、Ruby、Javaなどの多くの一般的なプログラミング言語の一部です。.

    27. REST

    代表状態の移管: 一連の ソフトウェア設計アーキテクチャのガイドライン にとって データ送信 クライアントとサーバー間。 RESTアーキテクチャーの原則に従って、RESTfulを作成することができます。 API 当社のWebアプリケーション用.

    28章SCM

    ソース管理:のためのシステム 複数のバージョンを管理する 同じ文書、アプリケーション、コード、またはその他の種類の情報です。とも呼ばれている バージョン または 改訂管理.

    SCMはそれを可能にします 変更を追跡する, そして 情報の損失を防ぐ. 最も人気のあるSCMシステムはGitと SVN.

    29. SMACSS

    カスケードスタイルシートのためのスケーラブルでモジュラーなアーキテクチャ:A CSSの書き方 それは私達がCSSコードをモジュール化し、そしてそれをより読みやすくそして保守しやすくすることを可能にします.

    SMACSSは5種類のスタイルルール(ベース、レイアウト、モジュール、状態、テーマ)を定義し、それらを異なるセレクタプレフィックスで識別します。.

    30. WYSIWYG

    あなたが見たもの、それがあなたの手に入れたものだ: ある種類の コンテンツエディタ これにより、ユーザーはテキスト、画像、およびその他のコンテンツタイプを編集できます。 マークアップを書かずに.

    WYSIWYGエディタでは、ユーザーは次のことができます。 最終結果がどのようになるか見てください 彼らはコンテンツを作成しながら。 WordPressのポストエディタインタフェースとほとんどのブログプラットフォームは、WYSIWYGシステムの好例です。.