Laravelベースのウェブサイトをお持ちの皆様にとって、正確で自然な翻訳コンテンツを提供することは、 ウェブサイトを翻訳し 、優れたユーザーエクスペリエンスを提供するために非常に重要です。
幸いなことに、開発者がこの課題を克服するのを支援するために、Google Cloud AI API TranslationやGoogle Translateなど、いくつかの自動翻訳サービスが利用可能です。どちらのサービスも、機械技術を使用した翻訳機能を提供しています。.
この記事では、を実装する際の主な違いを探り、あなたの Laravel アプリケーション向けに Laravel ウェブサイトに最適な翻訳サービスを推奨します。Google Cloud AI TranslationとGoogle Translate
Google Cloud AI API翻訳とGoogle翻訳とは何ですか？
議論に入る前に、Google Cloud AI APIとGoogle Translate翻訳のそれぞれの意味について説明します。.
Google Cloud AI API 翻訳
Google Cloud AI API Translationは、Google Cloud Platformが提供する高度な 自動翻訳サービス です。このサービスは、最新の人工知能（AI）と機械学習技術を活用して、テキスト、音声、ドキュメントの正確で自然な翻訳を提供します。
Google Cloud AI API Translationはディープラーニングに基づくニューラル翻訳モデルを使用しており、言語のニュアンスやコンテキストをより適切に捉え、実際の言語使用に沿ったより自然な翻訳を提供します。さらに、Google Cloud AI Translationは最大500,000文字まで無料で利用でき、それを超える75,000文字には100万文字あたり$20のコストがかかります。.
Google翻訳
一方、Google翻訳は長年親しまれ、広く知られている自動テキスト翻訳サービスです。より伝統的な統計的翻訳アプローチを採用しており、大規模なトレーニングデータセットから学習したパターンと確率に基づいて翻訳を生成します。.
Google Cloud AI API Translationほど精度や言語のニュアンスの処理において高度ではありませんが、Google Translateは使いやすさと非商用利用での無料提供により、依然として人気のある選択肢です。.
LaravelでGoogle Cloud AI API翻訳を実装する
Linguiseを含むいくつかの翻訳サービスは、 Linguise、 AI翻訳 クラウド技術を使用してウェブサイトを翻訳します。
言語翻訳サービスは、翻訳技術の一つとしてクラウドAI APIを使用しています。以下は、 Laravel ウェブサイトへの実装手順です。 ここでは、 Laravel プロジェクトのウェブサイトがすでに準備されていることを前提としています。
Linguise アカウントの作成
Linguiseを使用するには、まず Linguise、 アカウントを登録 する必要があります。無料で登録するか、1ヶ月または1年間のサブスクリプションに登録できます。メールアドレス、ユーザー名、パスワードなどの情報を提供するだけで済みます。
Laravel ウェブサイト情報を追加
その後、使用するウェブサイトの情報を追加し、 Linguise アカウント情報とウェブURLを入力し、 Laravel プラットフォームを選択し、デフォルト言語とウェブサイトに追加したい言語を追加します。.
次に、以下のボタンからPHPスクリプトをダウンロードし、ローカルコンピュータに保存します。.
PHPスクリプトのアップロードと設定
スクリプトをダウンロードした後、解凍して Laravel がインストールされているルートフォルダにアップロードしてください。 Laravel インストールのルート（通常はCMSファイルがある場所）に配置されていることを確認してください。フォルダ名が「linguise」（解凍時のデフォルト名）であることを確認してください。.
次に、 Linguise APIキーを、サーバーにアップロードした…/linguise/Configuration.phpファイルにコピーする必要があります。ファイルを編集し、引用符の間にAPIキーを貼り付けて、REPLACE_BY_YOUR_TOKENというテキストを置き換えてください。.
言語切り替えスクリプトの挿入
resources/views/layouts/ディレクトリ内のfront.blade.phpファイルに挿入されます。挿入されたスクリプトのプレビューはこちらです。.
.htaccess を設定する
最後に、言語ベースのURLを.htaccessファイルで設定する必要があります。ファイルに「RewriteBase /」が含まれている場合は、その行の後に以下のコードをコピーして貼り付けてください。.
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
</IfModule>
完了しました。この時点で、Linguiseサービス上でクラウドAI API Translationを正常に実装できました。次に、 Linguise Laravel ウェブサイトを確認できます。デフォルトの言語切り替え機能が表示され、ダッシュボードから Laravel用の言語切り替え機能をカスタマイズ Laravel できます。
Laravel に Google 翻訳を実装する
次に、 LaravelでGoogle翻訳を実装してみます。ここでは、 Laravel プロジェクトを正常に作成し、Google翻訳を追加するだけでよいと仮定します。.
以下のインストール手順は、 公式 Laravel のウェブサイトでもご確認いただけます。
Google Translatorパッケージのインストール
Google Translator パッケージをインストールするには、プロジェクトのプロンプトを開き、次のコマンドを入力します。このパッケージにより、google-translator-language の動作機能を利用できるようになります。.
composer require stichoza/google-translate-php
Google Translatorパッケージの設定
アプリケーション内で「google translator package」を設定する必要があります。/configフォルダ内のapp.phpファイルを開き、「aliases」セクションを見つけて、次のコード行を追加します。.
/*
|--------------------------------------------------------------------------
| Class Aliases
|--------------------------------------------------------------------------
|
| This array of class aliases will be registered when this application
| is started. However, feel free to register as many as you wish as
| the aliases are "lazy" loaded so they don't hinder performance.
|
*/
'aliases' => Facade::defaultAliases()->merge([
// 'Example' => App\Facades\Example::class,
'GoogleTranslate' => Stichoza\GoogleTranslate\GoogleTranslate::class,
])->toArray(),
言語コントローラーのセットアップ
次のような言語コントローラーファイルを作成する必要があります
php artisan make:controller LangController
/app/Http/Controllers フォルダ内に LangController.php ファイルが作成されます。.
<?php
namespace App\Http\Controllers;
use Illuminate\Contracts\View\View;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\App;
class LangController extends Controller
{
public function index(): View
{
return view('lang');
}
public function change(Request $request)
{
App::setLocale($request->lang);
session()->put('locale', $request->lang);
return redirect()->back();
}
}
Bladeテンプレートファイルの作成
/resources/views フォルダに移動し、lang.blade.php という名前のファイルを作成します。ファイルを開き、次のコードを挿入します。.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Laravel 10 Create Multi Language Website Tutorial</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"> <script type="litespeed/javascript" data-src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script type="application/ld+json" class="gnpub-schema-markup-output">{"@context":"https:\/\/schema.org\/","@type":"NewsArticle","@id":"https:\/\/www.linguise.com\/blog\/guide\/implement-google-cloud-ai-api-translation-vs-google-translate-for-laravel\/#newsarticle","url":"https:\/\/www.linguise.com\/blog\/guide\/implement-google-cloud-ai-api-translation-vs-google-translate-for-laravel\/","image":{"@type":"ImageObject","url":"https:\/\/www.linguise.com\/wp-content\/uploads\/2024\/05\/Implement-Google-Cloud-AI-API-translation-vs-Google-Translate-for-Laravel-150x150.png","width":150,"height":150},"headline":"Implement Google Cloud AI API translation vs Google Translate for Laravel","mainEntityOfPage":"https:\/\/www.linguise.com\/blog\/guide\/implement-google-cloud-ai-api-translation-vs-google-translate-for-laravel\/","datePublished":"2024-05-31T07:32:47+00:00","dateModified":"2024-08-26T19:19:15+00:00","description":"For those of you who own Laravel-based websites, providing accurate and natural translation content is very important to translate your website and offer a good","articleSection":"Guide","articleBody":"For those of you who own Laravel-based websites, providing accurate and natural translation content is very important to translate your website and offer a good user experience.\nFortunately, several automatic translation services are available to help developers overcome this challenge, including Google Cloud AI API Translation and Google Translate. Both services offer translation capabilities using machine technology.\nIn this article, we will explore the main differences between implementing Google Cloud AI Translation and Google Translate for Laravel applications and recommend the best translation services for your Laravel website. \t\t\n\t\t\tWhat are Google Cloud AI API translation & Google Translate?\n\t\t\n\t\tBefore entering into the discussion, we will discuss the respective meanings of Google Cloud AI API and Google Translate translations.\t\t\n\t\t\tGoogle Cloud AI API translation\n\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\tGoogle Cloud AI API Translation is an advanced automatic translation service provided by Google Cloud Platform. This service leverages the latest artificial intelligence (AI) and machine learning technologies to deliver accurate and natural translations of text, voice, and documents.Google Cloud AI API Translation uses neural translation models based on deep learning, which allows it to capture language nuances and context better, providing more idiomatic translations that align with actual language usage. Additionally, using Google Cloud AI Translation for up to 500,000 characters is free of charge, while the next 75,000 characters will incur a cost of $20 per million characters.\u00a0\t\t\n\t\t\tGoogle Translate\n\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\tMeanwhile, Google Translate is a long-standing and widely known automatic text translation service. It uses a more traditional statistical translation approach, which generates translations based on patterns and probabilities learned from large training datasets.Although it is not as advanced as Google Cloud AI API Translation in terms of accuracy and handling language nuances, Google Translate remains a popular choice due to its ease of use and free availability for non-commercial use.\t\t\n\t\t\tImplement Google Cloud AI API translation on Laravel\n\t\t\n\t\tSeveral translation services, including Linguise, use AI Translation cloud technology to translate websites.The language translation service uses cloud AI API as one of its translation technologies. The following are the implementation steps on the Laravel website. We assume here that you already have a ready Laravel project website.\t\t\n\t\t\tCreate Linguise account\n\t\t\n\t\tTo use Linguise, you must register an account first. You can do this for free or subscribe for one month or a year. You only need to provide information such as your email, username, and password.\t\t\n\t\t\tAdd Laravel website info\n\t\t\n\t\tAfter that, add information about the website you will use, enter your Linguise account info and web URL, select the Laravel platform, and add the default language and the language you want to add to the website.\u00a0\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\tThen download the PHP script via the following button and save it on your local computer.\t\t\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tDOWNLOAD PHP-JS TRANSLATION SCRIPT\n\t\t\t\t\t\n\t\t\tUpload and configure the PHP script\n\t\t\n\t\tAfter downloading the script, unzip it and upload it to the root folder where Laravel is installed. Ensure it is located at the root of your Laravel installation (typically where your CMS files are). Ensure the folder is named \"linguise\" (the default name when the folder is unzipped).\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\tThen, the Linguise API key must be copied into the \u2026\/linguise\/Configuration.php file you uploaded to your server. Edit the file and paste your API key between the quotes, replacing the text REPLACE_BY_YOUR_TOKEN.\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\tInsert script of language switcher\t\t\n\t\tNext, insert the language switch script that you got from the Linguise dashboard.\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\tInserted into the front.blade.php file in the resources\/views\/layouts\/ directory. Here is a preview of the inserted script.\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\tConfigure .htaccess\n\t\t\n\t\tLastly, language-based URLs need to be configured in the .htaccess file. If your file includes \"RewriteBase \/,\" simply copy and paste the following code after that line.\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n RewriteEngine On\n RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|\/)(.*)$ linguise\/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]\n\n\t\t\t\t\n\t\t\t\n\t\tDone. At this point, you have successfully implemented cloud AI API Translation on the Linguise service. Now, you can check the Laravel website. A default language switcher will appear, and you can customize the Language switcher for Laravel via the dashboard.\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\tImplement Google Translate on Laravel\t\t\n\t\tNow we will try to implement Google Translate in Laravel. Here we assume that you have successfully created a Laravel project and just need to add Google Translate.You can also find the following installation steps on the official Laravel website.\t\t\n\t\t\tInstall Google Translator Package\n\t\t\n\t\tTo install the Google Translator Package, open the project prompt and input the following command. This package will enable you to utilize the working functions of the google-translator-language.\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tcomposer require stichoza\/google-translate-php\n\t\t\t\t\n\t\t\t\n\t\t\tSetting of Google Translator Package\n\t\t\n\t\tWe must set up the \"google translator package\" within the the application. Open the app.php file in the \/config folder, find the \"aliases\" section, and add the following line of code.\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\/*\n|--------------------------------------------------------------------------\n| Class Aliases\n|--------------------------------------------------------------------------\n|\n| This array of class aliases will be registered when this application\n| is started. However, feel free to register as many as you wish as\n| the aliases are \"lazy\" loaded so they don't hinder performance.\n|\n*\/\n'aliases' => Facade::defaultAliases()->merge([\n \/\/ 'Example' => AppFacadesExample::class,\n 'GoogleTranslate' => StichozaGoogleTranslateGoogleTranslate::class,\n])->toArray(),\n\n\t\t\t\t\n\t\t\t\n\t\t\tSetup Language Controller\n\t\t\n\t\tYou need to create a language controller file like the following\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tphp artisan make:controller LangController\n\t\t\t\t\n\t\t\t\n\t\tIt will create LangController.php file inside \/app\/Http\/Controllers folder.","keywords":"","name":"Implement Google Cloud AI API translation vs Google Translate for Laravel","thumbnailUrl":"https:\/\/www.linguise.com\/wp-content\/uploads\/2024\/05\/Implement-Google-Cloud-AI-API-translation-vs-Google-Translate-for-Laravel-150x150.png","wordCount":809,"timeRequired":"PT3M35S","mainEntity":{"@type":"WebPage","@id":"https:\/\/www.linguise.com\/blog\/guide\/implement-google-cloud-ai-api-translation-vs-google-translate-for-laravel\/"},"author":{"@type":"Person","name":"Tristan","url":"https:\/\/www.linguise.com\/author\/tristan\/","sameAs":[],"image":{"@type":"ImageObject","url":"https:\/\/secure.gravatar.com\/avatar\/50d7238660b192d8d54ebf6367be5e97bb41c24dbd190daae062d931efd351ae?s=96&d=mm&r=g","height":96,"width":96}},"editor":{"@type":"Person","name":"Tristan","url":"https:\/\/www.linguise.com\/author\/tristan\/","sameAs":[],"image":{"@type":"ImageObject","url":"https:\/\/secure.gravatar.com\/avatar\/50d7238660b192d8d54ebf6367be5e97bb41c24dbd190daae062d931efd351ae?s=96&d=mm&r=g","height":96,"width":96}}}</script> </head>
<body>
<div class="container mt-5">
<div class="row">
<div class="col-md-12">
<div class="card w-75 m-auto">
<div class="card-header text-center bg-primary text-white">
<h4 style="font-size: 17px;">Laravel 10 Create Multi Language Website Tutorial</h4>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-4">
<strong>Select Language: </strong>
</div>
<div class="col-md-4">
<select class="form-select changeLang">
<option value="en" {{ session()->get('locale') == 'en' ? 'selected' : '' }}>
English
</option>
<option value="fr" {{ session()->get('locale') == 'fr' ? 'selected' : '' }}>
French
</option>
<option value="ar" {{ session()->get('locale') == 'ar' ? 'selected' : '' }}>
Arabic
</option>
<option value="hi" {{ session()->get('locale') == 'hi' ? 'selected' : '' }}>
Hindi
</option>
</select>
</div>
</div>
<div style="margin-top: 20px;">
<p>{{ GoogleTranslate::trans('Welcome to Online Web Tutor', app()->getLocale()) }}</p>
<p>{{ GoogleTranslate::trans('It is a passionate and innovative Web Development Community dedicated to empowering aspiring web developers with the latest tools and techniques. Our platform offers a comprehensive range of web development courses, including PHP and its frameworks, Node.js, MySQL, Javascript and WordPress.', app()->getLocale()) }}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="litespeed/javascript">var url="{{ route('changeLang') }}";$(".changeLang").change(function(){window.location.href=url+"?lang="+$(this).val()})</script> <script data-no-optimize="1">window.lazyLoadOptions=Object.assign({},{threshold:300},window.lazyLoadOptions||{});!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,a=arguments[e];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}function o(t){return e({},at,t)}function l(t,e){return t.getAttribute(gt+e)}function c(t){return l(t,vt)}function s(t,e){return function(t,e,n){e=gt+e;null!==n?t.setAttribute(e,n):t.removeAttribute(e)}(t,vt,e)}function i(t){return s(t,null),0}function r(t){return null===c(t)}function u(t){return c(t)===_t}function d(t,e,n,a){t&&(void 0===a?void 0===n?t(e):t(e,n):t(e,n,a))}function f(t,e){et?t.classList.add(e):t.className+=(t.className?" ":"")+e}function _(t,e){et?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function g(t){return t.llTempImage}function v(t,e){!e||(e=e._observer)&&e.unobserve(t)}function b(t,e){t&&(t.loadingCount+=e)}function p(t,e){t&&(t.toLoadCount=e)}function n(t){for(var e,n=[],a=0;e=t.children[a];a+=1)"SOURCE"===e.tagName&&n.push(e);return n}function h(t,e){(t=t.parentNode)&&"PICTURE"===t.tagName&&n(t).forEach(e)}function a(t,e){n(t).forEach(e)}function m(t){return!!t[lt]}function E(t){return t[lt]}function I(t){return delete t[lt]}function y(e,t){var n;m(e)||(n={},t.forEach(function(t){n[t]=e.getAttribute(t)}),e[lt]=n)}function L(a,t){var o;m(a)&&(o=E(a),t.forEach(function(t){var e,n;e=a,(t=o[n=t])?e.setAttribute(n,t):e.removeAttribute(n)}))}function k(t,e,n){f(t,e.class_loading),s(t,st),n&&(b(n,1),d(e.callback_loading,t,n))}function A(t,e,n){n&&t.setAttribute(e,n)}function O(t,e){A(t,rt,l(t,e.data_sizes)),A(t,it,l(t,e.data_srcset)),A(t,ot,l(t,e.data_src))}function w(t,e,n){var a=l(t,e.data_bg_multi),o=l(t,e.data_bg_multi_hidpi);(a=nt&&o?o:a)&&(t.style.backgroundImage=a,n=n,f(t=t,(e=e).class_applied),s(t,dt),n&&(e.unobserve_completed&&v(t,e),d(e.callback_applied,t,n)))}function x(t,e){!e||0<e.loadingCount||0<e.toLoadCount||d(t.callback_finish,e)}function M(t,e,n){t.addEventListener(e,n),t.llEvLisnrs[e]=n}function N(t){return!!t.llEvLisnrs}function z(t){if(N(t)){var e,n,a=t.llEvLisnrs;for(e in a){var o=a[e];n=e,o=o,t.removeEventListener(n,o)}delete t.llEvLisnrs}}function C(t,e,n){var a;delete t.llTempImage,b(n,-1),(a=n)&&--a.toLoadCount,_(t,e.class_loading),e.unobserve_completed&&v(t,n)}function R(i,r,c){var l=g(i)||i;N(l)||function(t,e,n){N(t)||(t.llEvLisnrs={});var a="VIDEO"===t.tagName?"loadeddata":"load";M(t,a,e),M(t,"error",n)}(l,function(t){var e,n,a,o;n=r,a=c,o=u(e=i),C(e,n,a),f(e,n.class_loaded),s(e,ut),d(n.callback_loaded,e,a),o||x(n,a),z(l)},function(t){var e,n,a,o;n=r,a=c,o=u(e=i),C(e,n,a),f(e,n.class_error),s(e,ft),d(n.callback_error,e,a),o||x(n,a),z(l)})}function T(t,e,n){var a,o,i,r,c;t.llTempImage=document.createElement("IMG"),R(t,e,n),m(c=t)||(c[lt]={backgroundImage:c.style.backgroundImage}),i=n,r=l(a=t,(o=e).data_bg),c=l(a,o.data_bg_hidpi),(r=nt&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),k(a,o,i)),w(t,e,n)}function G(t,e,n){var a;R(t,e,n),a=e,e=n,(t=Et[(n=t).tagName])&&(t(n,a),k(n,a,e))}function D(t,e,n){var a;a=t,(-1<It.indexOf(a.tagName)?G:T)(t,e,n)}function S(t,e,n){var a;t.setAttribute("loading","lazy"),R(t,e,n),a=e,(e=Et[(n=t).tagName])&&e(n,a),s(t,_t)}function V(t){t.removeAttribute(ot),t.removeAttribute(it),t.removeAttribute(rt)}function j(t){h(t,function(t){L(t,mt)}),L(t,mt)}function F(t){var e;(e=yt[t.tagName])?e(t):m(e=t)&&(t=E(e),e.style.backgroundImage=t.backgroundImage)}function P(t,e){var n;F(t),n=e,r(e=t)||u(e)||(_(e,n.class_entered),_(e,n.class_exited),_(e,n.class_applied),_(e,n.class_loading),_(e,n.class_loaded),_(e,n.class_error)),i(t),I(t)}function U(t,e,n,a){var o;n.cancel_on_exit&&(c(t)!==st||"IMG"===t.tagName&&(z(t),h(o=t,function(t){V(t)}),V(o),j(t),_(t,n.class_loading),b(a,-1),i(t),d(n.callback_cancel,t,e,a)))}function $(t,e,n,a){var o,i,r=(i=t,0<=bt.indexOf(c(i)));s(t,"entered"),f(t,n.class_entered),_(t,n.class_exited),o=t,i=a,n.unobserve_entered&&v(o,i),d(n.callback_enter,t,e,a),r||D(t,n,a)}function q(t){return t.use_native&&"loading"in HTMLImageElement.prototype}function H(t,o,i){t.forEach(function(t){return(a=t).isIntersecting||0<a.intersectionRatio?$(t.target,t,o,i):(e=t.target,n=t,a=o,t=i,void(r(e)||(f(e,a.class_exited),U(e,n,a,t),d(a.callback_exit,e,n,t))));var e,n,a})}function B(e,n){var t;tt&&!q(e)&&(n._observer=new IntersectionObserver(function(t){H(t,e,n)},{root:(t=e).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))}function J(t){return Array.prototype.slice.call(t)}function K(t){return t.container.querySelectorAll(t.elements_selector)}function Q(t){return c(t)===ft}function W(t,e){return e=t||K(e),J(e).filter(r)}function X(e,t){var n;(n=K(e),J(n).filter(Q)).forEach(function(t){_(t,e.class_error),i(t)}),t.update()}function t(t,e){var n,a,t=o(t);this._settings=t,this.loadingCount=0,B(t,this),n=t,a=this,Y&&window.addEventListener("online",function(){X(n,a)}),this.update(e)}var Y="undefined"!=typeof window,Z=Y&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),tt=Y&&"IntersectionObserver"in window,et=Y&&"classList"in document.createElement("p"),nt=Y&&1<window.devicePixelRatio,at={elements_selector:".lazy",container:Z||Y?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},ot="src",it="srcset",rt="sizes",ct="poster",lt="llOriginalAttrs",st="loading",ut="loaded",dt="applied",ft="error",_t="native",gt="data-",vt="ll-status",bt=[st,ut,dt,ft],pt=[ot],ht=[ot,ct],mt=[ot,it,rt],Et={IMG:function(t,e){h(t,function(t){y(t,mt),O(t,e)}),y(t,mt),O(t,e)},IFRAME:function(t,e){y(t,pt),A(t,ot,l(t,e.data_src))},VIDEO:function(t,e){a(t,function(t){y(t,pt),A(t,ot,l(t,e.data_src))}),y(t,ht),A(t,ct,l(t,e.data_poster)),A(t,ot,l(t,e.data_src)),t.load()}},It=["IMG","IFRAME","VIDEO"],yt={IMG:j,IFRAME:function(t){L(t,pt)},VIDEO:function(t){a(t,function(t){L(t,pt)}),L(t,ht),t.load()}},Lt=["IMG","IFRAME","VIDEO"];return t.prototype={update:function(t){var e,n,a,o=this._settings,i=W(t,o);{if(p(this,i.length),!Z&&tt)return q(o)?(e=o,n=this,i.forEach(function(t){-1!==Lt.indexOf(t.tagName)&&S(t,e,n)}),void p(n,0)):(t=this._observer,o=i,t.disconnect(),a=t,void o.forEach(function(t){a.observe(t)}));this.loadAll(i)}},destroy:function(){this._observer&&this._observer.disconnect(),K(this._settings).forEach(function(t){I(t)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var e=this,n=this._settings;W(t,n).forEach(function(t){v(t,e),D(t,n,e)})},restoreAll:function(){var e=this._settings;K(e).forEach(function(t){P(t,e)})}},t.load=function(t,e){e=o(e);D(t,e)},t.resetStatus=function(t){i(t)},t}),function(t,e){"use strict";function n(){e.body.classList.add("litespeed_lazyloaded")}function a(){console.log("[LiteSpeed] Start Lazy Load"),o=new LazyLoad(Object.assign({},t.lazyLoadOptions||{},{elements_selector:"[data-lazyloaded]",callback_finish:n})),i=function(){o.update()},t.MutationObserver&&new MutationObserver(i).observe(e.documentElement,{childList:!0,subtree:!0,attributes:!0})}var o,i;t.addEventListener?t.addEventListener("load",a,!1):t.attachEvent("onload",a)}(window,document);</script><script data-no-optimize="1">window.litespeed_ui_events=window.litespeed_ui_events||["mouseover","click","keydown","wheel","touchmove","touchstart","pointerup","pointerdown"];var urlCreator=window.URL||window.webkitURL;function litespeed_load_delayed_js_force(){console.log("[LiteSpeed] Start Load JS Delayed"),litespeed_ui_events.forEach(e=>{window.removeEventListener(e,litespeed_load_delayed_js_force,{passive:!0})}),document.querySelectorAll("iframe[data-litespeed-src]").forEach(e=>{e.setAttribute("src",e.getAttribute("data-litespeed-src"))}),"loading"==document.readyState?window.addEventListener("DOMContentLoaded",litespeed_load_delayed_js):litespeed_load_delayed_js()}litespeed_ui_events.forEach(e=>{window.addEventListener(e,litespeed_load_delayed_js_force,{passive:!0})});async function litespeed_load_delayed_js(){let t=[];for(var d in document.querySelectorAll('script[type="litespeed/javascript"]').forEach(e=>{t.push(e)}),t)await new Promise(e=>litespeed_load_one(t[d],e));document.dispatchEvent(new Event("DOMContentLiteSpeedLoaded")),window.dispatchEvent(new Event("DOMContentLiteSpeedLoaded"))}function litespeed_load_one(t,e){console.log("[LiteSpeed] Load ",t);function d(){o.src.startsWith("blob:")&&URL.revokeObjectURL(o.src),e()}var o=document.createElement("script");o.addEventListener("load",d),o.addEventListener("error",d),t.getAttributeNames().forEach(e=>{"type"!=e&&o.setAttribute("data-src"==e?"src":e,t.getAttribute(e))}),o.type="text/javascript",!o.src&&t.textContent&&(o.src=litespeed_inline2src(t.textContent)),t.after(o),t.remove()}function litespeed_inline2src(t){try{var d=urlCreator.createObjectURL(new Blob([t.replace(/^(?:<!--)?(.*?)(?:-->)?$/gm,"$1")],{type:"text/javascript"}))}catch(e){d="data:text/javascript;base64,"+btoa(t.replace(/^(?:<!--)?(.*?)(?:-->)?$/gm,"$1"))}return d}</script><script data-no-optimize="1">var litespeed_vary=document.cookie.replace(/(?:(?:^|.*;\s*)_lscache_vary\s*\=\s*([^;]*).*$)|^.*$/,"");litespeed_vary||(sessionStorage.getItem("litespeed_reloaded")?console.log("LiteSpeed: skipping guest vary reload (already reloaded this session)"):fetch("/wp-content/plugins/litespeed-cache/guest.vary.php",{method:"POST",cache:"no-cache",redirect:"follow"}).then(e=>e.json()).then(e=>{console.log(e),e.hasOwnProperty("reload")&&"yes"==e.reload&&(sessionStorage.setItem("litespeed_docref",document.referrer),sessionStorage.setItem("litespeed_reloaded","1"),window.location.reload(!0))}));</script><script data-optimized="1" type="litespeed/javascript" data-src="https://www.linguise.com/wp-content/litespeed/js/1745bed7fcdc6be1f2c39bfacf53a5fd.js?ver=1529d"></script></body>
</html>
言語ミドルウェアの設定
プロジェクトのターミナルを開き、次のコマンドを実行します。
php artisan make:middleware LanguageManager
/app/Http/Middleware フォルダ内に LanguageManager.php ファイルを作成し、これを貼り付けます。.
<?php
namespace App\Http\Middleware;
use Closure;
use Illuminate\Http\Request;
use Symfony\Component\HttpFoundation\Response;
use Illuminate\Support\Facades\App;
class LanguageManager
{
/**
* Handle an incoming request.
*
* @param \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response) $next
*/
public function handle(Request $request, Closure $next): Response
{
if (session()->has('locale')) {
App::setLocale(session()->get('locale'));
}
return $next($request);
}
}
Kernel.phpを介して言語ミドルウェアを登録する
/app/HttpディレクトリにあるKernel.phpファイルを開きます。$middlewareGroups配列を探し、webセクションに移動します。.
/**
* The application's route middleware groups.
*
* @var array<string, array<int, class-string|string>>
*/
protected $middlewareGroups = [
'web' => [
//...
\App\Http\Middleware\LanguageManager::class,
],
'api' => [
//...
],
];
ルートを追加
/routesフォルダからweb.phpを開き、これらのルートを追加します。.
//...
use App\Http\Controllers\LangController;
//...
Route::get('lang/home', [LangController::class, 'index']);
Route::get('lang/change', [LangController::class, 'change'])->name('changeLang');
ウェブサイトのテスト
開発サーバーを起動するには、プロジェクトのターミナルでこのコマンドを実行してください。.
php artisan serve
以下は、作成された Laravel ウェブサイトの表示です。ウェブサイト onlinewebtutorblog.com から、次の表示でわかるように、Google翻訳のドロップダウンがあります。
次に、 Laravel ウェブサイトがアラビア語に翻訳されたときの表示はこのようになります。.
LaravelでGoogle Cloud AI翻訳とGoogle翻訳を実装する場合の違いは何ですか？
LaravelにおけるGoogle Cloud AIとGoogle Translate翻訳の各実装を理解した後、それらの違いについて説明します。.
インストールと設定のプロセス
- Google Cloud AI API翻訳： インストールと設定のプロセスはより複雑です。Google Cloud Platform（GCP）でプロジェクトを作成し、Cloud Translation APIを有効にし、サービスアカウントを作成し、APIキーを生成し、 Laravel アプリケーションでAPIクライアントを設定する必要があるためです。これにはいくつかのステップが含まれ、有効なGCPアカウントが必要です。
- Google Translate: インストールと設定ははるかに簡単です。Composer経由で stichoza/google-translate-php などのサードパーティ製パッケージまたはライブラリをインストールするだけです。その後、 Laravel の設定ファイルで Google Translate API キーを設定できます。
翻訳精度
- Google Cloud AI API 翻訳： 深層学習機能により、このサービスは複雑な言語の文脈やニュアンスをより的確に捉えることができます。これにより、直訳が難しい慣用表現、比喩的なフレーズ、言葉遊びなどをより正確に翻訳することが可能になります。
- Google翻訳： 細かい言語の文脈やニュアンスを捉えるのが苦手で、結果が堅苦しく、不自然に聞こえることがよくあります。統計的アプローチのため、慣用表現や比喩的なフレーズの翻訳は正確性が低いことがよくあります。
応答速度
- Google Cloud AI API翻訳： 翻訳リクエストへの応答が一般的に高速です。最適化された ニューラル機械翻訳 モデルをGoogleの堅牢なクラウドインフラストラクチャ上でホストしているためです。これにより、特に長いテキストや大量の翻訳で応答時間が短縮されます。
- Google 翻訳: 翻訳リクエストへの応答がやや遅くなる場合があります。特に長い文書やテキストでは顕著です。これは、統計的翻訳とニューラル翻訳を組み合わせた従来型のアプローチを採用しているためで、Google Cloud AI API 翻訳で使用されているニューラルモデルほど効率的ではない可能性があります。
カスタマイズと制御機能
- Google Cloud AI API Translation: 翻訳プロセスをカスタマイズおよび制御するためのより多くのオプションを提供します。例えば、翻訳設定の構成、カスタム用語集のアップロード、そして ライブエディター翻訳 インターフェースにアクセスして翻訳結果を手動で編集することができます。これにより、ユーザーはニーズに応じて翻訳精度を向上させることができます。
- Google翻訳： カスタマイズと制御のオプションがより限られています。ユーザーは、結果を編集したり直接カスタマイズしたりする能力がほとんどなく、自動翻訳の結果に頼らなければなりません。
高度な機能
- Google Cloud AI API翻訳： Google Cloud AI翻訳技術には、用語集、モデル選択、AutoMLモデルなどのいくつかの高度な機能があります。さらに、 LinguiseによるクラウドAI翻訳のコンテキストでは、 翻訳除外 のような高度な機能もあり、技術用語やブランド名などの特定の単語を行、ページ、またはURLに基づいて除外できます。
- Google 翻訳: Laravel にインストールされた Google 翻訳は、 Laravel 音声ドキュメントなどを翻訳することはできません。ウェブサイト上のテキストを別の言語に翻訳することはできますが、翻訳結果を編集する機能はありません。
Laravel ウェブサイトの翻訳サービスを選ぶ際に考慮すべき要素
Laravel ウェブサイトに最適な翻訳サービスを選ぶ際の考慮事項をいくつか紹介します。.
- 高い翻訳精度 – 最も重要な要素の1つは、生成される翻訳の精度です。ウェブサイトが高度に正確な翻訳を必要とする場合、特に複雑なコンテンツやニュアンスのある言語の場合、Google Cloud AI API TranslationはGoogle翻訳よりも良い選択肢となるかもしれません。
- 統合と設定の容易さ — 翻訳サービスをあなたの Laravel アプリケーションにインストールして設定することを検討してください。Google Translate は通常、PHP パッケージまたはライブラリとして利用できるため、統合が容易です。一方、Google Cloud AI API Translation は、Google Cloud Platform 上でより複雑な設定が必要です。
- 機能とカスタマイズオプション – 用語集や専門用語の翻訳、 エディター翻訳 結果、その他のカスタマイズオプションなどの追加機能が必要な場合、Google Cloud AI API 翻訳は Google 翻訳よりも多くの選択肢を提供します。
- 速度と応答時間 – 大量の翻訳量があるアプリケーションや高速な応答が必要な場合、Google Cloud AI API Translation は通常、Google Translate よりも翻訳リクエストに迅速に応答します。
- コストと予算 – Google翻訳は非商用利用であれば無料で利用できますが、Google Cloud AI API Translationは使用量に基づく有料の課金モデルを採用しています。予算と推定翻訳量を考慮して、最もコスト効率の良いサービスを選択してください。
- サポートとドキュメント – また、各サービスで利用可能な技術サポートとドキュメントも考慮してください。Google Cloud AI API Translation は、Google からのより包括的なドキュメントとサポートがあるかもしれません。
Linguise、 Laravel ウェブサイトに最適なクラウド AI 翻訳サービス
ここまでで、 Laravelの翻訳サービスを選択する際の考慮事項はすでにご存じでしょう。上記の要素のほとんどすべてが、 Linguise 翻訳サービスに備わっています。.
Linguise はウェブサイト翻訳サービスです 。クラウド AI 翻訳技術を使用してコンテンツ翻訳を生成します。このサービスは、 Laravel ベースのウェブサイトを翻訳するための最良のソリューションとなり得ます。なぜでしょうか？それは、 Linguise が上記の考慮事項に対応しているからです。
- Linguise は 完璧な翻訳品質を誇ります。 この精度は言語ペアによって異なりますが、 Linguise は人間の翻訳に近い約97%の精度を誇ります。
- Linguise は40以上のCMSやウェブビルダーとも統合されており、 LaravelのようなPHPベースのウェブサイトとも統合されています Laravel。
- 自動翻訳されますが、 Linguise には翻訳結果を編集できるライブエディターがあります。これにより、ビジネスの好みに合わせて翻訳を調整できます。.
- 多言語ページの読み込み時間は、元の言語のページと比べてわずか5%長いだけです。.
- 当社のサービスは、月額15ドルから45ドルの3つのパッケージでご利用いただけます。有料ではありますが、60万語まで翻訳可能な30日間の無料トライアル期間もご用意しています。.
- 最後に、 Linguise はガイド記事、ドキュメント、製品ニュース、YouTubeビデオチュートリアル、24時間365日のサポートチャットなど、あらゆる形式のカスタマーサポートを提供しています。.
以上の点から、 Linguise は Laravel向けのクラウドAI翻訳技術ソリューションとなり得ます。.
新しい市場を開拓する準備はできていますか？リスクフリーの1ヶ月トライアルで、当社の自動翻訳サービスを無料でお試しください。クレジットカードは不要です！
結論
この記事では、 Laravel のWebアプリケーションにGoogle Cloud AI API TranslationとGoogle Translateを実装する際の主な違いを探りました。.
Google Cloud AI API Translationは、精度と高精度な翻訳の必要性において優れています。ただし、このサービスはより複雑な設定が必要で、Google Translateよりも高価です。一方、Google Translateは統合が容易ですが、精度とカスタマイズオプションに制限があります。.
Linguise は、 Laravel のウェブサイトに対応したクラウドAIベースの代替翻訳サービスとして登場します。人間の翻訳にほぼ匹敵する精度、翻訳エディタのオプション、高速な読み込み時間、包括的なカスタマーサポートを備えた Linguise は、あなたの Laravel ウェブサイトにとって優れた翻訳ソリューションとなります。.
Linguiseを試してみたい場合は、 Linguise、 無料アカウントに登録 して、60万語の翻訳制限付きで30日間のトライアル期間をお楽しみください。詳細については、 linguise.comをご覧ください！
