note http://spoontravel.blog.shinobi.jp/ 仕事のメモ帳。 Mon, 19 Oct 2020 02:59:39 GMT ja © Ninja Tools Inc. photoshop cc で 拡大縮小比率をShiftキーで調整する場合の設定 https://community.adobe.com/t5/Photoshop/Photoshop-20-x-2019-%E3%81%AE-%E5%A4%89%E5%BD%A2-%E4%BB%95%E6%A7%98%E5%A4%89%E6%9B%B4%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/td-p/4788562?profile.language=ja&pageRefresh=true
Photoshopを起動し画面上部のメニューより以下項目を選択
1.Windows：編集＞環境設定＞一般
Mac：PhotoshopCC＞環境設定＞一般
2.「従来方式の自由変形を使用」にチェックをつけて、右上の「OK」をクリック
]]> PS http://spoontravel.blog.shinobi.jp/_ps/photoshop%20cc%20%E3%81%A7%20%E6%8B%A1%E5%A4%A7%E7%B8%AE%E5%B0%8F%E6%AF%94%E7%8E%87%E3%82%92shif Tue, 12 Nov 2019 06:32:45 GMT spoontravel.blog.shinobi.jp://entry/273 slick.jsを使って左右の画像をチラ見せするメイン画像スライダーのサンプル https://peacepopo.net/blog-entry-238.html

centerPadding: '10%'　がキモっぽい。

<link rel="stylesheet" type="text/css" href="slick.css">
<link rel="stylesheet" type="text/css" href="slick-theme.css">
<script type="text/javascript" src="jquery.min.js"  ></script>
<script type="text/javascript" src="slick.min.js"></script>
 
<script>
$("document").ready(function(){
  $('.mypattern').slick({
    autoplay: true,
    autoplaySpeed: 2500,
    speed: 800,
    dots: true,
    arrows: false,
    centerMode: true,
    centerPadding: '10%'
  });
}); 
</script>
 
<style>
  * {
    margin: 0;
    padding: 0;
  }
  .slider {
    width: 90%;
    margin: 0 auto 80px;
  }
  .slick-slide img {
    width: 100%;
    height: auto;
  }
  .mypattern{
    width: 100%;
  }
  .mypattern .slick-slide{
    margin: 5px;
  }
</style>
 
<div class="content">
  <div class="slider mypattern">
    <div><a href="#"><img src="画像URL"></a></div>
    <div><a href="#"><img src="画像URL"></a></div>
    <div><a href="#"><img src="画像URL"></a></div>
    <div><a href="#"><img src="画像URL"></a></div>
    <div><a href="#"><img src="画像URL"></a></div>
    <div><a href="#"><img src="画像URL"></a></div>
    <div><a href="#"><img src="画像URL"></a></div>
  </div>
</div>
]]> HTML,css http://spoontravel.blog.shinobi.jp/_htmlcss/slick.js%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E5%B7%A6%E5%8F%B3%E3%81%AE%E7%94%BB%E5%83%8F%E3%82%92%E3%83%81%E3%83%A9%E8%A6%8B%E3%81%9B%E3%81%99%E3%82%8B%E3%83%A1%E3%82%A4 Tue, 12 Nov 2019 06:31:26 GMT spoontravel.blog.shinobi.jp://entry/272 テキスト 一行での両端揃えの方法 クラス”text-justify”をつけるとテキストが両端揃えになる。
（bootstrap4でデフォルト設定されている。）

例
<p class="text-justify">テキストを両端揃えする</p>

ベタコードで書くと以下のとおり。
text-justify{
  text-align: justify;
  text-justify: inter-ideograph;
}

text-justify: inter-ideograph;については以下のサイトで説明あり。

★ブラウザ別、一行での両端揃えの方法
https://qiita.com/nabe_kurage/items/ddd1659f1798217d198f

日本語のように空白文字で区切らない言語はtext-align(-last)だけだと均等にならない。
text-justify:inter-ideographをつける必要がある。
text-justifyはIEが独自での採用したもので、inter-ideograph を指定すれば日本語・中国語・韓国語の文字間隔を調整して両端揃えにしてくれるそうです。
]]> HTML,css http://spoontravel.blog.shinobi.jp/_htmlcss/%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%20%E4%B8%80%E8%A1%8C%E3%81%A7%E3%81%AE%E4%B8%A1%E7%AB%AF%E6%8F%83%E3%81%88%E3%81%AE%E6%96%B9%E6%B3%95 Mon, 28 Oct 2019 02:55:54 GMT spoontravel.blog.shinobi.jp://entry/271 cssで三角矢印を中央に置く HTML,css http://spoontravel.blog.shinobi.jp/_htmlcss/css%E3%81%A7%E4%B8%89%E8%A7%92%E7%9F%A2%E5%8D%B0%E3%82%92%E4%B8%AD%E5%A4%AE%E3%81%AB%E7%BD%AE%E3%81%8F Mon, 28 Oct 2019 02:28:13 GMT spoontravel.blog.shinobi.jp://entry/270 PHPでのリンク先に、変数の中の文字列を渡したい。 ▼該当のHTMLファイル

<?php //大学入試対策について
$file=大学入試対策;
?>

・
・
・

<?php include DOC_ROOT.'/_partials/global/conversion/generic_e.php'; ?>


▼インクルードするCVファイル（ここでは、generic_e.php）

<?php
      print '<a class="btn btn-axis btn-conversion trial" href="/trial/?title=' . $file . '">';
?>
<i class="fas fa-chalkboard-teacher mr-2 mr-pc-2 lg"></i>無料体験授業を申し込む</a>


参考にしたサイト
https://teratail.com/questions/57239]]> php http://spoontravel.blog.shinobi.jp/php/php%E3%81%A7-a%20href-%E2%80%9D%E2%80%9D-%E3%81%AE%E3%83%AA%E3%83%B3%E3%82%AF%E5%85%88%E3%81%AB%E3%80%81%E5%A4%89%E6%95%B0%E3%81%AE%E4%B8%AD Tue, 25 Jun 2019 02:53:49 GMT spoontravel.blog.shinobi.jp://entry/269 一流クリエイターが作った無料デザイン素材38選 PS http://spoontravel.blog.shinobi.jp/_ps/%E4%B8%80%E6%B5%81%E3%82%AF%E3%83%AA%E3%82%A8%E3%82%A4%E3%82%BF%E3%83%BC%E3%81%8C%E4%BD%9C%E3%81%A3%E3%81%9F%E7%84%A1%E6%96%99%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%B4%A0%E6%9D%9038%E9%81%B8 Fri, 05 Oct 2018 15:42:27 GMT spoontravel.blog.shinobi.jp://entry/268 [Illustrator] アクション設定 Illustrator http://spoontravel.blog.shinobi.jp/illustrator/-illustrator-%20%E3%82%A2%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3%E8%A8%AD%E5%AE%9A Tue, 02 Oct 2018 04:05:57 GMT spoontravel.blog.shinobi.jp://entry/267 google スプレッドシートで特定の文字が入力された行に色を付ける ツール http://spoontravel.blog.shinobi.jp/tool/google%20%E3%82%B9%E3%83%97%E3%83%AC%E3%83%83%E3%83%89%E3%82%B7%E3%83%BC%E3%83%88%E3%81%A7%E7%89%B9%E5%AE%9A%E3%81%AE%E6%96%87%E5%AD%97%E3%81%8C%E5%85%A5%E5%8A%9B%E3%81%95%E3%82%8C Wed, 05 Sep 2018 23:30:31 GMT spoontravel.blog.shinobi.jp://entry/266 シェイプの結合・中マドが便利 http://www.ar-ch.org/mt/archives/2012/09/photoshop-shape.html

二つのレイヤーのシェイプを結合させたいとき
2つのレイヤーを選択して、「Ctrl+E」でレイヤーを結合]]> PS http://spoontravel.blog.shinobi.jp/_ps/%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97%E3%81%AE%E7%B5%90%E5%90%88%E3%83%BB%E4%B8%AD%E3%83%9E%E3%83%89%E3%81%8C%E4%BE%BF%E5%88%A9 Thu, 19 Jul 2018 01:03:46 GMT spoontravel.blog.shinobi.jp://entry/265 特色をプロセスカラーに変更する方法
https://www.ddc.co.jp/tokupre/data-guide/illustrator-spot-color.html

スウォッチパネル（パレット）にて特色のカラーを選択し、スウォッチパネルのメニューから「スウォッチオプション」を選択します。

スウォッチオプションの画面が開いたら、カラータイプが「特色」になっていることを確認します。この「特色」と書いてある部分をクリックします。

カラータイプを「プロセスカラー」に変更します。

カラータイプの下にある「グローバル」のチェックも外します。

]]> Illustrator http://spoontravel.blog.shinobi.jp/illustrator/%E7%89%B9%E8%89%B2%E3%82%92%E3%83%97%E3%83%AD%E3%82%BB%E3%82%B9%E3%82%AB%E3%83%A9%E3%83%BC%E3%81%AB%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95 Wed, 18 Jul 2018 00:18:06 GMT spoontravel.blog.shinobi.jp://entry/264