デジタルと人をつなぐブログ

過去ログ

iPhone Windowsアプリ お金　投資　保険　マネーフォワード 部屋選び

  • FTPソフトの使い方を覚えよう！サイト公開のやり方

    FTPソフトとは？

    この記事はHTMLとCSSを学び終わり、サイトを作れるようになった！という方に読んでほしい記事です。
    いろんなサイトで、HTMLやCSSの使い方を覚えたかと思います。

    しかし、作れるようになったものの、実際にどうやって公開したらいいかわからない、という方を多くお見受けします。

    サイトを公開するには

    まず、公開する環境が整ったパソコンが必要です。
    そういう「公開環境の整ったマシン」をサーバーと言います。

    サーバーは自分の使っているパソコンでも作れるのですが、当然ながら電源を落としてしまったり、ネットが繋がらなくなってしまった状況ではそのサーバーで公開している内容は表示されなくなってしまいます。

    高負荷がかかるようなものは、ものすごい熱や負荷により火災の危険もあるそうです。
    電気代もかかります。

    自由に設定をいじれ、自由にできるメリットはありますが初心者がいきなり自宅でサーバーを設置するのはあまり現実的ではありません。
    そういった環境を貸し出している業者の「レンタルサーバー」を借りるのがいいでしょう。

    レンタルサーバーを借りる

    広告ありですが、無料で使いたいという方は下の記事を参考に試してみてください。
    https://logzitsu.tlog.work/xdomein/

    月額有料のサービスが多いです。無料のものは広告が出てしまったり、なんらかの機能制限があることが多いです。
    レンタル会社はいくつかありますので、そこから必要なものを選ぶといいです。

    高額のものは高性能です。
    静的なHTMLを公開するだけであれば、ものすごいアクセス数がくるとかでなければ安いところでも問題ないでしょう。

    もし、今後高性能なものに変える可能性がある、SEOをしっかりやっていきたいということであれば「ドメイン」も取得しておく必要があるでしょう。
    ドメインの設定も一癖あり、初心者が苦労するポイントでもあります。

    サーバー会社の紹介



    サーバーのレンタルは、各ページのヘルプをみながら進めてアカウントを取得してもらえばいいと思います。

    最初にくるメールにすごく重要な情報が書かれている。

    業者によって異なりますが、
    サーバーを仮取得した際にくるメールに非常に重要な情報がまとまっていますので無くさないようにしましょう
    下記は代表的な情報です。業者により、呼び名が異なりますので注意しましょう。

    Xdomainの場合

    本サイトで紹介しているXdomainのFTPを利用するための設定はこちらです。
    https://logzitsu.tlog.work/xdomain-ftp/

    具体的には

    公開サイトURL

    こちらが自分に割り当てられたアドレスです。ドメインを取得して設定した場合は別の場所になりますがとりあえずの練習はここでやるのがいいでしょう。

    管理アカウント情報

    レンタルサーバーには
    管理パネル
    サーバー管理パネル
    など複数の管理画面が存在することが多いです。ややこしいですね。
    さらにワードプレスをインストールするとワードプレスの管理画面があって初心者は大混乱ポイントでもあります。

    慣れればたいしてややこしいものではないです。

    FTP情報

    今回の記事のメインです。業者、FTPソフトで呼び名がばらばらなんですよねーこれが。
    – ホスト
    – FTPアカウント
    – パスワード
    – 公開フォルダ・初期フォルダ

    ホストとはレンタルしているサーバーの場所を表します。
    FTPアカウントとは 自分のアカウントの名前です。
    パスワードは　FTP 接続するためのパスワードになります。
    公開フォルダというのは、ここに設置したものが公開されますよ、ということです。
    試しにそのフォルダ直下に「index.html」を置いてみるとそれが表示されるはずです。
    FTP と 安全な SFTPがあるので注意。

    FTPって何？

    サーバーに接続する方法は２種類あります。
    – WEBブラウザーでみる
    – FTPソフトで接続する。

    WEBブラウザーで接続するには、メールに記載されている「公開URL」にedgeやchrome・safariで接続しサイトを表示するだけです。

    「何もアップロードされていません」というサーバーが用意したファイルが表示されているのではないでしょうか。
    しかしこの接続方法ではサイトをみることはできますが、基本的にサイト内容を書き換えたり、削除したりすることはできません。

    次にFTPでの接続です。
    ブラウザではFTP接続はできないので、専用のソフトを使う必要があります。

    WIN SCP

    filezilla

    などがあります。自分はMACですので filezilla を使っています。このソフトはwindowsでも使えます。
    ダウンロードしてインストールしましょう。
    画面はMACですが基本的な使い方は違わないはずです。

    このソフトを使うことで、公開フォルダにファイルをアップロード、削除、移動をすることができます。

    filezilla の使い方

    上のリンクからファイルをダウンロードしてfilezillaをインストールしましょう。

    サーバーに接続する

    • ホスト
    • FTPアカウント
    • パスワード
      を画像のクイック接続の部分に入力し、接続してください。

    頻繁に使うものは画像の○印をしたところから登録できますのでそこから登録してください。

    左側が自分のパソコン。
    右側がサーバー上にあるファイルになります。

    ファイルをアップロードしてみる

    <!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>FTPソフトの練習</title>
</head>
<body>
    <h1>FTPソフトの練習</h1>
    <p>htmlがファイルの表示が成功しました！</p>
</body>
</html>

    すでに運用しているサーバーでは安易に行わないように注意。
    新規取得サーバーでのテストを推奨します。

    上のタグは何の変哲も無いHTMLです。これをエディタで「index.html」というファイルで保存して「公開フォルダ」直下にアップロードしてください。

    その後、公開URLに接続しちゃんとこのファイルが表示されたらOKです。
    FTPソフトではファイルをアップロードできるほか、移動・削除も可能です。

    今までに作成したサイトデータをアップロード

    index.htmlが公開フォルダのすぐ下にくるように構造を作って、アップロードしてみてください。
    CSSや画像などもそのままの構造でアップロードしないと動きませんよ。

    正常に表示されたらOKです。

    うまく表示されない場合は何かがおかしいです。
    ローカルの絶対パスでファイルを参照していたとかね。
    調整してみてください。

    TECH::CAMP（エンジニアスクール）

  • 知らないとテーマが作れない！5分で学ぶwordpress テンプレートタグ一覧

    こちらの記事は随時更新したいと思います。

    テンプレートタグとは

    ワードプレスの独自タグをテンプレートタグと言います。

    通常のPHPも知っていた方がいいので
    https://logzitsu.tlog.work/wp-php/
    こちらを見てください。この記事の内容の意味がわかればギリギリなんとかなるかも。

    よく使うものを知っておきましょう。
    テンプレートタグの傾向
    get となっているものは取得。
    the となっているものは出力までしてくれます。(ehco 不要)

    構築時に必要となるもの

    テーマスタイルシートの場所（cssと画像のパス）

    <?php echo get_stylesheet_directory_uri(); ?>

    使用例

    <!-- 画像に使う場合こんな感じ -->
<img class="img-fluid" src="<?php echo get_stylesheet_directory_uri(); ?>/img/logo.png">

<!-- スタイルシート読み込みはこんな感じ -->
<link href="<?php echo get_stylesheet_directory_uri(); ?>/style.css" rel="stylesheet">

<!-- JavaScript読み込みはこんな感じ -->
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/script.js"></script>

    サイト情報

    // サイトのタイトル
<?php bloginfo( "name" ); ?>

// サイトのサブタイトル
<?php bloginfo( "description" ); ?>

    サイトURL

    <?php echo home_url(); ?>

    使用例

    <!-- トップへのリンク -->
<a href="<?php echo home_url(); ?>">TOPページへ</a>

    WPで必要な css / js などを出力してくれるやつ

    header.phpの「headタグ内の一番下」に追加

    <?php wp_head(); ?>

    WPで必要な htmlを出力してくれるやつ

    footer.phpの「bodyタグ内の一番下」に追加

    <?php wp_footer(); ?>

    bodyにページ別のクラスをつける

    これがついてるかついてないかで扱いやすさに雲泥の差がでますので忘れずつけましょう。

    <body <?php body_class(); ?>>

    パーツ系

    パーツを読み込む時に使います。

    <?php get_header(); ?>
<?php get_footer(); ?>
<?php get_sidebar(); ?>
<?php get_template_part( パーツの名前 ); ?>

    特定のテンプレートのみでCSS/JSの読み込み

    テンプレートのヘッダー読み込みの上あたりに足すと読み込んでくれます。
    以下はテーマフォルダ内の
    「css/custom.css」 「js/custom.js」を参照する場合です。
    最初の引数はidになるので、識別しやすいわかりやすい名前をつけるといいです。
    読み込む順番を自邸することもできますがここでは割愛。

    <?php wp_enqueue_style( 'page-css', get_stylesheet_directory_uri() . '/css/custom.css'); ?>
<?php wp_enqueue_script( 'page-script', get_stylesheet_directory_uri() . '/js/custom.js' ); ?>

    ループ関連

    メインループ(省略形)

    <?php while (have_posts()): the_post(); ?>
<?php endwhile; ?>



<?php //別の書き方
if ( have_posts() ) {
	while ( have_posts() ) {
		the_post(); 
		//
		// 投稿がここに表示される
		//
	} 
}
?>

    サブループ(例)

    <?php
$args = array( 
'post_type' => 'post', // カスタムポスト名
'posts_per_page' => 5 // 投稿件数の指定
);
$the_query = new WP_Query($args);
if($the_query->have_posts()):
?>
<?php while ($the_query->have_posts()): $the_query->the_post(); ?>

<!-- 記事タイトル -->
<?php the_title(); ?>

<!-- 記事内容 -->
<?php the_content(); ?>

<!-- 記事リンクURL（タイトル付き） -->
<a href="<?php the_permalink(); ?>">
<?php the_title(); ?>
</a>

<!-- 日付 -->
<?php the_time("Y.m.d"); ?>

<?php endwhile; ?>
<?php wp_reset_postdata(); ?>
<?php else: //投稿がない場合 ?>

<?php endif; ?>

    ループ内で使うもの

    記事タイトル

    「ループ内で使うもの」の欄でいきなりですが、これはループ外でも動きます。

    <?php the_title(); ?>

    記事内容

    <?php the_content(); ?>

    サムネイル

    <!-- 普通に出す -->
<?php the_post_thumbnail(); ?>

<!-- サイズを指定する(独自設定可) -->
<?php the_post_thumbnail("thumbnail"); ?>
<?php the_post_thumbnail("medium"); ?>
<?php the_post_thumbnail("large");?>
<?php the_post_thumbnail("full"); ?>
<?php the_post_thumbnail("index_thumbnail");  //設定していれば任意の名前 ?>

<!-- 画像がない時になんか表示する -->
<?php 
if(has_post_thumbnail()){
the_post_thumbnail();
}else if{  ?>
<!-- 代わりの画像 -->
<img src="default.png" alt="画像設定されとらんが">
<?php } ?>

<!-- bootstrap用 -->
<?php the_post_thumbnail( 'full', array('class' => 'img-fluid') ); ?>

<!-- ファイルパスのみ出力 -->
<?php echo get_the_post_thumbnail_url (); ?>

    記事リンクURL

    <?php the_permalink(); ?>

    カスタムフィールド(ACF)の出力

    カスタムフィールドを便利に使えるプラグインを使った場合の出力です。

    advancedcustomfields

    <?php the_field('カスタムフィールド名'); ?>


//繰り返しフィールド(スライダ)
<div class="slide">
<?php if(have_rows('repeater_field_names')): ?>
<?php while(have_rows('repeater_field_names')): the_row(); ?>
<div class=""><a href="<?php the_sub_field('sub_field_names'); ?>">

<?php
$image = wp_get_attachment_image_src(get_sub_field('img_cf'), 'full');
?>
<img src="<?php echo $image[0]; ?>" alt="" />
</a></div>
<?php  endwhile;else :endif; ?>

    次の記事、前の記事

    ループ外側に設置してください。

    <!-- 個別記事 -->
<?php previous_post_link(); ?>
<?php next_post_link(); ?>

<!-- 一覧ページ -->
<?php previous_posts_link(); ?>
<?php next_posts_link(); ?>

    WP-PageNavi プラグインのページ送り

    WP-PageNavi

    <?php wp_pagenavi(); ?>

    カテゴリー

    <!-- カテゴリー -->
<?php the_category(); ?>

<!-- タグ -->
<?php the_tags(); ?>

    日付

    上の方を使うとアーカイブ一覧で同日の日付は出力されない。出力したい場合は下を利用。

    <!-- 日付 -->
<?php  the_date(); ?>

<!-- 時間 -->
<?php  the_time(); ?>

    パンクズリスト

    https://ja.wordpress.org/plugins/breadcrumb-navxt/ 
    <div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
  <?php if(function_exists('bcn_display'))
  {
   bcn_display();
  }?>
</div>

    functions.phpで使うもの

    //テーマでthumbnailをサポートする
add_theme_support( 'post-thumbnails' );

//新たに画像サイズを追加する
add_image_size( 'original-size', 500, 300,true); 

//ページ送りにclassを追加する(一覧)
add_filter( 'previous_posts_link_attributes', 'add_prev_posts_link_class' );
function add_prev_posts_link_class() {
  return 'class="prev"';
}
add_filter( 'next_posts_link_attributes', 'add_next_posts_link_class' );
function add_next_posts_link_class() {
  return 'class="next"';
}

//ページ送りにclassを追加する(個別)
add_filter( 'previous_post_link', 'add_prev_post_link_class' );
function add_prev_post_link_class($output) {
  return str_replace('<a href=', '<a class="prev" href=', $output);
}
add_filter( 'next_post_link', 'add_next_post_link_class' );
function add_next_post_link_class($output) {
  return str_replace('<a href=', '<a class="next" href=', $output);
}

    参考：https://www.nxworld.net/wordpress/wp-add-class-previous-posts-link-and-next-posts-link.html

  • 最低限知らないとヤバイ??WPで必要なPHPを30分で習得する

    ワードプレスで使うPHPを習得しましょう

    WPではそこまでPHPのスキルが求められるわけではない
    基本だけ理解して、「WP専用のタグ」を使うことができればOKです。
    最初はコピペでも動けばOK。
    PHPはどんなに汚かろうがユーザーには知るすべはないので気楽にやりましょう。

    こちらのファイルを使用します
    中身は解答するとphpのファイルが2つです。

    PHPの基本

    • かんたんな言語で、便利な命令がいっぱい用意されています。
    • 調べて必要な命令を探せると世界が広がります。
    • 環境が整ったところでないと動きません。通常のPCでは動かないのです。
    • レンタルサーバーでは簡単に動きます。
    • 「HTML」を作るための言語です。つまりユーザーが見るのは単なるHTMLです。
    • 出力結果には普通にCSSを適用できます。
    • 拡張子は「.php」
    <?php ?>

    で 囲みましょう
    利用するときはHTMLのなかに

    <?php  echo "こんちわ"; ?>

    みたいな感じのものが紛れくる感じで使われることが多いです。

    やってみよう

    1. lesson01.phpをローカルに置きブラウザで開き、動作しないことを確認しよう。
    2. lesson01.php、lesson02.phpサーバーにアップロードして動くか確認してみよう。

    FTPソフトでサーバーに接続する方法はこちらにまとめていますので参考にしてください。
    https://logzitsu.tlog.work/ftp/

    ほかのプログラムと同じだよ！基本のおさらい

    <?php ?>

    の中でないと動かないので注意です。 「lesson02.php」 に記載。

    変数が使えます

    $x = 'こんにちは';
//変数の前には「$」がつく

    コメントが使えます

    //一行だけのコメント
/*
複数行のコメント
*/

    テキスト出力

    echo 'こんにちは'.'そしてこんばんは';
/*これはとてもよく見るので覚えておきましょう
複数は.(ドット)で繋ぎます。たまに見るので覚えておきましょう。
そして文の終わりはセミコロン*/

    if文

    //変数の値を変えて動きをチェックしてみてください
$x = 20;
if($x <19 ){ echo "19より小さい".$x."です";}else{echo "19より大きい".$x."です";}

//同じ内容だが次のような書き方もある
if ($x < 19) :
    echo "19より小さい".$x."です";
else :
    echo "19より大きい".$x."です";
endif;

    for文

    //繰り返し処理を行う記述です
for($i = 0; $i < 5; $i++){
echo $i;
}

    While文

    //これも繰り返し処理です
$i = 0;
while($i < 5){ echo $i; $i++; }

    こんなところでしょうか

    if文
    for文
    While文
    あたりは、なんかそんなのやってたなーくらいの認識でいいです。最初は。

    あとはよく使うテンプレートタグを覚えて、コピペで動かしていきましょう。

    https://logzitsu.tlog.work/template-tag/

    こちらですよ。

  • 感想 : リズと青い鳥

    リズと青い鳥を見てきました

    その感想です。
    ネタバレなしで書くことが不可能なので、視聴後の方に向けた文になりますのでよろしくお願いします。

    リズと青い鳥とは

    響け！ユーフォニアムのスピンオフ映画です。
    もとのアニメを見た人はより楽しめるでしょうし、見てなくても多分全然問題ないでしょう。
    自分はTVシリーズは視聴済みです。

    響け！ユーフォニアムの割とサブの登場人物であった「みぞれ」「のぞみ」を中心に話が展開します。
    絵柄も物語に合わせて繊細な印象に変えてあるのも面白いですね。

    自由曲に選ばれた「リズと青い鳥」。
    この曲は物語をもとに作られた曲で、「オーボエ」「フルート」は「リズ」「青い鳥」の掛け合いを表現している。
    仲はいいはずの２人だがどこかすれ違いのある二人はここが全く噛み合わず・・・？

    みたいな話です。

    派手な話ではないですねぇ

    個人的な総合点は５段階評価で「3.5点」といったところでしょうか。
    響けユーフォニアムだとわかりやすく盛り上がりポイントがあってわかりやすかったのですが、この作品は徹頭徹尾心理描写。
    割と地味な印象を受けます。派手な展開を期待する人は見に行かないほうがいいかもしれないですね。

    かと言って、絵が地味なわけではないです。
    作中劇（曲）の「リズと青い鳥」の物語と、現実の「みぞれとのぞみ」の表現が交差されながら進行していきますので、「リズと青い鳥」の場面ではジブリの魔女の宅急便みたいな世界が描写されてます。どこスクショしても絵本になるんじゃねえかってぐらいきれい。構図もかっこいい。
    吹奏楽部の描写部分でも、「THE　高校生活」なオブジェクトがめちゃくちゃ丁寧にかきこまれてます。
    とはいえ、あんなかっこいい生物室？ないと思うんですよね。フグとか飼うのむずかいいでしょ多分。
    細かいスカートのはね方とか、靴とかフェチ兄貴もきっと大満足の内容です。

    表現も心理描写ばっかで結構難しい！
    表情や、絵、セリフで心理を表現していると思うのですが、周りに描いている環境、オブジェクト、シチュエーションも登場人物の心理を表していると見たほうがいいでしょう。
    わかりやすいところでいうと
    雨が降ってきた　→　二人にとって悪いことが起きている
    みたいなことです。

    正直１回見ただけじゃわからんと思う。めちゃくちゃ視聴者を信頼してる映画だと思います。（わからんて）

    わりと見てて心地よくなっちゃうので（曲とかもいい感じにね・・・）、一瞬寝落ちしてしまった。
    隣の人も結構寝てたし、上映室でたあと寝ちゃったって声が聞こえてきたんで、結構寝てた人多いと思います。
    眠いときに見に行っちゃだめですよ。

    リズ＝みぞれ　青い鳥＝のぞみ　？？？？？

    最初は↑　あとで立場が入れ替わってる、というようなことを言っていますが、正直あんまりしっくりこないです。
    リズ、という人物が割としっかりしてて、自立しておりそんなになにか欠如している感じがしないんですよね。
    むしろ、青い鳥に出会ってから自分が寂しかったことに気づいてしまったという印象を受けます。

    あれ、ってことはみぞれも孤独でも大丈夫な人間だったが、のぞみに出会うことで自分のたりなさに気づいてしまった・・・ということなんでしょうか・・・・

    青い鳥はリズに会いに人間の姿になって訪れます。
    リズのことがめちゃくちゃ好きで、リズこそが自分のすべてと言っています。
    「人間の姿になる」というところがリズに合わせることで鳥として外の世界へ羽ばたく可能性を捨てる、という意味なんでしょうね。

    この辺は人によって解釈の差がありそう。

    鳥かごの開け方

    たぶん、お互いに相手を大事にして遠慮していたけれど、
    遠慮をやめても、それらは相反しているものではないということに気づいたのだと思います。

    好きな人と必ずしも一緒に歩まなくても、好きな人が「あなたのオーボエが好きだから続けてほしい」という言葉だけで十分なのだということ。

    「みぞれのオーボエが好き」という言葉だけで歩んで行けるのです。
    結果的には違う道を歩んでいくことになるわけですが。

    dis joint と joint

    全体的に視聴者に解釈を委ねてる感のある作品ですが、明らかに文字で表現してます。
    disjoint 調べてみると脱臼とかバラバラとか。
    joint ジョイント　継ぎ手　など。

    物語の最初と最後が対比になってます。

    最初の噛み合わない表現うまいっすよね。
    のぞみ　「リズと青い鳥ができてうれしい」
    みぞれ　「のぞみといっしょでうれしい」（たぶん）

    最後は「dis」打ち消してましたんで噛み合ったんでしょうね。
    歩く立場も入れ替わるかな、と思ったんですけどあるきはじめだけ入れかってまた最後は定位置に。

    ほかの人のいろんな意見を見たあとにもう一度みたいですね。

    なので色んな人、自分の解釈でレビューしてくれ・・・たのむ！
    また見に行くか、レンタルがスタートしたらじっくり研究して見てみるのもあ面白いかなと思いました。

  • WEB更新担当必見！WordPressの基礎的な概念について知ろう！

    ワードプレスをとりあえず触りたい人は次の記事を読んでからこちらに移るといいかもしれません。

    https://logzitsu.tlog.work/xdomein/

    https://logzitsu.tlog.work/wordpress-manual/

    事前理解

    基本編

    ・ワードプレスはサーバーにインストールして利用するものである。
    ・データベースと接続し利用する。
    ・データベースにはさまざまな情報が入っており、それを引き出して表示している。
    ・ワードプレスはphp データベースはMySQL を利用している。

    ・htmlを出力するプログラムなので、今まで習得してきた、htmlや、cssの知識はそのまま活かせます。
    ・繰り返し出力 が多いのでidではなくclassを使うように心がける。

    ワードプレスができること

    ワードプレスはCMSと呼ばれる、ページを簡単に作成できるシステムです。

    その他の代表的なCMSといえば、様々な会社で運営されている「ブログサービス」です。
    ワードプレスはそういった「ブログのような仕組み」を個人で作成し、カスタマイズして利用することができます。
    ブログサイトだけでなく、コーポレートサイトなどに使われることも多いです。
    一見ブログっぽくないサイトも実はワードプレスであることがよくあります。

    このシステムにより、個人でも大規模なサイトを作成できるようになったのです。

    ワードプレスってセキュリティに弱いの？

    決してセキュリティに弱いわけではありませんが、度々乗っ取り被害などが発生しているのを耳にします。
    ワードプレス、もしくはプラグインにセキュリティーホールがあるとそこをつかれます。
    最新のアップデートをすることで危険は最小限に抑えることができます。
    バージョンの自動アップデートを止めていたりすると非常に危ないです。

    ワードプレスは数多くのサイトで採用されているため、狙われやすいのです。
    知識のない人が「独自で作ったCMS」の方がセキュリティに穴があるものが多いと思います。
    しかし、他で使われていないという点で安全です。攻撃者に仕様が把握されてしまうとやりたい放題だと思いますのでご注意を。

    ワードプレスの独自の概念や単語を理解しよう。

    Thema

    ワードプレスはテーマを切り替えることにより見た目を切り替えることができます。
    ワードプレスにおける制作とは顧客のためのオリジナルテーマを作成することです。

    Themaフォルダ

    wp-content → Thema にあります。
    主に触るのはここです。
    wp-content 以外のフォルダを触ることは少ないので覚えておきましょう。

    プラグイン

    足りない機能は、「プラグイン」という形で補うことができます。
    functions.phpという、機能拡張のためのファイルがありますので、ここに命令を記載し、プラグインを使わないということもできます。
    投稿ページ（single) / 固定ページ（page）
    ワードプレスはページに２つの区分けがあります。
    ブログのようにページがどんどん増えていくものは投稿ページ。
    一度作ってしまえば内容があまり変わらないものを固定ページで作成します。
    固定ページは親子関係を作れるという特徴があります。

    カスタム投稿

    投稿ページ、固定ページのほかに投稿の仕組みを追加できます。
    functions.phpに命令を書くのですが、CPTUIというプラグインを使うと簡単にできます。

    親子関係

    親子という概念も知っておきましょう。

    図のような感じです。

    パーマリンク

    サイトのurl構造の設定のことです。
    設定の更新を忘れると正常に動かない不具合がおきることがあるので、思い出したら更新する癖をつけましょう。

    スラッグ

    ページなどを識別するための単語。投稿ページ・固定ページ・カテゴリなどなど様々なところで出てきます。URLに使われたり、とっても重要なものです。

    タイトル、コンテンツ

    記事内から入力できます。テンプレートタグに出力用のタグを記載しておくことで出力できます。

    アイキャッチ、サムネイル

    記事に設定する画像です。
    一覧ページなど、ほかのページで呼び出すことができます。

    テンプレートタグ

    ワードプレスの独自タグです。
    ワードプレスを使ってないphpでは動かないので注意。

    カスタムフィールド

    タイトル、コンテンツ以外に入力欄を使いたいことがあります。
    そういった場合に増やす入力欄です。
    デフォルトのものは使いにくいのでACFというプラグインを使うことが多いです。

    カテゴリー・タグ

    ページに分類の情報をつけることができます。検索で使えたり同一カテゴリーの一覧ページなどを作ることができます。カテゴリーとタグは非常に似ており違いもあまりないのですが、ブログをやったことをある人は感覚的にわかるのではないでしょうか。
    カテゴリーは階層を作れます。
    カスタム分類 (カスタムタクソノミー)
    カテゴリー・タグ以外の分類を追加をすることもできます。
    これもCPTUIプラグインを使うとかんたんです。
    タクソノミ：カテゴリー・タグなど
    ターム:カテゴリーにおける単語

    例：
    タクソノミー → 「フルーツ」・ターム → 「りんご・ばなな・みかん」

    ループ（メインループ、サブループ）

    繰り返し処理に用いる記述です。
    記事の出力部分などなど繰り返しっぽくないところにも使うので注意。

    サブループは条件をしっかり固めてあるので、どこに書いても同じ動きをします。
    同一ページに複数置くことも可能です。
    サイドバーの記事一覧などに使います。

    メインループは、同じ記述でもどのテンプレートに書いてあるかで違う動きをします。
    基本的にはページにひとつだけ書きます。
    こちらはページ送り機能を動かすことができます。

    Themaファイル内のファイルを見慣れよう

    テーマファイルのルール

    ・ファイル名が重要です

    など、名前が役割を表します。名前と役割を把握しておきましょう。
下の主要なテンプレート一覧を参照。
    ・ファイルの置き場所も決まってます

    テーマフォルダ直下におきます。

    style.css以外のcssや画像など、テンプレート内で用いるファイルは任意の場所でOK
    主要なテンプレートファイルと役割

    style.css

    スタイルシート。

    index.php

    基本のテンプレート。本来は投稿一覧ページとしての役割を持たせるものですが、TOPページのテンプレートでもあるので中身はいろいろです。

    パーツ用のテンプレート

    header.php
    footer.php
    sidebar.php
    文字通りヘッダーやフッターで使われるものです。

    page.php

    固定ページテンプレート。
    特定のページ専用は「page-スラッグ.php」とする。

    single.php

    固定ページテンプレート。
    カスタム投稿 専用は「single-スラッグ.php」とする。

    archive.php

    一覧ページ用テンプレート。
    カスタム投稿 専用は「archive-スラッグ.php」とする。
    category.php
    tag.php
    taxonomy.php
    タグ・ カテゴリー・タクソノミー用の一覧ファイルです。

    404.php

    ページが見つからない場合のファイル。忘れずに設置しましょう。

    テンプレートには読み込み順序があります。

    たとえば、ユーザーが投稿個別ページを表示しようとした場合に

    single-post.php がなければ
    single.php がなければ
    singler.php がなければ
    index.php

    が利用されます。
    次の表の通りです。
    どのテンプレートが使われているかはbodyに
    bodyclassが使われていればある程度推測できます。

    テンプレート階層

    TECH::CAMP（エンジニアスクール）

  • 感想 : クズと天使の二週目生活２

    クズと天使の二週目生活２とは

    アニメ業界界隈で活動もしている、芸人の天津向さんの書いたラノベです。

    あらすじとしては、天使のミスで死んでしまったアニラジ構成作家である主人公。
    わけあって２回目の人生を天使とともにやり直すことに。
    ２巻では、天使の妹でもあるリノも登場。

    って感じでしょうか。

    向さんのファンゆえに買ったんですけど、すいません１８０円のセールです。
    ありがとうamazon kindle。

    天津向さんの優秀さ

    よく向さんのラジオ聞いてます。
    芸人さんなんで当たり前なのかもしれないですけど、喋りがうまいのこの人！

    アニメ系のラジオではいじられ役に徹しており、いつも罵倒されています。
    しかし、最近は罵倒が少なくて困ってるそうです。

    違う違う。

    言いたいのは、喋れるし、ラノベもかけてすごいってことです。
    コントの台本とかも書くでしょうから、割と一貫したスキルなんですかね？
    この本でも、コントっぽい展開と表現だなーと感じるところがいくつもありました。

    あれ、文章読みやすくなってない？

    一巻での印象は、めっちゃ声優ラジオにこびてるなーっていうのと文章に癖あるなー、ということでした。（２巻でも各章のタイトルが声優ラジオをパロってある。声優ラジオオタクに媚びてる）

    でも２巻、めちゃくちゃ読みやすかったし、物語の展開もすごく良かったです。
    大物先輩声優の嫌なプレッシャーのかけ方とか、ほんとに嫌な感じがよく表現できてますね。

    自己の体験から来てるのでしょうか・・・。

    断然２巻がいいです。
    今後にもめちゃくちゃ期待してますよ。

    アニラジ聞く人は楽しめるんじゃないかな？

    普通にラジオあんまり聞かない人も読んで面白いと思うんですけど、やっぱりよくアニメ系ラジオを聞く人がより楽しめる内容になってます。

    声優さんと組んでラジオやってらっしゃる方ですし、
    構成作家の伊福部さんとしゃべるラジオやってますからね。

    芸人の書いたラノベとしての評価になっちゃうんですけど

    結局の所、作者のファンってこともあるんで、
    芸人　天津向の書いたラノベとしての感想になっちゃいますね。
    普段ライトノベル読まないんでしょうがないんですけど、そういう界隈の人からの純粋な評価ってどんな感じなのかなってのも気になりますよね。

    細かいツッコミ

    ２巻だからしょうがないってのもあるんですけど。

    主人公全然クズじゃねぇ

    真人間すぎる。もう別のクズを出したほうがいいんじゃねえかってレベルにタイトルなんだっけってなる。
    作者の根のまともさが反映されちゃってる気がします。

    エリィさん存在感うすすぎませんか・・・？

    おっさんに入ってゲームしてるだけじゃねーかｗ
    邪魔する妹のほうがキャラ立ってましたね。
    そりゃ表紙はあんな感じになる。

    ３巻に期待

    続編書く気まんまんの終わりじゃないっすか。
    期待してます。

  • ブログに書くネタをとにかくたくさん羅列する記事

    ブログのネタにこまったときに見る記事です

    ブログのネタはたくさんあるはずなのに、いざ書こうと思うと何書きたかったんだっけ？
    と思うことがよくあります。

    そんなことになったときに見返すための、自分用の記事です。

    ネタリスト

    • web制作に関する話
    • ガジェットに関する話
    • カレーに関する話
    • いつも使ってる日用品の話
    • ITニュースに関する話
    • ゲームの話
    • 文章を書くことについての話。
    • 妄想アプリ制作のはなし
    • 絵を描くことについてのはなし

    などなど。

    思いついたら書き足して、随時見返すようにしたいと思います。

  • 噂の変態キーボード、Logicool k400 plusを購入しました

    デスクトップのPCのキーボードが気に入らなかった

    デスクトップのwindowsではテンキーなしで昔ならのキーのストロークが高いものを使っていたんですが、キーボードの音が結構気になるようになり、長文はあまり書きたくないなーと思っていたので、新しいキーボードを注文しました

    キーボードを選ぶときにみるところ

    個人的にテンキーはいらないです。
    ノートPCに慣れてるだけですが。

    以下は個人的なキーボードの選び方です。

    右に列があるやつは却下


    なんでかっていうとバックスペースキーを押し間違えるんですよね。効率ダダ下がりなので、こういうパソコンは絶対選ばないです。

    かっこつけて英字キーボードなんか選ばないほうがいいよ

    正直使いにくいです。
    日本語入力の切り替えわかんないし、プログラミング的なことをしてると記号の打ち方が全然わからん。
    一生英字キーボードですますならいいと思いますけどねー。

    そのほかに必要な条件

    今回はうるさいのを解消したいので、静かっぽいものを選びます。
    あとは特にないですかね。

    今回買ったキーボードの特徴

    キーボードにトラックパッドがついてます！
    でもwindowsのトラックパッドなんてたかが知れてるので、あくまで予備なものになります。

    でもペンタブと組み合わせようと思ったらなんかphotoshopの調子が悪いんですよね。
    このキーボードのせいかどうかはわかりません。少しヨスを見たいと思います。

    キーボードの使い心地について少し言っておくと、右側のキーが少し小さいですね。スペースキーも小さい。エンターキーも小さく押しにくいですね。

    でもまあ、標準的なキー配列の範囲だと思いますので、なれれば何とかなりそうです。

  • メンズビゲンで髪を染める時のメモ

    ただ髪染める時のメモです。

    ほんとに。誰もみなくていいです。
    単純にブログ書くハードル下げるためのゴミ記事です。
    というか自分で手順見返すときに使おうかなと思って書いてるだけです。

    商品

    メンズビゲン　
    スピーディーってやつ
    真っ黒なカラーにしています（この世で最もどうでもいい情報）
    1200円程度かな

    手順

    • チューブで２種の薬剤（?）をブラシに出す
    • 7分程度で塗る
    • 5分待つ
    • 洗い流す
    • シャンプー2回
    • 終わり

    この作業が果てしなくめんどくさく感じる・・・

    商品ページみてたら結構いろんなタイプがあるんですね

    ワンタッチカラー
    カラーリンス

    こっちの方が楽そう。
    また染めなきゃいけない時期になったら試してみてレビューしてみるのもいいかも。

  • 書評 : ネット通販億越えのルール(未読破)

    https://logzitsu.tlog.work/revue01/

    これに続いて２冊目。

    専門的な用語がバンバン飛び交っていて、実務に即した内容っぽいです。

    WEBデザイナーをしているのですが、ネット販売開始についての相談を受けてるので学んでおこうと手に取った次第です。
    でも、これは実際商品を開発してる、相談元が読んだ方がよかろう、と思いましたのでその方に貸すことにしました。

    なのでまだ未読破です。
    ネット販売を開始したらその顛末もこのブログに載せていくのもおもしろいかな、と思いました。

    また返ってきたら続きを読んでいきます。

  • 書評 : 「好き」と「ネット」を接続すると、あなたに「お金」が降ってくる

    ブログを始めたので、ノウハウ本一冊くらい読んどくのもわるくないかな？と思った

    先月、2018年3月からブログを始めました。
    目的としては文章を書くことに慣れることなんですけど、お金が儲かったらいいなーと思うし、人が集まってきて役に立てるならなお良いなーとおもっているので、普段手を出さないような少しばかり怪しい本に手を伸ばしてみました。

    「好き」と「ネット」を接続すると、あなたに「お金」が降ってくる

    ですからね。降ってきて欲しいよ。

    内容は至極真っ当で真面目

    タイトルから、お金儲けたい人が手に取るものなんですけど、しょっぱなからそんなん続かないよ？
    と否定している感じです。
    自分が楽しめることをブログにかけ、習慣にしろ。
    さすれば自然といい循環になり、自分のブランドが確立されてくる、と言うような内容でした。

    とりあえず発信することに慣れたい！という感じでとにかく記事をかけるときに書くようにしているのですが、これは最初の段階としては割と正しい行動のようです。

    未来の話も書かれている

    最初の始める段階だけでなく、「人気が出てきた」ことを前提にした話が中盤以降展開されています。
    最初のセミナーの開催のハードルだとか、メールマガジンの戦略だとか。

    いろんな経験を積んできた方、と言う感じでそれらでよく起きる問題について的確にまとめられています。
    本の終盤になると、結構お金が儲かってきたら、の話になっているので個人的にはまだそんな話ははやいなーとその辺は読み飛ばしてしまいました。

    未来のビジョンを想像できるというのは結構大事だと思うのでそう行った面では良いブログの教科書になりそうです。
    ブログの人気がもし出てきた頃にもう一度その辺りを読んでみてもいいかな、と思いました。

    ブログを書くと言うのは自分と向き合うことなのかも

    「発信する」というのは割と心理的な面が大きいなーと感じました。
    著者のかたもカウンセラーみたいですし。

    自分に当てはめてみると、自分の情報を晒すとなにか不都合な点があるのではないか？と思ってしまう節があります。
    ブログに自由なことを書くことはできますが、それをfacebookと繋げるのはとたんに抵抗があります。
    不思議です。

    よく考えてみれば、そういった不都合な部分はブログに書かなければいいだけですし、普段の言動もそういったことは少なからずあるはずですし、そんなに気にしなくていい気がしてきました。
    現実と同じように気をつければいいだけです。

    でも自分の趣味とか晒してドン引きされるの怖いですよねぇ。この辺はちょっとづつ考えたり試行錯誤しようかなと思いました。

    今の段階でやるべきことをメモしておこう

    • ブログを書くことをなんとかして習慣にする
    • 頑張らないで書けるように心がける、工夫をする
    • 3ヶ月はとにかく書きまくって試行錯誤をする
    • ~~プロフィール欄をつくって~~充実させる
    • ~~Facebookページを作る~~
    • ~~Twitterを作る~~
    • 作品をみたら、ブログを投稿する習慣にする

    こんなところでしょうか。
    じぶんも割と興味がいろんなところに散りがちなところがあるので、色々書いてその辺を見定めて行こうかなと思います。
    頑張ろう。

  • いまさらだけど、映画「ALIEN」をみたので感想を書くよ

    映画「ALIEN」をみました。
    なんか続編の新しいやつとかじゃなくて、最初の作品です。
    ネタバレがんがんしてるんで注意。(1979年の作品でネタバレ注意もないか)

    きっかけ

    漫画家の冨樫義博さんが好きな映画ベスト3の一位に上げているのを知ったので。
    そういえばシリーズを一つも見たことがないことに気が付いたのです。
    amazon primeとか古い作品に簡単にアクセスできるので素晴らしい世の中だと思います。
    amazonの見放題作品ではなく、吹き替えレンタル100円でした。（安い）

    ほかに最近見て、おもしれーなーと感じた古い作品は「仁義なき戦い」です。
    こちらもおすすめ。

    2018年に「ALIEN」の感想を書く奴もなかなかいなかろう

    考察とかもやり尽くされてるんだろーなーと思います。
    でもそれ読むとこの感想を書く気なくすと思うので見ないで書きますよ。
    間違ったこと書いてたら「こいつにわかだなー」とか「そういう勘違いするんやなー」とか思ってもらえればいいのでテキトーに考察も混ぜつつ書きます。

    映像すごくないっすか？

    100%異世界じゃないっすか。なんでこれを映画にしようと思って、実際映像にできてるんだ？ほんとすごいです。
    エイリアンも全然ちゃっちく感じませんね。荒さを見せない演出も素晴らしいと思います。

    機械類も凝ってましたね。
    操作系とかは1980年代っぽさがありましたけど、マトリックスの船の雰囲気も似たようなもんだったので「未来の船内」の想像ってあんな感じなんだろうなーとおもいました。

    2種類のエイリアンがいたの？

    一つは船内で襲って来て人に寄生するやつ。
    もう一種は警告電波を送った人間以外の知的生命体。
    信号が送られてた星での謎の造形物はそいつらの船で、最強生命体に襲われて全滅した。みたいな感じですよね多分。

    その人らの船の造形もすごかったっすね。
    異世界の道具って感じでなんに使うかわかんない感じがすごい。
    「エイリアンの死体だ」っていうセリフがエイリアンは普通にいる存在なのかーっていうのがわかるのと
    僕「エイリアンの死体なの！？」って思いました。良い。
    一見してコックピットっぽくないのが良い。

    おいおいおまえらちゃんと仕事しろよ

    っていうシーンがいっぱいありましたねw
    これに関しては指令を受けたロボットがわざとミスを誘発してたって理由づけがされています。
    （ロボットもただのメカメカしいのじゃなくて、生物工学でつくったっぽいのがいいですね。見返してないですけど多分飲食してましたもんね）

    黒人のにーちゃんがずっと正しくて笑いました。
    ・信号なんてほっといて帰ろうぜ　→ ほっとけばよかった
    ・こんな星さっさとでていこうぜ　→ さっさと出て行けばよかった
    ・冷凍しちまえばいいんだ！ → 冷凍しちまえばよかった(多分)

    ボーナスもちゃんと満額あげるべきだったね。

    しかしロボットと会社よ。もっと安全でいい方法があったんじゃないのか？
    最低でも体液で溶けない隔離室を用意しとけよ。
    船長はちょっと特殊任務について知ってたっぽいですよね。
    船長だけエンジニアの分のボーナス回すよ、みたいな契約だったのかもしれないですね。

    マザーがポンコツすぎる

    今作ったら音声認識ですよね多分
    マジで作中で何もしてくれてないのに登場人物はみんな信頼してるのがおかしな感じでしたね。
    作品を作った頃だとあれをしてくれるだけども相当優秀なコンピュータだったのかもしれないですね。
    あと、船内に生物センサーとか付けれるんじゃねえの・・・？って思ったり。
    医務室・生体隔離室とか本船とは離れた場所に置いといてもよかったし、という細かいツッコミもあります。

    金属を溶かす強力な酸という優秀な仕掛け

    めったざしにしてぶっ殺しちまえばいいんだ！
    という短絡的な手をこれで潰しているんですね。体液で穴が開けば全滅するかもしれないという危険が気軽に手を出せないという緊張感を作っていました。

    最後まで緊張感ありましたね。

    自爆から生還した後、
    「あれ、これで終わらないってことはまだ一山あるな・・・」
    で、エイリアン出て来て
    「あーこれぜんめつエンドもあるで！終わったな！」
    って思ってました。

    最後きっちり今ある最善手で現状を打開するのがすごくよかったです。
    助かっても地球から10ヶ月かかる距離ってのがかわいそうですね。

    昔の名作は教養として見るべき

    最新作だからって面白い訳でもないですよね。
    単純にリメイクしても面白さが失われてたりするので、最初のオリジナル作品ってのはパワーがあるなーと思います。
    最初のアドベンチャーゲームであるはずの「ポートピア連続殺人事件」で2~3作めでやればいいはずのオチである「犯人はヤス」をやっちゃうパワーみたいな、最初から本気出しすぎだろ・・・みたいなことです。

    おわり

  • pack for vistaのサポートがいつのまにか切れてた

    pack for vistaというモリサワの超お得フォントパックが過去に存在した

    モリサワのキラーコンテンツ的なフォントであると思われる
    – リュウミン
    – 新ゴ

    がはいったパックで、windows専用で他とはことなる「ttc」ファイルであるのが特徴です。
    （なんかメイリオと仕様を合わせてあるやつらしい）

    ライセンスにそんなに厳しいしばりが内容なのですが、非常に安く手に入れることができたのです。

    インストールはめんどくさかった

    vista時代のものなのでそれ以降のOSだと、インストール時にアップデートしなければならないという仕様でした・・・。
    めんどくさいっすね。

    パソコン捨てちゃったんですけど・・・

    モリサワのライセンスインストールの厳しさを知らず、ライセンス入ったままパソコン捨てる時にHDD破壊しちゃったのです。
    これはこまった！

    サービスサイトから申請するとライセンスを消せる

    サービスサイトからフォントライセンスを消すことができるのです。
    自分がやったときはユーザー登録してないとダメでーすって言われちゃいました。
    ユーザー登録後に申請してください。

    pack for vistaのサポートは 2018年 3月までです

    残念。なんとサポートが切れていたのです。

    しかし、削除申請だけは延長されてるみたい

    http://www.morisawa.co.jp/about/news/3795
    2019年 3月末までライセンス削除は申請できるみたいですよ
    自分と同じような状態な人は急いで削除してください！

    新しいPCでインストールしたらエラーでて進まないんだけど…

    fontのCD入れたら「2008年のディスクにしてください」みたいな謎のエラーメッセージが。
    こまって色々試してたら、別ソフトのMfontスターターでインストールすることができたので同じメッセージが出た人はそちらからインストールをトライしてみてください。
    サポートは切れてますから、ダメなときは諦めるしかないんでしょうけど。

  • Samsung SSD 960で容量を増やしたMACにbootcampでwindows10を入れてみたが・・・

    https://logzitsu.tlog.work/macbookair-1tb/

    前回の記事は↑
    MAC bookの容量を増やした。

    windowsは無事に入ったものの、いくつか不具合があったのでまとめておきます。

    起動の切り替えがうまくいかない

    windows側から、Macのディスクが認識できないみたいです。
    bootcampのサポートソフトウェアから起動切り替えできないの。だめじゃん・・・。
    optionを押しながら起動して、ディスクを選択するのが公式でも推奨している方法みたいです。
    なんじゃそりゃ。

    起動が気まぐれです・・・

    windowsで再起動したはずなのに、macが起動したり、逆もあったり。
    この記事のように起動ディスク認識しなくなっちゃったりよくします。
    ハイバネーションの設定はmac win 共々切っといたほうが良さそうです。
    起動ディスク認識しないのは、まだ解決してないですね。
    macを使い続けてるとわりと発生しない気がしています。

    コントロールパネルがひらけない

    bootcampのコントロールパネルが、権限不足で動かないのです・・・。
    これはほかの方でも発生したケースの対応策を書いてある記事がありました。
    でもなんか気持ち悪いんですよね。
    あと動いたところでたいした設定はできません。

    トラックパッドのドライバが適当すぎる

    当たり前っちゃー当たり前なんですけど、トラックパッドちゃんと動かないっすね。
    動くけど、ジェスチャとか一切できない。
    公式じゃないソフトを入れるとできたんですけど、けっこう不安定な動きで個人的にはよくないなと感じたのでやめちゃいました。

    マウス使えばいいです。

    設定がめんどくさい

    macのキーボードでwindows使うのはやっぱ難しいのかなという印象を持ちました。
    カスタマイズで快適に使えるようになるんですけど、特殊な設定のキーボードって個人的にあまり好きじゃにんですよね・・・ほかのパソコンも結構さわるので。

    そんなにwindowsしか使えないソフトがない

    officeと絵を描く人ならsai ぐらいじゃないでしょうか。
    officeはネット版もあるし、ちゃんとmac版もあるんでそんなに困ることはなさそうですね。

    saiもバージョン２が開発中みたいですが、ほかにいいソフトも出てきていますのでわざわざ選ぶ必要もないかもしれません。

    ペイントツールはいろいろためしてみたんですけど、photoshopが良さそうです。
    線の手ぶれ補正がないのが結構ネックだったんですけど、ちゃんと搭載してるし、ペインターみたいな滲み水彩もなんかちゃんと機能としてあるみたいです。
    絵を描くソフトじゃないと思ってましたが、ちゃんともう「絵を描くソフト」ですよこれは・・・。
    鉛筆のブラシが入っていて(これは元から入ってたのか判断つかないんですけど)これがけっこうよくできてました。
    こまかく設定いじれるみたいなのでカスタマイズしっかりしていけば、すごく使い安くなっていきそうです。
    そもそもphotoshopの操作慣れてますからそこもいいところです。
    大体のソフトmac版あるんでmacでいいっすわ

    ライセンス代分がぁ・・・

    ライセンス買っちゃったんですけど、損したかもしれないっすね。
    でも、windows10すごくキビキビ動いていい感じなんですよね。
    きっとmacの方が最新osに対応しなくなっちゃうと思うので、この子はいずれwindowsとして動かす運命は確定しているのです(それか売る)
    だからいいのです。重い処理をしないのであればまだまだ長く使えそうな印象です。

  • 飽きずに楽しくブログを続けていく方法について思いを馳せてみる

    楽しくブログを書けるやつ最強説

    文を書くってことが非常に億劫なのに気づいてしまいました。
    文字を書くことに全然向いていない・・・。
    楽しくブログをかけるやつは最強だと思います。強い。

    最強になりたい

    文章を吐き出すように、流れるように自然に生み出せるようになりたい！！
    そう思うようになりました。
    そう、最強になりたいのです。

    楽しく文章を書けるようになるため自分と向き合うことにしてみた

    まずは自分と向き合う必要がある気がしています。
    なぜ、文章を書くのが億劫に感じてしまうのか。ここに羅列していきたいと思います。

    文章がかけない理由

    • 全然気が乗らない
    • 文字を書ける環境にない
    • ツールが整っていない
    • いい文章を書こうとしすぎているのではないか
    • そもそも文章を書くことが嫌いかも
    • 描かない漫画家症候群かも
    • 電車の中とかで何か思いついても書かないかも
    • ほかにやるべきことがいっぱいある
    • 目標がはっきり定まっていないのかも
    • 目的がないと文章がかけないかも
    • 人に見てもらってないからかも
    • ネットコミュ障である

    楽しくかけそうな可能性

    • イラストに文章をつける方が楽かも
    • 音声入力は楽で楽しい
    • 文字より、動画とかラジオとかの方が気楽かも
    • 物語を生み出せるようになりたいの！
    • アニメ見たりするインプットは楽しい

    思いつくままに羅列して見ました。
    うーんまあその通りなんだよなぁ。

    環境を整えよう

    • 全然気が乗らない
    • 文字を書ける環境にない
    • ツールが整っていない

    ここら辺は環境やツールを整えることで解決することがあるかもしれません。
    自分はワードプレスでマークダウン記法で記述するのが一番気持ちよくかける気がしています。
    Wordを買おうかと思ったのですが、そもそもそんなに好きではないし単なる趣味で文字を書くことによる収入はないのでものすごく二の足を踏んでしましました。

    いろいろ調べてワードプレスに直接書くのがいいのかな、と思っています。
    描き終わった後にすぐ投稿できるのもいいですし。

    ネットに繋がっていないときは、macのメモでマークダウン記法しとくのが一番いいのかな？と思っています。
    多分それをコピペすれば動きますからね。

    あ、ちなみにワードプレスで使っているプラグインはこちらです。
    https://ja.wordpress.org/plugins/markdown-editor/

    macにwindows入れてみたけど、ワードの役目もそんなになさそうでwindowsライセンス分損したかも。
    よくよく考えると、ワードもmac版あるしね。

    気持ちの問題

    • いい文章を書こうとしすぎているのではないか
    • そもそも文章を書くことが嫌いかも
    • 描かない漫画家症候群かも
    • ほかにやるべきことがいっぱいある
    • 目標がはっきり定まっていないのかも
    • 目的がないと文章がかけないかも

    ここらへんは目標・目的をしっかり定めとくのがいいのかもしれない。

    自分の場合は、常日頃から物語やらなんやらを生み出したいと思っている節があるので
    – 文章を書く
    – アウトプットになれる
    ことがそれらにつながるかもしれないなぁと思ったことからやってみようと思ったのだ。

    期限・締め切りで追い込まれた方が捗ったりするみたいなので、そういった賞なんかに目標を定めて作品作りをするのがいいかもしれない。

    これは１年ぐらいの期限つきで目標にした方がいいかもしれないなと思った。

    発表すること・人に見てもらうことに慣れたい

    • 人に見てもらってないからかも
    • ネットコミュ障である

    この文章は練習だし、こんな過疎ブログ誰も見てねぇだろ、という心持ちで自由に書いている。
    割とクリティカルな問題のような気がする。

    せっかく発表の場としてこのブログを作ったので、有象無象の文章を気兼ねなく発表し、晒すことに慣れていきたいと思う。

    ネット上で人に絡める人は本当に羨ましい。どうやって絡んだらいいかわかんないもん。
    そのうち慣れたら他の場所でも発表するようにしてってもいいかな。
    あとあわよくば面白い文章だと思われたいので、そう思われるように工夫して頑張りたいと思います。

    めざせ最強！

  • wordpressでイラスト描きたいなーと思ったけど選択肢がなかった

    表題の通りです。

    画像作成プラグインが全然見つからない・・・

    WordPressで画像編集や、イラストの作成したいなーとおもっていろいろ探して見たけど全然見つからなかった。

    写真に文字入れ程度や、完全な図形や矢印を入れるツールは便利そうなのがありました。

    https://ja.wordpress.org/plugins/drawit/

    こんなん作れる。

    特定の用途にはすげー便利だと思う。
    サイトマップとか作るのにすごい良さそう。文字も簡単に入れられるし。

    ペンでドローするタイプは見つからなかったり、古かったり、うまく動かなかったりでした。
    まぁべつに、ローカルでソフト動かして画像作ればいいものね。

    deviantART muroってのは古かった・・・

    http://beer.tank.jp/wordpress%E3%81%8A%E7%B5%B5%E3%81%8B%E3%81%8D%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3

    試して見たけど動かなかったんだよねー

    AdobeのSDKでいいのが作れるって記事を見つけたけど

    どうやら画像加工UIのAPIはサポート切れの様子。
    記事の画像と現在のサイトの作りが違うんだもんなぁ。

    https://nelog.jp/how-to-set-adobe-image-editor

    違ったらごめんなさい。

    関係ないけどマークダウン記法を知りました。

    めっちゃ便利ですね！マークダウン記法！

    見出しとかを簡単に作る書き方です。すごい単純ででただのテキストエディタでも全然問題ないのがいい。

    詳細はこことか見てください。
    https://qiita.com/tbpgr/items/989c6badefff69377da7

    記事書くだけなら「Word」とかじゃない方が綺麗で軽いし良さそうだなーと思いました。

    atomで最初からマークダウンのプレビューできるみたいなんで、ファイルの管理さえしっかり整理しとけばもうこれでいいじゃん！って思いました。

     

  • ブログを始めることに対する決意表明と、これからどうしようか考えながら書く記事

    みなさんこんにちは。
    このブログの管理人です。

    なんでこのサイトを立ち上げたの？

    このブログは自分の「書く」訓練をするために作ったものだったり、
    アフィリエイトについて興味があるので、色々な実験をしてみようかな？というブログだったりします。
    文章を書く楽しさを楽しみたいと思います。

    ・アフィリエイト
    ・文章を書くことに慣れる
    ・文章を晒すことに慣れる
    ・吐き捨てるように文章を書けるようになりたい・・・

    といった目的のために書いています。

    アフィリエイトで儲けて、だらけた印税生活が送りたいよー！！！！
    といったモチベーションで書いております。

    自分の考えやノウハウをしっかりまとめておきたい

    あと、現在公開している文章が非常に中途半端で申し訳ないですが、自分のウェブデザイナーとして得た知識を体系的にまとめて、ノウハウ的に役立つブログとしても運営していきたいと思います。

    全然まとめてなくてごめんなさいごめんなさい。

    ああ全然内容が薄い

    もっといろいろ書いてやろうと思ったんですけど、全然内容が薄くなっちゃいましたね。
    この記事に関しては思いついたらガンガン追記していくようにしたいと思ってます。

    ではまた。

  • Mac Book Air Early 2014 に 1TBのSamsung SSD 960 を載せてみた

    旧型Mac book AirのSSD換装！

    【キャッシュレスで5%還元】SAMSUNG製 SSD 960 EVO M.2 MZ-V6E1T0B/IT 1TB

    MacBook AirのSSD 換装に挑戦してみる

    通常は512GBまでしか選択肢しかないMacBookですが1TBにしてみました。
    当然ながらSSDの入れ替えはAppleの保証対象外になりますのでやる場合は自己責任でお願いします。

    2014年に買ったMacBook Air 。
    1月ぐらいのアップデート(多分スペクターとかメルトダウン対策)で致命的に調子が悪くなりパソコンを買い換えようか迷っていた時期もありましたが、
    2018年 3月くらいのアップデートでだいぶ安定して使えるようになってくれました。

    その不安定さ以外で不満を感じている部分といえばCPUの非力さと容量です。
     Illustrator や Photoshop のサイズの大きいファイルを開いた時にさすがに動作がもったりします。
    そして保存容量が最低の128 GB だったので、これ以上どんなソフトも入れられず写真や曲も入れられないということでした。動画編集とかしたいのに・・・。
    とはいえもう一台、windowsのデスクトップPCを所有しており、パワーを使う作業はそちらに任せていたので、あまり困ってはいなかったのですが。

    air旧モデルに搭載されたディスプレイも今となっては解像度の低いものですが、個人的にはそこはそんなに不満に感じませんし、筐体やキーボードなども結構気に入っているのでそのまま使い続けたい気持ちもそこそこあったのです。

    そこで容量を増やして延命を測ろうと思いました。

    保存容量を増やせば不満の一つも解決するし、新モデルやバージョンアップあったらその時に乗り換えよう、と思ったので思い切って容量を増やしてみることにしました。

    しかし、SSD換装について調べてみるとApple製品のSSDは特殊な規格形式らしくめちゃくちゃ金額が高いようでした。


    これは流石に高い・・・。

    追記：記事作成時の2018/9/18ごろは9万円ほどだったのですが、11月になるとちょっとお求め安い価格になってますね。
    トランセンド TS960GJDM820 [960GB JetDrive 820 SSDアップグレード PCIe Gen3x2 TLC MacBook Pro/MacBook/Mac mini用]
    アダプターを介するとスリープがうまくいかないという不具合があるので上記の値段に不満がない方はその方がいいかもです。

    しかし、High Sierra からSSD がアダプターを介して、通常規格のSSDが使えることがわかりました。
    M.2 SSDのnvneという規格が使えるようです。
    めっちゃ早い規格らしいです。
    1TBで約50,000円(2018年8月ごろ)。高いですが、デスクトップで M.2 SSD を利用できるデスクトップパソコンを持っていましたので今回 SSD の換装に失敗してしまっても無駄にはなりません。

    高いですけどね・・・。

    SSDを購入しちゃった

    買ったのはこれー


    追記：購入時5万だったんですけど、11月現在 3万円程度になってます。正直安すぎです！
    今後どういう値動きになるかは予想できませんので、今すぐ買ったほうがいい！(2018/11/14)

    自分のPCは「 MacBook Air (13-inch, Early 2014)」です。
    結構年で仕様が変わってるみたいなので購入はよく調べてからしてください。

    SSD端子 変換アダプター

    M.2（NGFF type 2280）SSD (AHCI&NVMe) から Apple Macbook Air 2013, MacBook Pro (Retina, 13-inch&15-inch, late 2013) A1465 A1466 A1502 A1398 用 128G 256G 512G SSDに変換するアダプタ

    (この商品のレビューでは問題ないので大丈夫だと思いますが、他の商品ページで買ったらアダプタが微妙に会わなくて端子を削ったという・・・。良い子は絶対に真似しないように。ハマらなかったら返品しましょう。)

    MacBook Airは簡単に開けられないよう星型ねじになってますので
    ドライバーセットも買いました。


    換装作業をします

    作業は自己責任でお願いします。またSSDの交換はAppleの保証対象外になる行為です。
    本ブログはこの記事で起こった問題の一切の責任を取りません。

    作業の流れ

    • 現状のバックアップ(タイムマシン作成)
    • USB起動ディスクの作成(*High Sierra以降にすること)
    • 裏蓋を開けてSSD交換
    • USB起動ディスクからOSのインストール もしくは↓
    • バックアップから旧SSD環境の復元

    とりあえずバックアップを取っておく

    まず、タイムマシンなどでバックアップを取っておきましょう。作業で純正SSDが壊れて泣いてもしらないですよー。

    現在のパソコンの状況を保存して、新たに接続するSSDで再現するためにも使えます。
    クリーンインストールも可能ですが、やはり元データは残しておきたいですよね。


    タイムマシン用の、外付けHDDが必要になりますので、持っていない人は合わせて買っておくと慌てることがありません。

    USBで起動ディスクを作りましょう。

    USBで起動ディスクを作ります。
    差し替え後にからっぽのSSDの代わりに、このUSBディスクから臨時でOSの起動とインストールを行います。
    High Sierra もしくは Mojave のインストールディスクです。
    参考 → https://support.apple.com/ja-jp/HT201372

    こういった、16GB以上のUSBが必要です


    High Sierra以上でないとSSDを全く認識してくれないので注意してくださいね。
    (ベースに入ってる古いOSのディスクユーティリティでうんともすんとも言わず「ダメじゃん、壊れてるじゃん」と半日悩んだのは私です)

    上記で事前準備は完了です。

    ネジを外していきましょう

    電源をちゃんと消し、コード類も全部抜きましょう。

    星型ネジでとります。ネジの長さが異なるのでそれぞれの位置をしっかりわかるように無くさないように作業を進めてください。傷も簡単についちゃうので気をつけて。

    全部とると、カバーが剥がせるはず。
    ドライバーに同封されているプラ棒が役に立ちますね。

    SSDを交換しましょう。

    おもったよりホコリだらけでした。写真もホコリっぽいですね、すいません。
    画像の部分がSSDです。静電気にも気をつけましょう。

    高いSSD、無駄に緊張します

    紹介したものはサイズもぴったりで、ネジもちゃんと使えます。
    もしネジが使えない場合は、しっかり刺さっていないと思います。

    新しいSSDを装着し、ネジを取り付け直しましょう。

    あとは作成したUSB起動ディスクからMACを起動

    option +電源で起動すると、USBを起動ディスクに選べると思います。
    ディスクユーティリティを選んで、SSDをフォーマットしてください。(怖い)
    あとはクリーンインストールしたり、HDDにバックアップしたタイムマシンから復元してもいいのではないでしょうか！

    以上です！

    追記

    再起動と、長期スリープに不具合があるらしいです。
    詳しくはこちらのブログにまとめられているようなので、参考にしてみてはいかがでしょうか

    http://vintagecomp.livedoor.biz/archives/51967351.html


    続き

    https://logzitsu.tlog.work/m2-ssd-%E3%82%92-gtune-%E3%83%9F%E3%83%8B%E3%82%BF%E3%83%AF%E3%83%BC%E3%81%AB%E6%90%AD%E8%BC%89%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F/

    新しいmacを買ったので、現在デスクトップPCに搭載しています。
    この記事のmacbookairは純正のSSDに戻して、知り合いに売るかあげるかする予定です。

    https://logzitsu.tlog.work/macbook-pro-2017/