Igreks Inc. Developer – ページ 4

Joomla1.5でdescriptionにtitleの値を設定する

Joomla1.5とかって古っ！！という意見は置いておいて、、。

主にGoogleのSEO対策です。

Joomlaでは、ページのdescriptionが明示的に指定されていないと、グローバルのdescriptionの値が出力されます。

なので、descriptionの指定が無いページは、すべてdescriptionの内容が同じになって、Google先生にサーチコンソールとかで、「HTMLの改善：descriptionの重複！」と怒られます。

Joomlaで書き溜めた何百件もある記事、これから1件1件descriptionを書き足すのはかなり大変ですので、descriptionにはtitleの内容を動的に出力させ、Google先生の警告を回避するという横着な方法です。

１．/templates/使用中のテンプレート名/index.phpを開きます。

2．以下のように修正します。

// headタグ内の<jdoc:include type="head" />の直前に追記
 :
<head>
// [Start] ***********//
<?php
  // Google対策 他のページとDescriotionが重複しないようにDescriptionには
  // タイトルの値を設定する
  $document =& JFactory::getDocument();
  $document->setDescription($document->title);
}
?>
// [End] *************// 
<jdoc:include type="head" />
 :

// headタグ内の<jdoc:include type="head" />の直前に追記

<head>

// [Start] ***********//

<?php

// Google対策他のページとDescriotionが重複しないようにDescriptionには

// タイトルの値を設定する

$document =& JFactory::getDocument();

$document->setDescription($document->title);

}

// [End] *************//

<jdoc:include type="head" />

以上です。

ECCUBE3の商品一覧の並び順に「お気に入り数順」を追加する

まず最初に、並び順テーブル(mtb_product_list_order_by)に新しく「お気に入り数順」を追加

（一例）
・id：4
・name：お気に入り数順(任意)
・rank：3

※optionの順番を前に持ってきたければrankの番号を減らす

/src/Eccube/Resource/config/constant.yml.dist に追加したorderbyパラメタの番号(4)に名前を定義する

  :
++ product_order_favorite_higher: 4
  :

++ product_order_favorite_higher: 4

参考）
https://github.com/EC-CUBE/ec-cube/issues/2703

/src/Eccube/Repository/ProductRepository.php に、SQLを定義する

// 新着順のセクションの後に以下を追加

// お気に入り数順
else if (!empty($searchData['orderby']) && $searchData['orderby']->getId() == $config['product_order_favorite_higher']) {
   $qb->addSelect('COUNT(cfp.id) as HIDDEN favorite_count');
   $qb->leftJoin('p.CustomerFavoriteProducts', 'cfp');
   $qb->groupBy('p');
   $qb->orderBy('favorite_count', 'DESC');
   $qb->addOrderBy('p.id', 'DESC');
}

// 新着順のセクションの後に以下を追加

// お気に入り数順

else if (!empty($searchData['orderby']) && $searchData['orderby']->getId() == $config['product_order_favorite_higher']) {

$qb->addSelect('COUNT(cfp.id) as HIDDEN favorite_count');

$qb->leftJoin('p.CustomerFavoriteProducts', 'cfp');

$qb->groupBy('p');

$qb->orderBy('favorite_count', 'DESC');

$qb->addOrderBy('p.id', 'DESC');

}

※クエリビルダーを使用する際、JOINするテーブル名やカラム名はdoctrineの定義に基づくので、 /src/Eccube/Resource/doctrine/Eccube.Entity.CustomerFavoriteProduct.dcm.ymlなどの中を確認して、同じ名前にする。

ちなみに、上記は、生のSQLとしては下記のような感じとなる。多分。

SELECT * , Count(cfp.product_id)        AS favorite_count
FROM       dtb_product                  AS p
LEFT JOIN dtb_customer_favorite_product AS cfp
ON         p.product_id = cfp.product_id
GROUP BY   p.product_id
ORDER BY   favorite_count DESC, p.product_id DESC

SELECT * , Count(cfp.product_id) AS favorite_count

FROM dtb_product AS p

LEFT JOIN dtb_customer_favorite_product AS cfp

ON p.product_id = cfp.product_id

GROUP BY p.product_id

ORDER BY favorite_count DESC, p.product_id DESC

参考）
https://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=17472&forum=10
https://ameblo.jp/withathena/entry-12173872626.html
https://umebius.com/eccube/sort_admin_product_master/
http://doctrine-orm.readthedocs.io/projects/doctrine-orm/en/latest/reference/query-builder.html
https://teratail.com/questions/30434
https://teratail.com/questions/43888
http://www.aiship.jp/knowhow/archives/25107
http://d.hatena.ne.jp/Fivestar/20100423/1272013815

以上で、商品一覧ページのドロップダウンに「お気に入り数順」が追加され、選択するとお気に入りに追加された数の多い商品順にソートされる。

ECCUBE3(Symfony)のテンプレート(Twig)内でのシステムURL出力

忘備録として随時更新中。テンプレ内をよく探せば出てくるのだが、、、。

トップページURL

{{ url('homepage') }}

1	{{ url('homepage') }}

カレントページ(現在アクセスしているページ)URL

{{ app.request.uri }}

1	{{ app.request.uri }}

商品一覧ページURL

{{# 基本形 #}}
{{ url('product_list') }}

{{# カテゴリ情報を付ける場合 #}}
{{ url('product_list') }}?category_id="カテゴリID"

{{# EntityでCategory.idが定義されている場合 #}} 
{{ url('product_list') }}?category_id={{ Category.id }}

{{ url('product_list') }}?category_id="カテゴリID"

{{ url('product_list') }}?category_id={{ Category.id }}

商品画像保存ディレクトリの絶対パス

{{# 基本形 #}}
{{ app.config.image_save_urlpath }}

{{# ファイル名を指定する場合 #}}
{{ app.config.image_save_urlpath }}/"画像ファイル名"

{{# EntityでProduct.ProductImageが定義されている場合 #}}
{{ app.config.image_save_urlpath }}/{{ Product.ProductImage."添え字"|no_image_product }}

{{ app.config.image_save_urlpath }}/"画像ファイル名"

{{ app.config.image_save_urlpath }}/{{ Product.ProductImage."添え字"|no_image_product }}

商品詳細ページURL

{{# 基本形 #}}
{{ url('product_detail', {'id': "商品ID") }}

{{# EntityでProduct.idが定義されている場合 #}}
{{ url('product_detail', {'id': Product.id}) }}

{{ url('product_detail', {'id': "商品ID") }}

{{ url('product_detail', {'id': Product.id}) }}

商品詳細ページでのメイン画像URL (Pinterestボタンに画像URLのパラメタ付けたい時とか)

{{ "Product.ProductImage"が商品画像のファイル名が入った配列 }}
{{ url('homepage') }}upload/save_image/{{ Product.ProductImage.0|no_image_product }}

1 2	{{ "Product.ProductImage"が商品画像のファイル名が入った配列 }} {{ url('homepage') }}upload/save_image/{{ Product.ProductImage.0\|no_image_product }}

参考サイト）

ECCUBE3でカテゴリに補足情報を追加する

EC-CUBE 3.0.16
MySQL 5.6.19
PHP 5.6.36

例として、あるカテゴリに「関連A」(assoc_A)という補足情報を追加する場合。

１．テーブルへのカラム追加
dtb_categoryテーブルへ”assoc_A”という名前のカラムをtinyintタイプで追加。また、NULLを許可にする。

２．エンティティファイルに、セッターゲッター追加
/src/Eccube/Entity/Category.php

以下のように追記。

    /**
     * @var integer
     */
    private $assoc_A;
 
    /**
     * @return string
     */
    public function getAssocA()
    {
        return $this->assoc_A;
    }
 
    /**
     * @param string $assoc_A
     * @return \Eccube\Entity\Category
     */
    public function setAssocA($assocA)
    {
        $this->assoc_A = $assocA;
        return $this;
    }

    /************************************
     ※メソッド名とその引数にアンダーバーを使うと
       エラーになるので、宣言した変数名にアンダーバー
       を含む場合は上記のように、アンダーバーを消して
       その次の文字を大文字(キャメルケース)にする。
    ************************************/

/**

* @var integer

private $assoc_A;

/**

* @return string

public function getAssocA()

{

return $this->assoc_A;

}

/**

* @param string $assoc_A

* @return \Eccube\Entity\Category

public function setAssocA($assocA)

{

$this->assoc_A = $assocA;

return $this;

}

/************************************

※メソッド名とその引数にアンダーバーを使うと

エラーになるので、宣言した変数名にアンダーバー

を含む場合は上記のように、アンダーバーを消して

その次の文字を大文字(キャメルケース)にする。

************************************/

３．データベース定義ファイルへカラム追加
/src/Eccube/Resource/doctrine/Eccube.Entity.Category.dcm.yml

fields一覧にassoc_Aの項目を追加。データベースとエンティティクラスを接続するのがdcm.yml(Doctrineマッピングファイル)。これにより、Categoryエンティティのassoc_Aとdtb_categoryのassoc_Aカラムが接続される。

       assoc_A:
            type: boolean
            nullable: true

assoc_A:

type: boolean

nullable: true

※データ型がint,smallint,tinyintでも、Formでcheckboxタイプを使う予定のため（論理型(値が1か0のタイプ)と認識されるので）ブーリアンタイプにしておく。

ECCUBE3で使用できるtype一覧は過去記事参照。

4．フォーム定義ファイルへの項目追加
/src/Eccube/Form/Type/Admin/CategoryType.php

下記のように、管理画面の商品登録フォームへ定義を追加。

$builder->add('assoc_A', 'checkbox', array(
                'label' => 'A',
                'required' => false,
                //valueはデフォルトで"1"らしい
          ));

$builder->add('assoc_A', 'checkbox', array(

'label' => 'A',

'required' => false,

//valueはデフォルトで"1"らしい

));

5．管理画面（カテゴリ登録画面）へフォーム表示
/app/template/admin/Product/category.twig

フォームを表示したい場所に下記のように記述。

{{ form_row(form.assoc_A) }}
{{## もしくは ##}}
{{ form_widget(form.assoc_A) }}{{ form_errors(form.assoc_A) }}

6．商品詳細ページへの表示
/app/template/default/Product/detail.twig

関連付けした情報を使って詳細ページでごにょごにょするには、多少の工夫が必要。これについては別途書く予定。

とりあえず以上。

参考URL）

http://symfony.com/doc/current/reference/forms/types/checkbox.html

Twigの小技まとめ

文字列省略（Twig1.6以降）

{{# 32文字目まで表示して残りは...にする #}}
{{ name | length > 32 ? name | slice(0, 32) ~ '…' : name }}

1 2	{{# 32文字目まで表示して残りは...にする #}} {{ name \| length > 32 ? name \| slice(0, 32) ~ '…' : name }}

HTML参照文字エスケープ

{{ html | e }}
{{# または、#}}
{{ html | e("html") }}

リプレース

{{ "I like %this% and %that%." | replace({'%this%': foo, '%that%': "bar"}) }}

{{ "I like this and --that--." | replace({'this': foo, '--that--': "bar"}) }}

{{ "I like %this% and %that%." | replace({'%this%': foo, '%that%': "bar"}) }}

{{ "I like this and --that--." | replace({'this': foo, '--that--': "bar"}) }}

改行文字をbrに

{{ text | nl2br }}

1	{{ text \| nl2br }}

ループ

{## 基本形 ##}
{% for Product in Products %}
  ID:      {{ Product.id }}
  Name: {{ Product.name }}
{% endfor %}

{## キーだけ表示 ##}
{% for Product in Products | keys %}
  key: {{ Product }}
{% endfor %}

{## キー,値をそれぞれ取得 ##}
{% for ProductKey, ProductValue in Products %}
  key:   {{ ProductKey }}
  value: {{ ProductValue }}
{% endfor %}

{## sliceと組み合わせたり ##}
{% for key, value in ['太郎', '次郎', '三郎', '四郎', '五郎']|slice(2, 4) %}
    {{ key }}:{{ value }}
{% endfor %}
{# 0:三郎 1:四郎 2:五郎 #}

{## 基本形 ##}

{% for Product in Products %}

ID: {{ Product.id }}

Name: {{ Product.name }}

{% endfor %}

{## キーだけ表示 ##}

{% for Product in Products | keys %}

key: {{ Product }}

{% endfor %}

{## キー,値をそれぞれ取得 ##}

{% for ProductKey, ProductValue in Products %}

key: {{ ProductKey }}

value: {{ ProductValue }}

{% endfor %}

{## sliceと組み合わせたり ##}

{% for key, value in ['太郎', '次郎', '三郎', '四郎', '五郎']|slice(2, 4) %}

{{ key }}:{{ value }}

{% endfor %}

{# 0:三郎 1:四郎 2:五郎 #}

ループの中で使える便利なやつ

{## loop.lastは、最後の要素の時true ##}
{% for Product in Products %}
  ID:      {{ Product.id }}
  Name: {{ Product.name }}
  {## 最後の要素じゃなかったらコンマ出力 ##}
  {{ loop.last ? '' : ',' }}
{% endfor %}

{## loop.lastは、最後の要素の時true ##}

{% for Product in Products %}

ID: {{ Product.id }}

Name: {{ Product.name }}

{## 最後の要素じゃなかったらコンマ出力 ##}

{% endfor %}

正規表現マッチング

{# 基本形 #}
{% if Product matches '{^abc$}' %}
  match！
{% else %}
  not match！ 
{% endif %}

{# メタ文字(.や?など)エスケープ時はバックスラッシュ3つ #}
{% if Product matches '{\\\?id=1234}' %}
  match！
{% else %}
  not match！
{% endif %}

{# 基本形 #}

{% if Product matches '{^abc$}' %}

match！

{% else %}

not match！

{% endif %}

{# メタ文字(.や?など)エスケープ時はバックスラッシュ3つ #}

{% if Product matches '{\\\?id=1234}' %}

match！

{% else %}

not match！

{% endif %}

その他は随時更新。

参考URL）

https://hrroct.hatenablog.com/entry/2017/04/28/184032
https://qiita.com/assa/items/4fef2f3abd95248ed626
https://twig.symfony.com/doc/2.x/filters/replace.html
https://tetra-themes.com/eccube3-dump-498/
http://www.tomcky.net/entry/2018/02/08/010639
http://mononofu.hatenablog.com/entry/20111209/1323431291

UTF-8のCSVファイルを文字化けなくエクセルで開く

エクセルの仕様なのか、何も考えずにUTF-8のファイルエクセルで開くと、標準文字コードで開くため、だいたいの確率で文字化けします。

ちなみにShift JISであれば、問題なく開けます。

対策としては、適当なテキストエディタなどで開いて、UTF-8(BOM付き)で一度保存すれば、次からはエクセルでも文字化けせず問題なく開くことが出来ます。

このことから、コンテンツの最初にBOMをつけてやれば、ダウンロード後すぐにエクセルで文字化けなく開くことが出来ます。

動的出力するCSVファイルであれば、対策は簡単です。以下はPerlでの例です。

# このファイルはUTF-8で作成

# CSVのコンテンツ作成
my $csv = "aaa, bbb,ccc, あいうえお, 아이우에오";

# 先頭にBOMを追加
$csv = "\xEF\xBB\xBF" .$csv;

# 出力
print <<EOM;
Content-Type: application/octet-stream
Content-Disposition: attachment; filename=hoge.csv

$csv
EOM

# このファイルはUTF-8で作成

# CSVのコンテンツ作成

my $csv = "aaa, bbb,ccc, あいうえお, 아이우에오";

# 先頭にBOMを追加

$csv = "\xEF\xBB\xBF" .$csv;

# 出力

print <<EOM;

Content-Type: application/octet-stream

Content-Disposition: attachment; filename=hoge.csv

$csv

EOM

たったこれだけです。

なお、他サイトなどで、BOMは”0xFE 0xFF”などと紹介しているところがありますが、”0xFE 0xFF”はUTF-16のBEエイディアンのBOMであり、UTF-8のBOMは”0xEF 0xBB 0xBF”ですのでご注意ください。

テキストエディタだと”0xFE 0xFF”をつけてもちゃんと解釈してくれることがありますが、エクセルの場合は”0xEF 0xBB 0xBF”を付けないとダメ見たいです。

参考サイト）

Postfixのメールログで特定のキューIDを抽出する

あるメール配信で配信エラーになった場合に、相手先からどのようなエラーコードとバナーが返却されているかを調べるときに便利。

ちなみに、postfixのログは、一行ごとに、

日付 時刻 ホスト名  postfix/プロセス名[プロセスID]: キューID: 処理・・・

1	日付時刻ホスト名 postfix/プロセス名[プロセスID]: キューID: 処理・・・

といった構造で書かれる。同じキューIDのログを調べれば、一通のメールの一連の動きを追うことが出来る。

直近の”to@hoge.com”宛てのメールのキューIDを取得するシェルスクリプト

#!/bin/bash

# メールログの場所
MAILLOG_PATH='/var/log/maillog'
# 宛て先でgrepして、sedでキューIDを抽出
qid=`cat "$MAILLOG_PATH" | grep -Eo "\[[0-9]+\]\: [A-Z0-9]+\:.*?to=<to\@hoge\.com>" | tail -1 | sed -r "s/^\[[0-9]+\]\: ([A-Z0-9]+)\:.*?$/\1/"`
# 抽出したキューIDで再検索
logs=`cat "$MAILLOG_PATH" | grep $qid`

echo $logs

#!/bin/bash

# メールログの場所

MAILLOG_PATH='/var/log/maillog'

# 宛て先でgrepして、sedでキューIDを抽出

qid=`cat "$MAILLOG_PATH" | grep -Eo "\[[0-9]+\]\: [A-Z0-9]+\:.*?to=<to\@hoge\.com>" | tail -1 | sed -r "s/^\[[0-9]+\]\: ([A-Z0-9]+)\:.*?$/\1/"`

# 抽出したキューIDで再検索

logs=`cat "$MAILLOG_PATH" | grep $qid`

echo $logs

結果

May  8 19:**:** *** postfix/pickup[32062]: D361640567: uid=48 from=<from@fuga.com>
May  8 19:**:** *** postfix/cleanup[32321]: D361640567: message-id=<20180508******.D361640567@fuga.com>
May  8 19:**:** *** postfix/qmgr[1849]: D361640567: from=<from@fuga.com>, size=1098, nrcpt=1 (queue active)
May  8 19:**:** *** postfix/smtp[32324]: D361640567: to=<to@hoge.com>, relay=***.***.com[***.**.**.**]:25, delay=0.2, delays=0.06/0/0.03/0.12, dsn=5.0.0, status=bounced (host ***.***.com[***.**.**.**] said: 550 Invalid recipient: <to@hoge.com> (in reply to RCPT TO command))
May  8 19:**:** *** postfix/bounce[32332]: D361640567: sender non-delivery notification: 1145640568
May  8 19:**:** *** postfix/qmgr[1849]: D361640567: removed

May 8 19:**:** *** postfix/pickup[32062]: D361640567: uid=48 from=<from@fuga.com>

May 8 19:**:** *** postfix/cleanup[32321]: D361640567: message-id=<20180508******.D361640567@fuga.com>

May 8 19:**:** *** postfix/qmgr[1849]: D361640567: from=<from@fuga.com>, size=1098, nrcpt=1 (queue active)

May 8 19:**:** *** postfix/smtp[32324]: D361640567: to=<to@hoge.com>, relay=***.***.com[***.**.**.**]:25, delay=0.2, delays=0.06/0/0.03/0.12, dsn=5.0.0, status=bounced (host ***.***.com[***.**.**.**] said: 550 Invalid recipient: <to@hoge.com> (in reply to RCPT TO command))

May 8 19:**:** *** postfix/bounce[32332]: D361640567: sender non-delivery notification: 1145640568

May 8 19:**:** *** postfix/qmgr[1849]: D361640567: removed

ちなみに上記は「said: 550 Invalid recipient: <to@hoge.com>」と返ってきているので、メールを送ったこのユーザ(to@hoge.com>)は存在しなかったということになる。

ちなみに理想としては、エンベロープFROMに、宛て先と送信するたびの履歴番号など、特定の情報を仕込んでおくと、時系列で探しやすい。

sendmail使うなら、

echo -e "To: to@hoge.com\nFrom: from@fuga.com\nSubject: Hello world.\n\nHello world." | /usr/sbin/sendmail -t -f to=hoge.com-001@fuga.com

1	echo -e "To: to@hoge.com\nFrom: from@fuga.com\nSubject: Hello world.\n\nHello world." \| /usr/sbin/sendmail -t -f to=hoge.com-001@fuga.com

とかしておくとよい。(この場合「to=hoge.com-001@fuga.com」がエンベロープFROM)

そうしておけば、何回も同じ宛先に送っている場合でも、下記のように目的のキューIDを探しやすくなる。

　：
# 宛て先でgrepして、sedでキューIDを抽出
qid=`cat "$MAILLOG_PATH" | grep -Eo "\[[0-9]+\]\: [A-Z0-9]+\:.*?from=<to=hoge\.com\-001\@" | head -1 | sed -r "s/^\[[0-9]+\]\: ([A-Z0-9]+)\:.*?$/\1/"`
　：

　：

# 宛て先でgrepして、sedでキューIDを抽出

qid=`cat "$MAILLOG_PATH" | grep -Eo "\[[0-9]+\]\: [A-Z0-9]+\:.*?from=<to=hoge\.com\-001\@" | head -1 | sed -r "s/^\[[0-9]+\]\: ([A-Z0-9]+)\:.*?$/\1/"`

　：

なおヘッダーFROMをいくらいじっても、基本的にはメールログには記録されない。（ログレベルを上げればできるかも。この辺は調べてない。）

参考サイト）

エクセルを利用してUnicode(Unicode Code Point)からUTF-8に変換する

このような目的場合、無償サイトだとこちらの「文字番号を入力して調べる」のツールが便利。１つ２つの変換であればこのサイトを利用したほうが早いです。

変換するコードが大量にある場合は、いろいろ方法はあるかと思いますが、あくまでユーティリティなので、エクセルでちゃちゃっと変換する方法を紹介します。

まず、変換したいUnicode(Unicode Code Point)を確認します。ここでは例として「(U+)3042」を変換します。これは、ひらがなの「あ」に相当します。

まず、このUnicodeは16進数ですので、2進数に変換します。この16進数は「30」と「42」に分けられますので、エクセルの関数ですと、

=HEX2BIN(LEFT(セル番号,2),8)&HEX2BIN(RIGHT(セル番号,2),8)　①

と書くことが出来ます。

2進数への変換後は、「0011000001000010」となります。

次にこの「(U+)3042」が、こちらのサイトの「表3-9　UnicodeとUTF-8の関係」のどの範囲に該当するか調べます。

今回の場合ですと、3042なので、表の3行目(00000800～0000ffff)の範囲に該当します。(16進数の大小関係が分からない方は、他サイトでお調べください)

(出典： Hitachi, Ltd. 文字コード変換後の値の求め方)

そして、1バイト目から3バイト目を、表に倣って変換します。表の「v」の数だけ、2進数をわけて考えるとわかりやすいです。

今回の場合だと、1バイト目がv4つ、2バイト目がv6つ、3バイト目がv6つですので、0011000001000010は、「0011」と「000001」と「000010」に分けられます。

これらの先頭に、表のように2進数を付け加えます。

1バイト目：「0011」の先頭に「1110」を加えて、「11100011」

2バイト目：「000001」の先頭に「10」を付け加えて「10000001」

3バイト目：「000010」の先頭に「10」を付け加えて「10000010」

これを全部繋げると、「111000111000000110000010」になります。（8bit×3=3byte文字）

ここで行った作業をエクセルの関数で書くと、

=”1110″&LEFT(セル番号,4)&”10″&MID(セル番号,5,6)&”10″&RIGHT(セル番号,6)　②

となります。

最後に、この2進数を、再度16進数に戻します。エクセルの関数で書くと、

=BIN2HEX(LEFT(セル番号,8))&BIN2HEX(MID(セル番号,9,8))&BIN2HEX(RIGHT(セル番号,8))　③

となります。

最後に導き出された16進数文字「E38182」が、UTF-8変換後の文字コードとなります。

イメージとしては下記のような感じです。上記の①~③の関数が、以下の図の①~③に対応しています。

あとはオートフィルを使うなり、いろいろと出力を加工して大量の変換ができると思います。

投稿者: Igreks Inc. Developer

Joomla1.5でdescriptionにtitleの値を設定する

ECCUBE3の商品一覧の並び順に「お気に入り数順」を追加する

twigのフィルターまとめ

ECCUBE3(Symfony)のテンプレート(Twig)内でのシステムURL出力

ECCUBE3でカテゴリに補足情報を追加する

ECCUBE3で商品に新しい項目を追加

Twigの小技まとめ

UTF-8のCSVファイルを文字化けなくエクセルで開く

Postfixのメールログで特定のキューIDを抽出する

エクセルを利用してUnicode(Unicode Code Point)からUTF-8に変換する