Tag Archives: おすすめ

おすすめに表示させる記事

EC-CUBEとshopifyを比較してみた【配送編】

2022年07月13日

投稿者: yokota

EC-CUBEとshopifyを比較してみた【配送編】

shopifyとEC-CUBEでECサイトを構築した経験があります。日本NO.1のシェア率を誇るEC-CUBEと越境ECに強いと言われているshopifyは何が違うのでしょうか。この記事ではそれぞれの配送設定でできることについてご紹介していきます。

EC-CUBEの配送設定

配送設定の全体像を把握する

EC-CUBEは配送業者ごとに商品や配送料を設定していきます。そのため商品登録時に販売種別というものを設定します。※商品種別はデフォルトではA/Bですが追加することも可能です。
配送設定にある販売種別項目で選択することで、対象となる商品を指定します。

EC-CUBE 配送設定の全体

設定できる項目

  • 配送業者名
  • 配送方法名称
  • お問い合わせ番号URL
  • 販売種別
  • 支払方法(支払方法設定よりカスタマイズ可)
  • お届け時間設定
  • 送料設定(一律/都道府県ごと)
  • ショップ用メモ欄
EC-CUBEの配送設定画面

EC-CUBEの管理画面は非常に見やすく、初めてでとても分かりやすい作りになっています。

取り扱う支払方法では支払方法設定ページで追加した項目が表示されます。
支払方法設定では条件に金額を設定することができるため、配送方法を設定する前に条件を指定しておくことで「○○円以上無料」といった設定をすることもできます。

EC-CUBEの支払い方法設定

また、EC-CUBEはお届け時間を設定することが可能です。
フリーワードで表示テキストを設定することができるため、配送業者ごとに違うお届け指定も簡単にすることができます!

次はshopifyの配送設定について説明していきます。

Shopifyの配送設定

配送設定の全体像を把握する

shopifyは設定>配送と配達から設定することができ、「基本の配送料」と「カスタム配送料」といったものがあります。

shopify 基本の配送料とカスタム配送料

shopifyは配送エリアで作成したエリアに対して複数の配送方法を追加していきます。
エリアには国や関東、東京など各都道府県ごと選択することができます。
例:関東エリア・・・配送方法1(送料500円) 配送方法2(1,000以上で送料無料)など

shopify 配送設定の全体

配送設定では地域別の配送料や注文額/重量を設定することができるため、「〇円以上は送料無料」、「〇グラム以上は1,000円」など条件を細かく指定することができます。

それぞれ設定できる項目は下記のとおりです。

基本の配送料

基本プロファイルでは他のプロファイルにない全ての商品の設定することができます。
商品は追加しても自動で基本プロファイルの設定が反映されます。

  • 配送元
  • 配送エリア(国ごと)
  • 料金の名前/価格
  • 条件(重量/注文金額)

配送エリアは都道府県ごとだけでなく、国(地域/州)ごとに設定することが可能です。
料金は「0」を指定すれば無料配送をすることもできます。

カスタム配送料

カスタム配送料では特定の商品に対しての配送方法を設定することができます。

  • 配送プロファイルの名前(例:壊れやすい商品、大きい商品など)
  • 対象の商品
  • 配送元
  • 配送先(国/都道府県)
  • 料金の名前/価格
  • 条件(重量/注文金額)

基本プロファイルと設定できる項目はほとんど一緒です。
設定ページの「商品管理」からどの商品を対象にするのかを指定します。

重さで配送料を設定できるshopify

EC-CUBEとの違いはエリアや注文金額などの基本設定だけでなく、重量を指定して配送料の設定を行うことができる点ではないでしょうか。

国際配送でよく使われるEMS(国際スピード郵便)は重量で配送料が変わるので、重量で料金を設定できるのは越境ECに向いていると言われる理由の1つではないかと思います。

shopify 送料を追加

重量は商品ごとに商品の登録ページから設定することができます。
もちろん単位を変えることも出来ます。

shopify 重量を設定

まとめ

EC-CUBEとShopifyの配送方法設定のちがいってなに?

EC-CUBEとshopifyのできることを踏まえたうえで、違いを簡単にまとめたのでご覧ください!

ec-cubeとshopifyの違い
※デフォルト

EC-CUBEはサイズや重量を指定して配送料を設定できないため、一度に沢山の数の商品を注文があると予想外の配送料が掛かってしまう可能性があります。

一方shopifyはお届け時間を指定することができません。アプリで追加することも可能ですが有料のものが多いので躊躇ってしまいますよね。カスタマイズすることも可能ですが、Shopify Plusプランでないとチェックアウトページをカスタマイズすることができないため、少し使いにくさを感じるのではないでしょうか。※ちなみにplusプランは約20万程です。

さいごに

不便な点もありますが良い点もたくさんあります!EC-CUBEもshopifyも「〇円以上無料」や「特別な商品は〇〇」などの細かい設定を行うことができるため、問題なくECサイト運用できるのではないでしょうか。

カスタマイズすることでより便利に運用することができるので、不便に感じるところも解決することができます。

最後までお読みいただきありがとうございました!

「コピペでOK」WordPressプラグインなしでお問い合せフォームを設置する方法

2022年03月03日

投稿者: アンディ

WordPressのお問い合わせフォームの設定には「Contact form 7」などのプラグインを使った方法がありますが、今回は「mb_send_mail」を使ってWordPressにお問合せフォームを設置する方法をご紹介します。

まずは、お問い合わせページとお問合せ完了ページを作成します。

page-contact.php:お問合せページ

page-contactdone.php:お問合せ完了ページ

<!-- page-contact.php -->

<?php get_header(); ?>
    <!--お問い合わせフォーム-->
    <form action= "<?php echo esc_url( get_home_url() ); ?>/contactdone/" method="post">

        <table class="contact-form">
        <tr>
            <th><p>お問合せ種別</p><p>必須</p></th>
            <td><label><input type="radio" name="select" value="お問い合せ" checked="checked" /><span class="">お問い合せ</span></label><label><input type="radio" name="select" value="資料請求" /><span class="">資料請求</span></label></td>
        </tr>

        <tr>
            <th><p>お名前</p><p>必須</p></th>
            <td><input type="text" name="your-name" value="" size="40" class="" aria-required="true" aria-invalid="false" placeholder="例)トラット 太郎" required/></td>
        </tr>

        <tr>
            <th><p>フリガナ</p><p>必須</p></th>
            <td><input type="text" name="your-furigana" value="" size="40" class="" aria-required="true" aria-invalid="false" placeholder="例)トラッット タロウ" required/></td>
        </tr>

        <tr>
            <th><p>電話番号</p></th>
            <td><input type="tel" name="your-tel" value="" size="40" class="" aria-invalid="false" placeholder="例)03-0000-0000" /></td>
        </tr>

        <tr>
            <th><p>メールアドレス</p><p>必須</p></th>
            <td><input type="email" name="your-email" value="" size="40" class="" aria-required="true" aria-invalid="false" placeholder="例)sample@torat.jp" required/></td>
        </tr>

        <tr>
            <th><p>お問い合わせ内容</p><p>必須</p></th>
            <td><textarea name="your-message" cols="40" rows="10" class="" aria-required="true" aria-invalid="false" placeholder="お問い合わせの入力欄" required></textarea></td>
        </tr>

        </table>

        <p class="btn-check"><input type="checkbox" name="acceptance" value="1" aria-invalid="false" class="spam1" required/>規約に同意し、チェックを入れてください。<br />
<input type="submit" value="送信する" class="" id="formbtn" /></p>
    </form>

<?php get_footer(); ?>

action=”” には先ほど作成したお問合せ完了ページのリンクを指定します。

<form action= "<?php echo esc_url( get_home_url() ); ?>/contactdone/" method="post">

page-contactdone.php:お問合せ完了ページ

<?php get_header(); ?>

<?php
mb_language("Japanese");
mb_internal_encoding("UTF-8");

$sel = $_POST['select'];
$nam = $_POST['your-name'];
$kana = $_POST['your-furigana'];
$phone = $_POST['your-tel'];
$mail = $_POST['your-email'];
$to =  "送信したいアドレス";
$inquiry = $_POST['your-message'];


// メール本文
$message = "お問い合わせがありました。\n";
$message .= "\n";
$message .= "以下お問い合わせ内容です。\n";
$message .= "-----------------------------------------------------\n";
$message .= "お問い合わせ種別:$sel\n";
$message .= "お名前:$nam\n";
$message .= "フリガナ:$kana\n";
$message .= "お電話番号:$phone\n";
$message .= "メールアドレス: $mail\n";
$message .= "お問い合わせ内容:\n";
$message .= "$inquiry\n";
$message .= "-----------------------------------------------------\n";


// メール本文 ユーザー
$message_user = "※このメールは自動的に返信されたメールです。\n";
$message_user .= "\n";
$message_user .= "この度はお問い合せ頂き誠にありがとうございました。\n";
$message_user .= "改めて担当者よりご連絡をさせていただきます。\n";
$message_user .= "\n";
$message_user .= "以下お問い合わせ内容です。\n";
$message_user .= "-----------------------------------------------------\n";
$message_user .= "お問い合わせ種別:$sel\n";
$message_user .= "お名前:$nam\n";
$message_user .= "フリガナ:$kana\n";
$message_user .= "お電話番号:$phone\n";
$message_user .= "メールアドレス: $mail\n";
$message_user .= "お問い合わせ内容:\n";
$message_user .= "$inquiry\n";
$message_user .= "\n";
$message_user .= "あずデイサービス\n";
$message_user .= "https://torat.jp\n";
$message_user .= "〒104-0041\n";
$message_user .= "東京都中央区新富1-15-3\n";
$message_user .= "TEL:03-6280-5894\n";
$message_user .= "-----------------------------------------------------\n";

$headers = array( 'From'=>'contact@torat.jp' );

mb_send_mail( $to, '件名', $message_user, $headers);

?>

<?php if(mb_send_mail( $mail, '件名', $message, $headers)):?>

<section>
    <h2>お問い合わせ</h2>
     <p>Contact</p>
        <div>
           	<p>お問い合わせの送信を完了いたしました。</p>
            <p>後ほど、担当者よりご連絡をさせていただきます。今しばらくお待ちくださいますよう宜しくお願い申し上げます。</p>
            <p>※内容により、一部返答できない場合や回答に時間がかかる場合がございます。あらかじめご了承ください。</p>
        </div>
       	<div>
           	<a href="/">ホームへ</a>
        </div>
	</div>
</section>

<?php else: ?>

<section>
        <p>送信失敗しました</p>
        <p>大変お手数ではございますが、お電話よりお問い合わせください。</p>
        <div><a href="/">ホームへ</a></div>
</section>
<?php endif; ?>

<?php get_footer(); ?>

$to = “”; サイトへお問い合せがあった際に内容を送信するアドレスを設定します。

$headers = array( ‘From’=>’contact@torat.jp’ ); 差出人のアドレスを設定します。

mb_send_mail( $to, ‘件名’, $message_user, $headers);

mb_send_mail( $mail, ‘件名’, $message, $headers));

上記でそれぞれサイト管理者とサイトへお問い合わせを行ったユーザーへ自動メールを送信します。

Photoshopのマスクを活用して人物が粉々に消えていく加工をする

2022年02月10日

投稿者: yokota

Photoshopのマスクを活用して人物が粉々に消えていく加工をする

ブラシツールを使ったマスク方法(レイヤーマスク)とその活用方法を1つ紹介したいと思います。今回は人物が粉々に消えていくエフェクトを紹介します。

マスクの説明が不要な方は目次の『2.人物画像が粉々に消えるエフェクト』から移動してください。

レイヤーマスクの使い方

phothsopで画像を切り抜くとき、対象を選択ツールで囲って切り抜く方法、図形などを使って切り抜く方法などさまざまあると思います。今回使うレイヤーマスクとは、白と黒でコントロールしながらマスクしていく方法です。

黒(#000000)と白(#ffffff)でコントロールすることができ、隠したい部分を黒にすることによってマスクをかけることができます。黒なら何でもかまいません。
反対に、白は隠されずに表示されます。

photoshopのレイヤーマスク

マスクがかかった画像は表面上は切り抜かれているように見えますが、厳密にいうと隠したい部分を覆いかぶせて見えないようにしています。

【手順①】レイヤーを追加する

画像を用意し、「レイヤーマスク」を追加してください。

マスクを追加する

【手順②】マスクをかける

一度マスク全体を黒くしてみましょう。描いた箇所が隠れるかと思います。

反対に白いブラシで描いていくと隠れていた箇所が表示されます。

マスクを掛ける

マスクを選択した状態なら何度も編集することが可能です。

人物画像が粉々に消えるエフェクト

【手順①】背景と人物を別のレイヤーに分ける

人物を削った時に背景が無くならないように、背景と人物を別々のレイヤーに分けてください。

切り抜き
↑レイヤーを分離

【手順②】粉々になるところの下準備

人物レイヤーを複製【Ctrl+J】します。

混合ブラシツールを選択し、【Alt+クリック】で色をとり描いていきます。
ブラシで伸ばした部分にマスクをかけて粉々にさせるので、粉々にしたい方向に向かって描いていきましょう。

混合ブラシツール
↑混合ブラシツールで伸ばす

【手順③】マスクをかける

先程のレイヤーにマスクをかけ、黒く塗りつぶします。
人物だけのレイヤーにもマスクをかけます。こちらは白のままで大丈夫です。

マスクを掛ける

【手順④】粉々の部分を描いていく

人物のみ レイヤー ⇒ 黒いブラシ
人物のみ コピー(混合ブラシツールを使ったレイヤー) レイヤー ⇒ 白いブラシ
で描いていくことで粉々になったようなエフェクトをかけることができます。

【ポイント】
今回使ったブラシ:特殊効果ブラシ > Kyleのはねブラシ – 筆圧調整02
ブラシ設定の散布をや透明度、サイズを調節しながら描くことがポイントです!
離れているところは透明度を薄く小さく、近いところを濃く大きめにを意識するとうまくできます。

photoshop 散布ブラシ
↑使ったブラシ
粉々の加工を施す
↑こんな感じ!

完成!

そして最後に背景を表示させて完成です。
マスクをうまく使うことで難しそうなエフェクトも簡単にできてしまいます!

photoshopで粉々に消える加工

 

さいごまでお読みいただきありがとうございました!

新年あけましておめでとうございます!

2022年01月07日

投稿者: yokota

新年あけましておめでとうございます。
本年もどうぞよろしくお願いいたします。

新年1発目のブログなのでゆるく書いていこうと思います。

寅×TORAT 

2022年は寅年ですね。TORATには寅年のメンバーが2人います。
そのうちのひとりは私です!今年はとっても珍しい年で最も強い運勢と呼ばれているみたいです。
強いパワーで勢い乗っていけるように頑張っていきます!

そして今年の年賀状は私がデザインを担当しました。
寅年ということで、illustratorを使って描いてみました。
ポイントは寅×TORAT掛けて描いたところです!

illustrator 寅
2022年TORATの年賀状

完成し形になったものを見ると嬉しいですね^^

冬休みの日常 

みなさんは年末年始どのように過ごしましたか?
私は岩手で2022年を迎えました。

今年は早起きして初日の出を見に行きました。眠気がすごかったのですが、
外に出た瞬間寒すぎて一瞬で目が覚めました。その時の気温が—8度です!寒すぎですよね><

初日の出がでたらみんな写真を撮って30秒くらいですぐに帰ってしまいました。
もちろん私もそのひとりです笑  

初日の出
初日の出 北山崎

そして、雪にテンションが上がり、雪だるまを作りました。
綺麗にできたのではないでしょうか!

雪だるま

道端に置いていくのは可哀そうだったので一緒に帰りました笑

雪だるま

こんな感じであっという間の冬休みが終わってしまいました。

最後に 

今年は一段と寒が厳しく、冷たい風にあたると気持ちが引き締まりますね。
昨年TORATに入社し、教えてもらうこと、学ぶことが多かったので、今年は自ら情報が発信できるくらいスキルアップしていきたいと思います!

だらだらと書いてしまったので最後に豆知識を紹介して終わりにしたいと思います。

星空
iphone12で撮影

上の写真も岩手で撮った写真なのですが綺麗に撮れていると思いませんか?
月や夜景をスマホで撮ろうとすると周りが真っ暗で何も映らないことがよくあるかと思います。
そんな時のためのとっておきの撮り方を3ステップで紹介したいと思います。

①撮りたいものよりも明るいものをカメラに映して「AFロック」
AFロック」した箇所を撮りたいものに合わせる
③明るさを暗くする※要調節

このように撮るだけで月や星を綺麗に映すことができます!

 

まだまだ寒い日が続くと思いますので体調には気を付けてください。
最後までお読みいただきありがとうございました。

「極上の暇つぶし」を体験してみた

2021年05月21日

投稿者: リッキー

CAT_BO

こんにちは!デザイナーのリッキーです!

自粛自粛自粛…こんなご時世で皆さん遊びにもなかなかいけないですよね。
きっと疲れも溜まっているはず、きっとそうに違いない。
僕ははすごく溜まっています。遊びたい欲で溢れてます。

なので休日などは運動したりとストレス発散はしているのですが身体に疲れが溜まってるわー
って方も多いと思います。

過去に1度だけタイ式マッサージしてもらった経験があるんですけど、
まったく効果がなくそこから疎遠になっていました。笑

でも・・・もう一度挑戦してみよう


「あきらめたらそこで試合終了ですよ・・・?」


ということで今回「本物のスパ」というキャッチフレーズがなんとも魅力的な

Aroma’s SPA CAT_BO
2020年12月10日千代田区一番町 本店オープン
2021年4月6日に目黒panorama店オープン

今回Aroma’s SPA CAT_BO 目黒panoramaさんにお邪魔しました!!!

Aroma’s SPA CAT_BOとは


フロント&ラウンジ
1フロア40平方メートル以上の独立したトリートメントルーム
全長7メートルの巨大源泉高温水プールを備えた、ビル1棟が完全個室のプライベートスパ施設です。


店名となっている【CAT_BO】は、「Cushion」+「Aroma」+「Treatment」+「Botanical」を掛け合わせた造語。
また「CAT=猫」のようにセラピストは求められる要望を卒なくこなすという想いが込められているそうです。


”私たちがテーマに掲げているのが「カジュアルアップ」した洗練された空間とおもてなし。
お客様を緊張させるドレスアップでは無く、より自然体で寛いで頂く為のカジュアルアップを目指しました。
あなたの時間にそっと寄り添う、当店オリジナルの“癒し”を提供いたします。”

”洗練された空間とおもてなし。そして、ラグジュアリーのプライベートルームの中では、
和畳の上での極上ナチュラルハンドマッサージで、最高の癒しの時間をご堪能ください。”


”本物のスパマッサージCAT_BO(キャットボー)では、
「人の体を癒す」「人の手の温かさを伝える」という観点から、
ナチュラルハンドマッサージ(素手)にこだわりました。
2つのタイプのお風呂を用意した完全個室のSPAルーム、和深雪温泉の名泉を使用しております。
マッサージは、ストレッチや指圧要素を加えたお客様のパーソナルに合わせたマッサージが可能です”

なるほどなるほど…もうすでに楽しみです。
そりゃこうなります。

リッキーのここ空いてますよ?

お部屋が洗練されたデザインで非日常を感じさせる高級感

こんなところに彼女ときたい・・・


まず初めに1時間のお風呂タイム
巨大源泉高温水プール

温泉、温水プール、水風呂でしっかり身体を温めます。

こんなところに彼女ときたい・・・

アメニティにもこだわっているそうでシャンプー、リンスもあの「ジョン・マスター」贅沢すぎますね。
トリートメントルーム

こんなところに彼女ときたい・・・


しっかり身体があったまったあとは待ってましたお部屋でのマッサージタイム


施術はみなさんのご想像にお任せ致します。笑

終えた感想は

肩が回る回るーーーーーー!!!!!


普段、肩こりとかは感じない体質なのですが施術後の身体の軽さ!!!


自分の身体がこんなに固まっていたのかと思い知らされました…

流石のセラピストさんたちも厳しいチェックを合格してきた猛者達


マッサージは効かないと思っていたのですがずっと困っていた頭痛も無くなりました!
予想を超えて、感動した贅沢な時間を堪能することができました。

ぜひ、忙しい日常を忘れて、リフレッシュしてみてください

Aroma’n SPA. CAT_BO (キャットボー) マッサージはこちらから

まとめ


仕事をするにしろ、生活をするにしろやっぱり「身体」は大事な資本
定期的に労ってあげることを忘れずにケアすることが活力になるのだなと感じることができました。

その活力をTORAT全メンバーにも浴びせていきたいと思います!
きらわれるだろうなぁ・・・

以上、「「極上の暇つぶし」を経験してみた」でした。
ありがとうございました!

株式会社TORATはクリエイティブから様々な業務まで
TORATを一緒に盛り上げて頂けるメンバ―を募集しております!

▽採用情報についてはこちらから▽
https://www.torat.jp/job/