検索結果

There are 53 results found.

Web Development Essentials試験対策その2:フロントエンドとバックエンド

この記事では、Linux Professional Instituteの認定資格に最近追加されたものについてシリーズで紹介しています。Web Development Essentialsです。前編では、Web開発者になるためのスキルを紹介しました。今回は、図1に示すWebエクスペリエンスの各パーツに必要な技術について見ていきましょう。 図1:Webサイトを構成するソフトウェア要素。 ユーザーエクスペリエンス(フロントエンド) 私たちが日常的に使っている魅力的なWebアプリケーションは、ブラウザに機能が追加されることで徐々に実現されていきました。HTMLの拡張とともに、CSSやJavaScriptという新しい言語が追加され、あらゆる効果やレイアウトに対応できるようになったのです。 CSSとは、Cascading Style Sheets(カスケーディング・スタイル・シート)の略です。この「カスケーディング」という言葉が重要で、あるルールが他のルールより優先されることを表しています。HTMLのレベル(実体、ID)ごとにどのように効果を適用するか、どのルールが他のルールを上書きするかを知っておく必要があります。また、位置決めも必要です。例えば、順序付きリストの中の箇条書きを、順序なしリストの中の箇条書きとは異なるものに見せることができます。CSSはHTMLと密接に連携しています。 JavaScriptは、ブラウザ上で動的な効果を実現するために発明されました。ページ上でマウスを動かすとダイアログが表示されたり、単語をクリックすると段落に展開されたりするのは、JavaScriptを呼び出しているためです。JavaScriptは、今日のコンピュータ界で最も広く普及し、最も重要な言語の一つです(他の言語のファンからは、しばしば嘲笑されますが)。 JavaScriptを使うには、ウェブのドキュメント・オブジェクト・モデル(DOM)を学ぶ必要がある。これは複雑ですが、練習すれば理解できるようになります。Web Development Essentialsに合格するためには、Webページ内のさまざまな要素の見た目を変えるなどのエフェクトを行う方法を学びます。 ブラウザのデバッガの使い方を知っておくとよいでしょう。各ブラウザにはデバッガがあり、JavaScriptが実行される様子や、その際に発生するエラーなどを確認することができます。 また、コマンドラインツール「npm」をインストールし、JavaScriptのライブラリの取得方法を学んでおく必要があります。 CSSは、JavaScriptと密接に連携しています。例えば、クリックすると段落が表示される「詳細」ボタンがあるとします。クリック後に段落を貼り付けるために、JavaScriptを単独で使うこともできます。しかし、ウェブページがブラウザに送信されるときに段落を含めておき、CSSで段落を「非表示」にする方が、おそらくより効率的でエレガントな方法です。JavaScriptはCSSと連動して、クリック後に非表示を解除することができます。 ここまでくれば、パソコンでの簡単な練習にとどまらず、実際に体験することができるはずです。数十ページ、数多くの要素を持つサイトに取り組むことができれば、この記事で取り上げた技術の威力を実感し、それぞれの技術の最適な使い方を理解することができるでしょう。このような環境で働くには、NPOや友人のホームページの制作やメンテナンスをボランティアで請け負うのがよいでしょう。 サーバーサイドプログラミング HTML、CSS、JavaScriptはブラウザの中で動作するため「フロントエンド」と呼ばれ、Webサーバーやデータベースは「バックエンド」と呼ばれます。フルスタックプログラマーになるには、バックエンドにも同様に精通する必要があります。サーバー上で動作するプログラムを書いたり、データベースとの間でデータの読み書きをしたりすることになります。 幸いなことに、Node.jsというJavaScriptのフレームワークのおかげで、バックエンドでJavaScriptを使ってプログラムを書くことができるようになりました。Node.jsの上に他の多くのフレームワークが構築されており、Web Development Essentialsでは、人気の高いExpressフレームワークを学習する必要があります。 本番環境では、独自の管理ニーズを持つ高度なウェブサーバーを採用しています。Expressの便利な点は、さらにソフトウェアをインストールして設定することなく、デスクトップまたはラップトップでサーバーを実行できることです。これがWeb Development Essentialsの試験準備と受験の方法です。 HTTP で Express サーバーと通信する HTML フォームをいくつか作成する必要があります。いくつかの単語よりも複雑なデータを送信して返すには、JavaScript のサブセットである JSON を使いこなす必要があります。 クライアントからサーバーにリクエストが来ると、サーバーはそのリクエストを処理するために Node.js プログラムを呼び出します。リクエストに含まれる引数(ユーザーデータ)を解凍し、引数に悪意のある内容が含まれていないことを確認し、結果をHTMLとして返す必要があります。 Expressでは、一貫性のあるHTMLベースのページを簡単に作成するためのテンプレートが提供されています。Web Development Essentialsでは、Expressのテンプレートにある程度慣れていることを前提としています。 次回は、図1の最後の部分であるデータベースについて説明します。

Web Development Essentials試験対策その1:最も必要なもの

今日、Webページなしで存在できる組織があるでしょうか?Web サイトの作成方法を知っていれば、どのような組織にも大きな付加価値を与え、ほとんどどこでも雇用を見つけることができます。Linux Professional Institute (LPI) の Web Development Essentials 認定資格は、Web チームに貢献できるスキルを持っていることを証明するのに役立ちます。 Webサイトは相互に関連したさまざまなリソースの集合体であるため、HTMLやCSSといった単一のスキルを知っているだけでは十分ではありません。Web Development Essentials試験に合格するためには、以下のような目的のための基礎知識が必要です。 ソフトウェア開発、Web技術 HTML CSS JavaScript Node.js and Express SQL basics この3回の連載で、それぞれの言語とフレームワークについて見ていきます。これらすべてを知っていれば、「フルスタックのWebプログラマー」として雇用主にアピールすることができます。つまり、プログラミングツールを連動させて、機能的なWebサイトを完成させることができるのです。 ウェブページをサポートするソフトウェアの関係を確認すると便利です。図1は、動作させる必要のあるソフトウェアと、先に挙げた要素がどのように組み合わされているかを示しています。 図1:Webサイトを構成するソフトウェア要素。 Web Development Essentialsは、あくまで "エッセンシャル "な部分をカバーしていることに注意してください。この試験に合格したからといって、アニメーションを使った見事なサイトが作れるわけではありません(そのためには、この試験でカバーされていない高度なCSSやJavaScript、そしておそらくSVGも必要です)。また、この資格でデザイナーになれるわけでもなく、技術的なスキルだけでなく、芸術的なスキルも要求される。Web Development Essentialsは、解析や検索エンジン最適化(SEO)についてもカバーしていません。しかし、この試験に合格することは、何もない画面から始めて、バックエンドのデータベースと連動して優れたユーザー体験を提供する、レスポンシブで反応性の高いウェブページを作成できることを示すものです。 最も必要なエッセンス(HTMLとHTTP) 1980年代後半、Tim Berners-LeeがWebを発明したとき、彼が提供したのはHTMLとHTTPだけだった。どちらも既存技術のささやかな改良であったが、共にインターネット革命を引き起こした。 HTMLは、テキストを魅力的に表示するためのフォーマットであり、画像やその他のメディアを配置するためのタグも含んでいる。HTMLは、古いマークアップ言語を高度に単純化したもので、今でもかなりシンプルである。HTMLが誕生して以来、最も重要なのは、ボタンやテキストを入力するボックスなど、インタラクティブなフォーム要素を表示するためのタグです。Web Development Essentialsでは、フォームをどのように扱うかを知っておく必要があります。 HTTPは、ブラウザ(または他のウェブクライアント)がウェブサーバーと対話する方法です。バーナーズ=リーはHTTPのために、他の多くのインターネットサービスで見られる単純なテキストコマンドやメッセージを採用した。例えば、ブラウザでWebページの名前を間違えて入力したときに表示される「404」というメッセージを見たことがあると思います。Web Development Essentials」の学習により、インターネットサービスで使用される標準的なメッセージの中で、404がどのような位置を占めているかを知ることができます。 また、ウェブページの要素をキャッシュすることや、SSLによるセキュリティの適用など、HTTPの高度な機能についても理解する必要があります。 HTMLは、テキストエディタの使い方さえ知っていれば、その言語で実体を書くことができるので、勉強しやすいのです。テキストファイルを任意のブラウザで表示して、結果を確認することができます。HTTPは、WebクライアントとWebサーバーの両方を用意する必要があるため、よりハードルが高くなります。これらのニーズを満たす方法については、後ほど説明します。 次回は、図1に示すブラウザとウェブサーバのプログラミングについて説明します。この2つがWebエクスペリエンスの重要な要素です。

Linux Professional Institute、「Web Development Essentials」をリリース

Linux Professional Institute(LPI)は、「Web Development Essentials」プログラムの提供を開始することを発表しました。このプログラムは、Web 技術を使用したソフトウェア開発の入門編です。このプログラムには、学習目標、学習教材、試験、および試験に合格した際に授与される認定証が含まれています。 Web Development Essentialsは、ソフトウェア開発をこれから始めようとする学習者を対象としています。1学期のクラスまたは同等のコースで教えるように設計されています。プログラムの内容は、Webベースのアプリケーションを開発するために必要な基本的な概念をカバーしています。HTML、CSS、JavaScript、Node.js、SQLなどが含まれます。これらの技術はすべて基礎的なレベルでカバーされています。このプログラムは、学習者がWeb開発の基本原理を理解し、簡単なプロジェクトにそれぞれの技術を使用できる深さで、適切な量のコンテンツをカバーするように設計されています。このプログラムの内容を総合すると、学習者は簡単なWebアプリケーションを自分で実装できるようになります。 "Web Development Essentials "は、ソフトウェア開発の入門書となることを意図しています。Web Development Essentials は、ソフトウェア開発の入門書として開発されました。「学習目標、学習教材、試験、認定証の組み合わせは、学習者と教師の双方が学習を開始するために必要なすべてを備えた包括的なパッケージです」と、ソーンズは続けます。 「LPI の使命は、オープンな技術に携わるすべての人を支援することです。ソフトウェア開発はプロフェッショナルなITの不可欠な要素であり、フリーテクノロジーの最も顕著な分野の1つです。Web Development Essentialsは、あらゆるプラットフォームで誰もが利用できる完全にオープンソースのスタックを使用したソフトウェア開発への参入を提供します」とLPIのエグゼクティブディレクターであるマシュー・ライスは述べています。 学習目標はLPIのウェブサイト(lpi.org/wde)で公開されています。また、LPIウェブサイトでは、LPI試験の受験に関する詳細な情報を提供しています。学習教材は5ヶ国語でlearning.lpi.orgから無料で入手できます。試験は、当初は英語で公開されます。学習教材と試験の両方について、追加の翻訳が年内にリリースされる予定です。 Web Development Essentialsに関心のある教員、トレーナー、学習者の方は、LPI(info@lpi.org)までお問い合わせください。

LPI、「Web Development Essentials」ベータ試験と学習教材を発表

Linux Professional Institute (LPI) は、新しい Web Development Essentials プログラムの開発において、最終段階に入 りました。このフェーズでは、選抜された受験者を対象としたパブリックベータ試験や、試験準備のためのラーニングマテリアルのリリースが予定されています。 Web Development Essentialsは、LPIのEssentialsサーティフィケート・トラックに属する予備サーティフィケート・プログラムです。Web Development Essentialsプログラムは、主にWeb技術に焦点を当てたソフトウェア開発の入門コースを受講した学生を対象としています。試験は、HTML、CSS、基本的なJavaScriptとNodeJSをカバーしています。試験科目の全容はLPI wikiで公開されています。 ベータ試験は、2022年2月14日から3月13日の間に配信される予定です。興味のある受験者は、LPIのウェブサイトでベータ試験の詳細と申し込みフォームをご覧ください。 LPI の製品開発ディレクターである Fabian Thorns は、「Web 開発の経験をお持ちの方ならどなたでも、試験の目的を確認し、公平に合格するチャンスがあると感じたら、ベータ試験 に申し込んでいただきたいと思います」と述べています。「ベータ試験は、試験開発プロセスの最終段階であり、試験の有効性と受験者にとっての公平性を確保するものです。また、この試験開発のステップに協力した受験者が、初めて試験を受け、証明書を取得することができます。 また、ベータ試験の申し込みと同時に、LPIは「Web Development Essentials」の英語版学習教材を公開しました。これらは、 learning.lpi.orgで入手可能です。 「今回初めて、試験の正式なリリース前に学習教材を公開しました。これは、受験者がしっかりと準備をすることができるだけでなく、この最後のリリース段階で学習教材に対するフィードバックを求めることができます」とLPIのシニアプロダクトマネージャーであるMarkus Wirtzは述べています。 試験の最終バージョンと学習教材の他言語への翻訳は、ベータ試験期間終了後、数週間後にリリースされる予定です。

LPIC-3 Mixed Environments 3.0 Introduction #04: 304: Samba Client Configuration

This blog posting is the fourth in a series that helps you prepare for the new version 3.0 of the LPIC-3 Mixed Environments exam. In the previous post we set up an entire infrastructure, containing of two Active Directory domain controllers, a file server and a Windows client. This week we [...]

Open, Simple, Generative: Why the Web is the Dominant Internet Application

Everything in the 2021 Open Anniversary celebration comes together in the Open Web, the subject of this month's article. In fact, I have taken the words Open Web as almost a prompt for free association. While everyone appreciates the wealth of free information on the Web, readers of this [...]

Open Knowledge, The Internet Archive, and the History of Everything

Digital storage is simultaneously the most fragile medium ever invented and the most robust. A change in the magnetization of a few microscopic bits on a hard disk can wipe out content forever. Furthermore, anyone who causes mischief on their web site or social media can expunge the embarrassing [...]

Simone “Simo” Bertulli: Benefits of being certified

Passion raises one’s interest in a specific topic, making you want to dive into its deepest tissues. Yet, in some cases, it is necessary to combine that passion with a fair amount of will and a coherent methodology, to place a specific skill set on solid foundations. If IT/ICT is [...]

Open source careers: Six years from student to eLearning platform founder

Hi from Tola! I am an enthusiast of Linux and FOSS, which I use constantly in my work as system architect for server infrastructure. I am a System Engineer with six years of experience. My responsibilities encompass three of the most popular public cloud offerings: AWS, Microsoft Azure, and [...]

Webinar: Pentesting APIs and Linux Microservices (Spanish)

Join Linux Professional Institute Latin America and SILCOM COLOMBIA SAS on May 7, 2020 at 10:00AM (GTM-5) to pentest APIs and Linux microservices. Juan Oliva from SILCOM COLOMBIA SAS, will walk us through the various methods for assessing the safety of APIs, Containers and Microservices based on architectures like JSON, Docker, Mongo, [...]