Q&A
m.ts 10806様
ご回答ありがとうございます。
ご教授していただいたキーワード[laravel Unicode]で調べてみます。
ありがとうございました。
前提・実現したいこと
ログインしているユーザーのデータを表示させたいのですが、どうしてもうまく表示できなくて困っています。どのように解決をすればいいのか、ご教授して頂きたく投稿させて頂きました。
発生している問題・エラーメッセージ
データをviewに渡して表示させるとこのように表示をしてしまいます。
[{"id":3,"question":"\u3042\u306a\u305f\u306e\u8da3\u5473\u306f\uff1f","created_at":"2020-09-06T08:00:39.000000Z","updated_at":"2020-09-06T08:00:39.000000Z","laravel_through_key":1}]
該当のソースコード
HomeController.php
<?php namespace App\Http\Controllers; use Illuminate\Http\Request; class HomeController extends Controller { /** * Create a new controller instance. * * @return void */ public function __construct() { $this->middleware('auth'); $this->middleware('UnescapeJsonResponse'); } /** * Show the application dashboard. * * @return \Illuminate\Contracts\Support\Renderable */ public function index() { $auth = \Auth::user(); return view('home')->with('auth', $auth); } }
home.blade.php
@extends('layouts.app') @section('content') <div class="container"> <div class="row justify-content-center"> <div class="col-md-8"> <div class="card"> <div class="card-header">{{ __('Dashboard') }}</div> <div class="card-body"> @if (session('status')) <div class="alert alert-success" role="alert"> {{ session('status') }} </div> @endif <h2>製作したアンケート一覧</h2> {{ $auth->questionnaires }} <h2>答えたアンケート</h2> </div> </div> </div> </div> </div> @endsection
Http\Middleware\UnescapeJsonResponse.php
<?php namespace App\Http\Middleware; use Closure; use Symfony\Component\HttpFoundation\JsonResponse; class UnescapeJsonResponse { /** * Handle an incoming request. * * @param \Illuminate\Http\Request $request * @param \Closure $next * @return mixed */ public function handle($request, Closure $next) { $response = $next($request); //JSONでない場合はそのまま if (!$response instanceof JsonResponse) { return $response; } // Unicodeエスケープさせないようにオプションを追加 $response->setEncodingOptions($response->getEncodingOptions() | JSON_UNESCAPED_UNICODE); return $response; } }
app\User.php
<?php namespace App; use Illuminate\Contracts\Auth\MustVerifyEmail; use Illuminate\Foundation\Auth\User as Authenticatable; use Illuminate\Notifications\Notifiable; class User extends Authenticatable { use Notifiable; /** * The attributes that are mass assignable. * * @var array */ protected $fillable = [ 'name', 'email', 'password', ]; /** * The attributes that should be hidden for arrays. * * @var array */ protected $hidden = [ 'password', 'remember_token', ]; /** * The attributes that should be cast to native types. * * @var array */ protected $casts = [ 'email_verified_at' => 'datetime', ]; public function responses(){ return $this->belongsToMany('App\Response', 'response_user', 'user_id', 'response_id'); } public function questionnaireUsers(){ return $this->hasMany('App\QuestionnaireUser'); } public function questionnaires(){ return $this->hasManyThrough('App\Questionnaire', 'App\QuestionnaireUser', 'user_id', 'id', 'id', 'questionnaire_id' ); } public function answers(){ return $this->hasManyThrough('App\Answer', 'App\Response', 'answer_id', 'id', 'id', 'answer_id'); } }
試したこと
自分ではどのように検索すればいいのかわからず、こちらに投稿させて頂きました。
※追加
Unicodeエスケープを無効化
こちらの記事を参考にUnicodeエスケープを無効化を試みたのですが、うまくいかない状況にあります。
補足情報（FW/ツールのバージョンなど）
php -v
7.4.6
php artisan -V
Laravel Framework 7.11.0
mysql --version
mysql Ver 8.0.20 for Linux on x86_64 (MySQL Community Server - GPL)
回答3件
0
ベストアンサー
$auth->questionnairesは、リレーションのデータです。
関係性は、hasMany（hasManyThrough）なので、$auth->questionnairesの中身は、
Modelインスタンスを複数持つcollectionです。
これをbladeファイルに、直接
{{ $auth->questionnaires }}
このように書くと、HTMLの一部としてcollectionをそのまま表示することはできないので、
自動的にテキスト情報化。。「jsonデータへ変換」される仕様です。
なので、表示されているのは、「collectionが jsonデータへ変換された」ものです。
※phpにおいて「jsonデータ化」は、全角文字などをunicodeエスケープするのがデフォルトの処理です。
もし、単純に、今表示されている一部のエスケープされた部分を「日本語のまま表示にしたいだけ」なら、
自分で明示的にjson化し、その際にオプションを指定すればいいだけです。。。
{{$auth->questionnaires->toJson(JSON_UNESCAPED_UNICODE)}}
↓画面にはこう出る（日本語の部分はm.ts10806さんの回答から拝借しました。*v_v）
[{"id":3,"question":"あなたの趣味は？","created_at":"2020-09-06T08:00:39.000000Z","updated_at":"2020-09-06T08:00:39.000000Z","laravel_through_key":1}]
が、本当にしたいことはこれなのかなぁ。。？？
ちなみに、試されたことの
Unicodeエスケープを無効化
こちらの記事を参考にUnicodeエスケープを無効化を試みたのですが、うまくいかない状況にあります。
これは、「jsonデータのレスポンスを返却する場合に、unicodeエスケープをしない方法」なので、
viewを使って、htmlレスポンスを返却しているであろう、今回のケースでは適用されません。
投稿2020/10/01 01:50
総合スコア1910
0
UNICODE文字列にされているだけかと思います。
php
1<?php 2$j = '[{"id":3,"question":"\u3042\u306a\u305f\u306e\u8da3\u5473\u306f\uff1f","created_at":"2020-09-06T08:00:39.000000Z","updated_at":"2020-09-06T08:00:39.000000Z","laravel_through_key":1}]'; 3 4var_dump( json_decode($j)); 5/** 6array(1) { 7 [0]=> 8 object(stdClass)#1 (5) { 9 ["id"]=> 10 int(3) 11 ["question"]=> 12 string(24) "あなたの趣味は？" 13 ["created_at"]=> 14 string(27) "2020-09-06T08:00:39.000000Z" 15 ["updated_at"]=> 16 string(27) "2020-09-06T08:00:39.000000Z" 17 ["laravel_through_key"]=> 18 int(1) 19 } 20} 21**/
[Laravel unicode ]とかで調べればそれなりに対策は出てきます。
まずはこの文字列が文字化けなどではなく正常な表示であるという認識から。
投稿2020/09/16 14:00
総合スコア80875
「結局どう解決したか」をフィードバックいただければと。
すみません。まだ解決に至ってません。
unicodeエスケープを無効化するために下記の記事を参考にしたのですが、unicodeエスケープを無効化することができない状況にあります。
https://nextat.co.jp/staff/archives/203
でしたらひとまず「解決済み」を「受付中」に戻しておいてください。
「解決済み」のままでしたらほかの人の目につきにくいです。
ご指摘ありがとうございます。
受付中に戻しておきました。
0
Blade
1@extends('layouts.app') 2 3@section('content') 4<div class="container"> 5 <div class="row justify-content-center"> 6 <div class="col-md-8"> 7 <div class="card"> 8 <div class="card-header">{{ __('Dashboard') }}</div> 9 10 <div class="card-body"> 11 @if (session('status')) 12 <div class="alert alert-success" role="alert"> 13 {{ session('status') }} 14 </div> 15 @endif 16 <h2>製作したアンケート一覧</h2> 17 <?php var_dump($auth->questionnaires) ?> 18 <h2>答えたアンケート</h2> 19 </div> 20 </div> 21 </div> 22 </div> 23</div> 24@endsection 25
投稿2020/10/01 01:08
総合スコア10429
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/10/01 14:15