著者とウェブサイトについて

科目：

作者について
ウェブサイトについて
すべての始まり: HTML とフロントページ
WordPress の舞台裏を見る
サーバー
翻訳

著者について：
私の名前はマルコファンワイク、35 歳、ロッテルダム地域に住んでいます。私はこれまでずっと、車に関係するあらゆることに夢中でした。 16歳のとき、私はすでに整備士見習いとしてガレージで働いていました。私は VAG と BMW のガレージでメカニックとして働いた 4 年間で、レベル 2015 のテクニカルスペシャリストまでのメカニックトレーニングコースを修了しました。私は2018年から自動車技術の教師として働いています。 XNUMX 年に、私は HBO の自動車 (パートタイム) コースを修了した後、アーネムの HTS Autotechniek で理学士の称号を取得しました。
私はこの研修での温かい思い出と、いつまでも続く満足感を大切にしています。

教師およびこの Web サイトの著者としての仕事に加えて、AMT で記事を書くことも楽しんでおり、AMT ライブではナレッジセッションのプレゼンターとしても活動しています。

ウェブサイトについて:
2005 年に私は Web サイトの作成を実験し始めました。現在の Web サイトは 2009 年に開設されました。それ以来、デザインとコンテンツの両方に多くの変更が加えられました。この Web サイトはますます人気が高まっており、トピックや情報の面では今後も成長し続けるでしょう。現在、Web サイトには 350 ページ以上の情報が満載されています。現在、私たちは月平均 100.000 のユニークページビューを受け取ります。私はウェブサイトを自分で開発し、完全に管理しています。私はテーマをデザインし、すべてのページを書き、多くの画像を自分で撮影または描画し、自宅のオフィスにある自分のサーバーで実行しています。このページでは、Web サイトが近年どのように成長して現在の姿になったのか、そしてその背景で何が起こっているのかを示したいと思います。

この Web サイトの目的は、自動車技術に興味がある人々に、特定の部品やシステムがどのように機能するかについての洞察を提供することです。多くの情報は Google の他の場所では見つけることができません。画像が含まれていないことも多く、オランダ語ではまだ入手できない場合がほとんどです。このウェブサイトでは、できるだけ多くの自動車技術情報をオンラインで入手できるようにしたいと考えています。このサイトは、MBO メカニックトレーニングコースのレベル 2 ～ 4 に合わせて調整されています。この Web サイトは、HAVO/VWO から HBO 機械工学または自動車工学に進む学生にも適しています。

私は意識的に広告を表示しないことにしました。テキストよりも広告が多く、クリックしてすべてを離れなければならないウェブサイトにイライラするからです。私は広告を表示することはウェブサイトを汚染していると考えています。そのため、トラッカーや Cookie は必要ありません。私は、すべての訪問者が利用規約に同意する必要がある Cookie 通知を表示する必要がない数少ない Web サイトの XNUMX つです。

さらに、私はウェブサイトを誰でも自由にアクセスできるようにしています。私はウェブサイトにアクセスするために支払いシステムやログインシステムを使用しません。このサイトは完全に無料であり、今後もそうあり続けます。さらなる利点は、私には金銭的利害関係がなく、多くのメーカーが教育をサポートしているため、自動車メーカーから画像の使用許可を得るのが簡単なことです。

本文中にスペルや文法上の誤りを発見した場合は、お問い合わせフォームにご記入ください。そうすれば、これを迅速かつ簡単に修正できます。もちろん、これは特定のトピックに追加がある場合にも当てはまります。

すべての始まり: HTML とフロントページ: 最初のコンセプトから、2019 年 2003 月に現在のバージョンに置き換えられた Web サイトに至るまで、Microsoft FrontPage XNUMX プログラムを使用しました。

FrontPageを使用してHTMLページを作成しました。 HTML コードの結果はデザインウィンドウで確認できます。 Web サイトは XNUMX つのフレームで構成されています。

トップ（ヘッダー）
リンク（メニュー）
右（辞書）
中（サイトのコンテンツ）

したがって、サイトを開くために、XNUMX つの個別の HTML ページがフレームにロードされました。訪問者が検索エンジン経由ではなく、探していたページに直接たどり着いた場合、そのフレームのみが表示されました。周囲のメニューは表示されませんでした。その場合、画面全体に青いページだけが表示され、周囲にボタンがあるメニューが表示されませんでした。

検索機能もGoogleによる複雑な（統合された）方法を使用しており、モバイルには対応していなかったので、電話やタブレットでサイトにアクセスすると自動的に切り替わるXNUMX番目のインデックスページが作成されました。これは多くの場合うまくいきますが、常にうまくいくわけではありません。 “昔”はフレームを使ったHTMLサイトが流行っていましたが、今ではフレームを使ったHTMLサイトはほとんど見かけなくなりました。自己コンパイルした HTML コードで得た知識は、今でも現在の Web サイトを更新する際に役立っています。

WordPress の舞台裏を見てみましょう:
HTML ベースの Web サイトは、2019 年 XNUMX 月に人気の WordPress CMS に完全に変換されました。最初は新しいナビゲーション構造に慣れる必要があった訪問者もいましたが、全体的には肯定的な反応を受け取りました。
時間の経過とともに、ナビゲーションをより簡単かつ明確にするための変更をさらに多く実装してきました。

最新の WordPress CMS を使用したサイトでは、多くの点で改善されました。

インターフェイスは洗練されており、典型的な外観を与えます。
記事の更新が簡単になります。
タブレットとモバイルに優しい (画面サイズに自動的に適応する) ため、別個のモバイル Web サイトは必要ありません。
XNUMX つのページのメニューやインターフェースに変更を加えると、すべてのページに自動的に反映されます。
SEO (検索エンジン) に優しい。
プラグインにより、インタラクティブボタン、検索、バックアップとセキュリティ、自動スクロールなど、多くの便利な機能が有効になります。

次の画像は、WordPress のページの概要を示しています。 Webインターフェースを開かなくても、この画面からすべてのページの検索や変更が可能です。

ウェブサイト上のすべてのページはElementorで作成されています。次の画像は、Elementor エディター画面を示しています。テキストエディタが左側に、ライブビューが右側に表示されます。下部にある「更新」をクリックすると、変更内容がすぐにオンラインに表示されます。オンラインで公開する前に、まずページを下書きまたはプライベートとして保存することを選択することもできます。

テキストエディターに加えて、Elementor はさまざまな対話型オプションも提供します。その XNUMX つは、いわゆる「Call to Action」です。この関数は、ホームページやメニューから開くことができるカテゴリにあるインタラクティブなボタンを作成します。

2021 年、WordPress テーマと最新のプラグインおよび Web ブラウザーとの互換性に関して、ますます多くの問題が発生しました。このテーマはあまり人気がなかったため、リリースから数年後には適切にサポートまたは開発されなくなりました。テーマは Web サイトの外観を決定するため、別のテーマに切り替えるのは簡単ではなく、望ましくありません。 2022 年 XNUMX 月に、私は Elementor のページビルダーと必要最低限のテーマ「Hello Elementor」を実験しました。このテーマをページビルダーと組み合わせると、外観とセキュリティの両方で更新が保証され、他のテーマでは開発者によってロックされていたインターフェイスをカスタマイズするためのオプションがさらに増えました。標準の WordPress テーマでは、特定の設定は変更できないか、ほとんど変更できません。一日かけて実験した後、私は古いテーマを自分のテーマに置き換えることができたと確信しました。数時間以内にオンラインで作成し、その後数日間で、周りの人からのフィードバックに基づいて小さな改良を加えました。

Elementor のテーマビルダーを使用すると、独自のテーマを作成し、完全に好みに合わせて構成できます。すべてのコーナー、ボタン、ボックスの影、色、アニメーションを、無数の方法で自分の希望に合わせて調整できます。可能性は無限大。下の画像は、メインメニューの色の設定オプションを示しています。このテーマビルダーを使用すると、デスクトップ (およびラップトップ)、タブレット、携帯電話のディスプレイを必要に応じて設定できます。このようにして、すべてのデバイスに対して最適な設定を実現できます。

他のサイトで最も気になるのは、ポップアップ、ニュースレターに関する通知、通知を有効にするためのリクエストであり、これらは常にクリックして離れなければなりません。派手な広告も忘れないでください。このため、私自身も広告ブロッカーを使用して閲覧し、参加しないことにしました。私は、気が散る要素をできるだけ少なくして、ウェブサイトをできるだけ「クリーン」に保ちます。アニメーションやカラフルなページを使って、少しの労力でサイトを非常に魅力的にするオプションもありますが、私はグレーの色合いを多くし、人々が求めていない装飾をできるだけ少なくすることを選択します。白いページの両面に濃いグレーから薄いグレーの背景があり、コントラストが良く、選択されたフォントと相まってテキストが読みやすくなっています。この画面サイズは 17 年現在でもガレージや学校で一般的であるため、このサイトは 2023 インチ以上の正方形のデスクトップコンピューター画面に適しています。ラップトップは高解像度を使用するため、14 インチのラップトップでサイトにアクセスすると、メニューバーが別のモードに切り替わらず、右ボタンが狭い画面から XNUMX 行目に移動します。このインターフェースは、多くの実験と訪問者からのフィードバックを経て作成されました。うまく調整されたナビゲーションを備えた有益な文字は、洗練された外観よりも重要であり、ほとんどの訪問者はそれを高く評価します。

サーバー：
競争力のある価格の Web ホスティングパッケージを提供する安価なホスティングパーティーは、同じ SSD / CPU および RAM を他の何百もの顧客と共有しているため、サーバーから大量のコンピューティング能力を必要とする Web サイトには興味がありません。この Web サイトでは、月あたり 120 ～ 130 GB のデータ消費も通常であり、数十ユーロの標準パッケージでは許可されません。このような当事者は、多くのリソースを使用する Web サイトのパフォーマンスを低下させたり、高価な VPS の購入を要求したりする場合があります。

最適なパフォーマンスを実現し、特定の設定を制御できるように、この Web サイトを VPS 上に配置することについて長い間迷っていました。優れた VPS は高価なので、代替手段として自分で (自宅で) サイトをホストすることを考え始めました。

2020 年の春に、私は競争力のある価格の若い中古サーバーを購入しました。私はこれに必要なハードウェアアップグレードを提供し、BIOS の設定の使用方法を学びました。これらは民生用 PC のものとは大きく異なります。また、自宅にサーバーを接続するためのネットワークも作成しました。光ファイバー接続の速度は下りも上りも 1 ギガビットで、混雑した Web サイトを複数ホストするには十分以上です。

2020 年 XNUMX 月に、オペレーティングシステムとして CentOS (現在は置き換えられています。詳細は後ほど) とコントロールパネルとして Cpanel を使用してサーバーをインストールしました。
数時間の準備の後、ボタンを押すだけでサイトがデータセンターのサーバーから自宅サーバーに移動されました。このプロセスは非常にスムーズに進みました。この記事の執筆時点 (設置後 XNUMX 年) まで、問題は発生していません。

現在使用しているサーバーは、以下の XNUMX つの画像に示されています。

上の画像: サーバーは HP ProLiant ML350p Generation 8 です。カバーの後ろには DVD プレーヤーがあり、サーバーの電源を入れるスイッチとその下に 2 つの USB ポートがあります。下部には 2 つのドライブ、つまり 1x SSD (左) と XNUMXx HDD (右) があります。 Web サイトは SSD からロードされます。バックアップは毎晩 HDD に保存されます。 SSD と HDD は RAID ミラー (RAID XNUMX) にあります。ハードドライブに障害が発生した場合、サーバーをシャットダウンすることなく、予備のハードドライブと交換できます。ドライブを変更すると、データは自動的に転送されます。

下の画像: サイドカバーとエアガイドのプラスチックプレートを外すと、XNUMXつの大きなファンとその隣にマザーボードが見えます。

サーバーにはXeon E5-2690 CPU（2,9GHz）が搭載されています。これは 8 スレッドを備えた 16 コアプロセッサです。省電力モードでは 1 Ghz をわずかに超えるクロック速度で動作します。これは、Web サイトのパフォーマンスとサーバー管理の点で、このパフォーマンスモードのクロック速度が 2,9 GHz に増加する最大パフォーマンスモードの設定に劣りません。唯一の違いは、熱発生とエネルギー消費において顕著でした。低クロック速度でも優れたパフォーマンスを実現できるのは、多数のプロセッサコアのおかげです。さらに、メモリバンクには合計 12 個の 4 GB ECC メモリモジュールが搭載されており、クアッドチャネルで合計 48 GB のメモリが得られます。もちろん、これはやりすぎですが、これにより将来性があると思います。

CentOS のサポートが間もなく終了するという発表のため、2022 年の夏に、CentOS オペレーティングシステムを AlmaLinux に置き換えました。人気の Cpanel が AlmaLinux にインストールされています。これは、Web サイトのホスティングを可能にするプログラムです。以下のスクリーンショットはコントロールパネルを示しています。私は毎週、利用可能なアップデート (Cpanel、ユーティリティ、またはカーネル) をチェックし、負荷をチェックします。

翻訳：
お気づきかと思いますが、フッター (Web サイトの下部) には、Web サイトを翻訳できるフラグの列が含まれています。翻訳は、いわゆるニューラル機械翻訳 (NMT) と人工知能 (AI) を使用した WordPress のプラグインによって可能になります。ニューラル機械翻訳と AI の関係は、NMT が AI の特定のアプリケーションであり、機械知能を使用して人間の言語を理解し、効果的に翻訳するという事実にあります。

私は次の理由からウェブサイトを翻訳する措置を講じました。

NT2 (第二言語としてオランダ語) を学ぶ自動車工学の学生は、勉強中に母国語で同じように翻訳されたページを参照することを楽しんでいます。部品やシステムの操作を「母国語」で理解している場合は、オランダ語で説明を学ぶのも簡単です。
一部の国では、自動車技術教材の供給が不足しています。たとえばアイスランドでは、学生は英語の教材のみにアクセスできます。教師と生徒の両方が自分の言語でコース教材を検索できるのは素晴らしいことです。私が連絡を取っているアイスランド出身の先生もこう言います。「自動車整備工場では部品の説明や記載は英語ではなくアイスランド語なので、常にアイスランド語への翻訳を説明しています。アイスランド語の専門用語を含むテキストを読めるのは素晴らしいことです。」
最初の段落でお読みになったかもしれませんが、記事を書くのが私の趣味です。翻訳オプションを使用すると、より多くの聴衆にリーチできるようになります。

2023年春にウェブサイトを英語に翻訳しました。それはうまくいきました。アイスランド語の翻訳を依頼する際、アイスランド以外にも他の国も追加しました。 Google は翻訳されたページもインデックスに登録します。たとえば、Basic electronics というページは現在 4 か国語で Google に掲載されており、各言語には独自の URL 翻訳、タイトル、キーワードがあります。これにより、訪問者の統計も増加します。画像は 1 年 2023 月 XNUMX 日から XNUMX 月 XNUMX 日までの訪問者数を示しています。Web サイトが英語以外の言語に翻訳されたのは数週間のみです。

翻訳は非常にリーズナブルから高品質です。専門用語を含む段落では、翻訳ミスが発生し、「直訳しすぎて」意味が異なってしまう場合があります。その一例がオランダの「ボディワーク」です。英語では「body」と訳されます。そのとおりです。ただし、アイスランド語でも「身体」に似た意味で訳されますが、そこでの訳語は「人体」を指します。

幸いなことに、翻訳を調整するオプションがあります。翻訳はプログラム内で修正でき、Web サイト全体で変更されます。ただし、翻訳は個々のページで文ごとに調整することもできます。下の画像は、各文の鉛筆を示しています。クリックすると翻訳を変更できます。

いずれかの文の鉛筆をクリックすると、元のテキストと翻訳されたテキストを含むポップアップが表示されます。翻訳はここで修正できます。翻訳は、元の (オランダ語) テキストに影響を与えることなく、すぐに修正されます。

英語の翻訳は長い道のりを経てきました。他の言語については知識が浅いため、さらに困難を感じます。そのため、私の Web サイトの訪問者に、言語と翻訳の間違いを報告するようお願いしています。複数のページに表示される XNUMX つの単語に関する場合は、問題のページまたはウェブサイト全体で直ちに修正します。ご興味がございましたら、上記の翻訳プログラムにアクセスするためのオプションについて説明してください。お問い合わせフォームからご連絡いただけます。アイスランド出身の先生は、レッスンでこのウェブサイトを感謝して利用しており、テキストを自分で翻訳することができます。彼、彼の同僚、学生 (そして私も) はこの恩恵を受けています。また、このオプションを他の国のユーザー (できれば自動車技術の教師、または自動車業界で働いていて言語学に精通している人) にも提供したいと考えています。