アクセシビリティという程のものではないけども．機能追加．

2024.07.31

Logging

おはようございます．サイトの上部に文字の大きさを変える機能を追加しました．こちら実際に目が悪いひとには気づきにくいのかもしれない.そのことに関しては今後の課題です．

アクセシビリティというのを調べていたら色覚の障害がある人はどのようにこの世界が見えるのかという事が理解できるサイトがあり、その内容が結構衝撃的だった．（サイトは下記のリンクです）

https://www.itra.co.jp/webmedia/color-blindness.html

五体満足で生きていると分からないことが多く、そして障害を持った人達がどんな所で不便や苦労をしているかという事に気づきにくいのかもしれないと思います．デザインしている人でも障害を持った人達のことを考えてサイトやデザインをしている人は恐らく少数ではないのかと思います．

自分はあまり考えてこなかったタイプの人間なので分からないことが多いです．

ですが、障害の持った人達も普通の人と変わらない生活が出来る社会になればと思っています．今後、そんな社会になる可能性は高いと思っています．日進月歩で医学分野も進んでいて再生医療や遺伝子治療も進んできているので今世紀には殆どの障害は克服することが可能になるのではないかと思っています．

明日へ続く．

タグ

アクセシビリティ, タイプ, デザイン, 上部, 下記, 世紀, 人間, 再生医療, 医学分野, 少数, 悪いひと, 文字, 日進月歩, 殆ど, 社会, 色覚, 苦労, 課題, 遺伝子治療, 障害,

イラレの切り出し担当でモメル：あるある？

2024.05.02

Logging

おはようございます．Illustratorからパーツに切り出してから渡して頂きたいと思っています．切り出しとイラレファイルも渡して頂きたいです．デザイナーサイドからすればデザインを納品すれば終わりだと思うものの、結構切り出しって面倒なんですねー．

デザイナーさんがフロントエンドも分かっている方だとそこら辺まで分かっているので、切り出しやすいし切り出し画像もある状態で納品してくれる．有り難いことです．

ここまでして欲しいと思っているエンジニアさんは多いと思います．零細企業や中小企業の現状はエンジニアさんが切り出し作業も行っていることが多いと思いますが、結構、慣れない作業で時間がかかったりします😌．

WEBサイトって一人でも作れますが、会社で作る場合チームで作ると思います．分業化するよりも寄り添える現場になれば循環するのですけどね．分業にも良さありですが、自分は零細企業や中小企業では壁がない方が何かと良いかなと思います．

明日へ続く．

タグ

illustrator, WEBサイト, イラレファイル, エンジニアさん, そこら辺, チーム, デザイナーサイド, デザイナーさん, デザイン, パーツ, フロントエンド, 中小企業, 作業, 分業, 分業化, 壁, 有り難いこと, 現場, 現状, 零細企業,

ブログのデザインを修正しました。

2023.11.22

Logging

おはよう御座います、ブログのデザインを修正しました。なんだか某エナジードリンクみたいなデザインですね（笑）。これで飽きるまで置いときます、誰が飽きるかと言えばブログの管理者である自分です、毎日のように自分のブログを見ているのでデザインが気に食わない感じになります。

人が制作したデザインだと全然改善しようと思わないですけど、自分がデザインだとなんだかダサく見えてしょうが無いのです。なのでテコ入れが多くなってしまいます。色は黄緑色？という感じで目がつかれるかも知れないという色合いになっていますがこの色好きなんですね、この色に黒字というのが好きなんです。カラーユニバーサルデザインとかには全然対応していない気がします、すみません🙇。

明日へ続く。

タグ

カラーユニバーサルデザイン, デザイン, ブログ, 人, 感じ, 某エナジードリンク, 気, 目, 笑, 管理者, 自分, 色, 色合い, 色好き, 黄緑色, 黒字,

イラレの生成AIはプロンプト次第です。

2023.11.08

Logging

おはようございます、イラレの生成AIはプロンプト次第です。自分の肌感ではみんながよく使いそうなキーワードを使用すればそれなりのイラストやロゴが生成出来るのだけど、例えば自分の名前を入れたロゴを作ってみたいなのには、まだ応用が効かなく良いデザインが生成されないことが多いです。

ですが、ポリゴンとかそういうキーワードを盛り込むだけでまぁまぁ良いデザインが何度かの作業で生成されます。あと、生成されたデザインの色も生成AIで変更可能になっている。

要は使いようで良いデザインも劣化したデザインにもなるので、まずは短めの単語で生成して使用してみてください。その方が精度の良いデザインが生成されるはずです。

因みに下記には生成AIで作ったデザインが含まれています。

明日へ続く。

タグ

イラスト, イラレ, キーワード, デザイン, プロンプト次第, ポリゴン, みんな, ロゴ, 下記, 作業, 使いよう, 単語, 名前, 応用, 生成AI, 短め, 精度, 肌感, 良いデザイン, 色,

デザインを変更しました。

2023.10.06

Logging

おはようございます、ブログのデザインを変更しました、オリジナルなデザインにしました。前々から変えようと思っていてやっとこさデザインを変更した感じですね。すごく単純なテンプレートですが、これから先、いまのテンプレートをベースに変更していきたいと思っています。

背景は動く動画にしています、スマホでは動きませんがこちらも動くようにgif画像か何かにして対応します。。また動画は飽きたら変えていくか、ランダムか時間帯で動画を変更していきたいと思っています。

このテンプレートの利点は画像や動画を差し込まなくても滞在時間が昔とあまり変わらないことが利点です、そしてSEOはもう生成AIの時代にはあまり役に立たない、むしろBOTに引っ掛からないほうがページを参照して頂けるのではと思っています。

なお、今まで通りアイキャッチ画像は入れていますが、RSSやシェアして頂けるときぐらいしか表示されない感じです。

タグ

BOT, Gif画像, RSS, SEO, スマホ, デザイン, テンプレート, ベース, ランダム, 利点, 前々, 動画, 役, 昔, 時代, 時間帯, 滞在時間, 生成AI, 背景, 通りアイキャッチ画像,

gistの埋め込みで盡く、デザインが崩れていた話。

2023.05.29

Logging

おはようございます、gistの埋め込みで盡く、デザインが崩れていた話です。いつからか分からないですが、gistの埋め込みを行っていた部分がすべて崩れていたので、先日の早朝に全ての崩れを直しました。

せっかく訪問してくださったのに、見栄えが崩れていてページの下部まで見ないと分からない状態になっていた事を陳謝します🙇。

極力デザインの崩れはないのかを確認しているのですが、デザインの崩れに気づかずに数ヶ月も放置していました。原因はおそらくワードプレスのバージョンアップによる影響かと思います。こういう仕様になったのか、それとも一時的なことなのか分からなかったのでプラグインに差し替えてプログラムコードを貼り付けています。

おそらくこちらの方が安全だと思うので、そういう形にしています。

タグ

gist, すべて, デザイン, バージョンアップ, プラグイン, プログラムコード, ページ, ワードプレス, 下部, 仕様, 全て, 原因, 形, 影響, 数ヶ月, 早朝, 状態, 見栄え, 話, 部分,

Blenderを使用してみてまだまだですが無料で。

2023.05.06

Logging

おはようございます。Blenderを使用してみてまだまだですが無料で何とかなるかもしれないなって思っています。たぶん、使いこなせるまで一年ぐらいはかかるかもですけど、恐らくAI（イラレ）レベルのデザインは作れそうな予感がします。

なので、Illustratorの一年契約は来年には辞めれるかもです、でもどうかなぁアドビの人工知能機能も触ってみたい気もします。どちらにせよ、来週末から本格的に触っていきます。今回、テキストにもモフモフ感のあるデザインにしたかったのですが、全然思い通りの仕上がりが出来ないので、Blenderマスターまでは道は険しいですね。そして、何よりブレンダーは、Webサイトで動かす事が出来たりアニメーションが作れたりしますから良いです。

タグ

AI, Blender, Blenderマスター, illustrator, WEBサイト, アドビ, アニメーション, イラレ, テキスト, デザイン, ブレンダー, モフモフ感, 一年契約, 予感, 人工知能機能, 来年, 来週末, 気, 無料, 道,

匿名質問箱を再稼働しました。#ask.fm #peing.net

2023.04.26

Logging

おはようございます、昔デザインしたものと、今デザインしたものを見比べてみたら違うなって思えてやはり継続すればそれなりに変わるんだなぁって思いました。此の度、匿名質問箱を構えています、再活動の初日はそれなりに質問が来たのですが、今は適度な質問が来ますので一応、このまま置いときます。質問に応えるのは結構楽しいものだなと感じる一方で、やはり実名や公開状態の質問をしてくれる人がいるとより嬉しいですね。

尚、自分に質問を投げたいという方は、下記のリンクかTwitterのプロフィールよりリンク先に移動してください。

http://t2t.jp/p2

http://t2t.jp/a2

因みにこのデザインは2022年にデザインしたもので、アイキャッチの画像は2023年のデザインになります。

タグ

2022年, アイキャッチ, デザイン, プロフィール, リンクかTwitter, リンク先, 一方, 下記, 人, 公開状態, 再活動, 初日, 匿名質問箱, 実名, 度, 昔, 楽しいもの, 画像, 自分, 質問,

Tumi-isiも欲しい昨日の話の続きかな？ #素敵かよ

2023.01.31

Logging

おはようございます、かわいいは罪ですと言った中の人です。

今日はクールなTumi-isi（積石）という商品のお話、このビジュアルはセンスがあるなって思います。おもちゃ・ホビーの分類にも入るけど、インテリアとしても悪くない。これもデスク等に置いておいても悪くないと感じます。

このTumi-isiはベスト・デザイン・アワードにも選ばれた商品です。それはそうだよね、間違い無いよ。いい味出してますもん🙄。

因みに、自分はこのつみいしの情報をTwitterのタイムライン投稿で知りました。

尚、こちらは購入出来そうなので検討中です。購入したらまた新たな記事として紹介するかもです。

タグ

Tumi-isi, Twitter, アワード, インテリア, おもちゃ・ホビー, お話, かわいい, センス, タイムライン投稿, つみいし, デザイン, デスク, 人, 分類, 商品, 情報, 検討中, 積石, 自分, 記事,

イラストレーターとミッドジャーニーを天秤にかける。

2023.01.19

Logging

おはようございます、木曜日の朝ですね、これを書いているのは木曜日ではありません。

もうすぐイラストレーターの１年契約が切れます、そんな時にミッドジャーニーというAIで画像生成が出来るサービスを触ってしまったので大変悩んでいます。悩ましいすぎる…。

自分でデザインしたものよりも断然、ミッドジャーニーで生成したものが良い感じのものになります。先日ツイートしたようなデザインが数分（１～２分）で出来てしまうの罪ですね。

ミッドジャーニーがイラレの拡張子で出力されるので有れば、断然、ミッドジャーニーに軍配が上がるのですが、そういう機能は無いみたいです。

イラストレーターもこの頃、使用していないのでもしかしたら、ミッドジャーニーに鞍替えする可能性ありですけど、今まで蓄積したイラレファイルがあるので、そうもいかないのが現状。

やはり、今年もイラストレーター契約します🙄。

ミッドジャーニー集団訴訟になっているからね・・・。

タグ

１年契約, AI, イラストレーター, イラレ, イラレファイル, サービス, デザイン, ミッドジャーニー, ミッドジャーニー集団訴訟, 可能性, 拡張子, 数分, 朝, 木曜日, 機能, 現状, 画像生成, 自分, 良い感じ, 軍配,

htmlとcssとjavascript-初学フロント側-No.１#code

2022.11.07

Logging

おはようございます。今年もあと２ヶ月もないわけですよね早いものですね😮

htmlとcssとjavascript-初学フロント側-No.１という動画をYOUTUBEにUPしたのが昨日の９時のこと。これで理解出来るか、どうか分からない。解説もない教えもない、唯コードを書いているところを見せてるだけです。ソースコードは下記のサイトから参照できますが、次の動画作成のためにデザインや処理が変わっていたり、動作しなくなってたりするので注意が必要です。

https://358tool.com/sample-site/

自分はHtmlやcssはあまり覚えていないのですが、分かるのはそれなりに基本ベースがあるからだと思ってます。今からHtmlやcssを学ぶ人は全部を覚えようとはせずに、手を動かしてコードを書くことから始めて下さい。そのうち基本ベースは身につくことになると思います。

因みに自分が書いているclassの名前付けなどの書き方は駄目な書き方ですので、そういう所、お仕事として書く場合は会社によってキマりなんかが有りますので、そういう事まで知りたい人はこちらの動画を参照ください。

タグ

１, 2, 358, ９, cl, Code, com, css, html, https, javascript, no, sample-site, tool, UP, youtube, うち, コード, こと, これ, サイト, ソース, それなり, ため, デザイン, ところ, フロント, ベース, もの, 下記, 人, 今, 今年, 作成, 全部, 処理, 初学, 動作, 動画, 参照, 基本, 必要, 手, 昨日, 次, 注意, 理解, 自分, 解説, 身,

Qiitaのfeedを取得して表示するだけのコード。 #php

2022.11.05

Logging

おはようございます、土曜日の朝ですね😗。

今日は文化の日にQiitaにUPしたfeedを取得して表示するだけのコードを書きました。見た目はこんな感じでQiitaの雰囲気を取り入れたデザインにしています。デモ版として実際にサーバーで起動しているモノです、feedを取得しているユーザーは自分を入れて３人です。

表示する人数が多くなるとページを描画する時間が遅くなるので実質、１０人が限度かも知れないです。もし何人ものユーザーを取得したいと考えている方は表示部分と処理部分を別けて、尚且つ処理部分は非同期処理で変更することを推奨します。

尚、明日には２つに別けたプログラムコードを別記事として記載しますので、しばしお待ち下さいませ🙇。

今回のソースコードはこんな感じになってます。

<?php
    function get_Qiitafeed(string $feedUrl){
        $xml = @simplexml_load_file($feedUrl);
        if(isset($xml->entry)){
            print("<ul class='qiita_feed-list'>");
            foreach($xml->entry as $key=>$val){
                print("<li><a href='{$val->url}'>".$val->title."</a></li>");
            }
            print("</ul>");
        }
    }
?>
<!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">
<meta name="Description" content="Enter your description here"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<style>
    .qiita_feed-list > li{
        /* font-weight: bold; */
        color:aliceblue;
    }
    .qiita_feed-list > li > a{
        color:aliceblue;
    }
    body{
        background-color:#60b111;
    }
    .shadow-lg {
        box-shadow: 0 1rem 3rem rgba(255,255,255,.195)!important;
    }    
</style>
<title>Qiita-feed</title>
<?php
    require $_SERVER['DOCUMENT_ROOT'] ."/header_script.php";
?>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h1 class="text-light">Qiita-feed</h1>
            </div>
        </div>
    </div>
    <div class="container mt-2">
        <?php
            $Id_List = ["taoka-toshiaki","mpyw","suin"];
            foreach ($Id_List as $key => $id) {
            ?>
        <div class="row shadow-lg p-3 mb-5 bg-body rounded">
            <div class="col-12">
                🌿<span class="text-light">://qiita.com/<?=$id?>/feed :[引用]</span>
                <?=get_Qiitafeed("https://qiita.com/".$id."/feed")?>
            </div>
        </div>            
            <?php
            }
        ?>
        Copyright <?=date("Y")?>  <a href="https://358tool.com">358tool.com</a>
    </div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
</body>
</html>

タグ

10, 2, ３, feed, feedUrl, function, GET, lt, php, qiita, Qiitafeed, string, UP, お待ち, コード, こと, サーバー, ソース, デザイン, デモ版, プログラム, ページ, もの, ユーザー, 人数, 今回, 今日, 何人, 処理, 別記事, 取得, 同期, 土曜日, 変更, 実質, 実際, 感じ, 推奨, 描画, 文化の日, 方, 明日, 時間, 朝, 自分, 表示, 見た目, 記載, 起動, 部分, 限度, 雰囲気,

WPのapply_filtersとadd_filterの説明が難解に書いているサイトが多い事に🤬。 #php #wordpress

2022.09.28

Logging

おはようございます、今月もそろそろ終わります🤔。

さて、来月から毎月一回しか投稿しなかったブログサイトを不定期更新に変更します。指針の変更にあたってブログデザインもデフォルトのテンプレートから無料のcocoonというテンプレートに変えました。

今までYOUTUBE動画URLを記載しているだけの投稿だったので、アイキャッチー画像等は無い状態でした。その為、テンプレートを変えるとノーイメージという画像が表示されるという事象が発生。これをプラグイン側で解決したかったのですが、独自の関数を多く使用しておりプラグイン側だけでは無理だということで、独自のアイキャッチー画像を処理しているコアの部分にapply_filtersを差し込み、プラグイン側でadd_filterで処理するという流れの対応を行いました。

apply_filtersというのはテンプレート側（他のプラグインでも可能）の関数の中に目印（付箋）を付けることが出来る機能（関数）です。
add_filterは目印（付箋）の部分の処理が走った時に、自分が作った処理を割り込ませることが出来る機能（関数）です。

※まずはカッコの中は読まずに理解してください😌。

巷では、これをややこしい例えで解説している所が多いのですが、それだけの話しです。今回、image-funcs.phpファイル（cocoon）の関数get_original_image_tagにapply_filtersを挿入し独自プラグインから呼び出して、ノーイメージの時にYOUTUBEのサムネイル画像を表示させるという事を行っていました。前、次ページのサムネイル画像は現在のページのサムネ画像が表示されるというバグはあるものの、ちゃんと跡のサムネ画像は変わっています。

サンプルコードを掲載します。ご参考程度に😌。

<?php
//オリジナルサムネイルタグの取得
if (!function_exists('get_original_image_tag')) :
  function get_original_image_tag($image_url, $width, $height, $class, $alt = null)
  {
    $html = '<img src="' . esc_url($image_url) . '" alt="' . esc_attr($alt) . '" class="' . esc_attr($class) . '" width="' . esc_attr($width) . '" height="' . esc_attr($height) . '" />';
    $html = convert_all_lazy_load_tag($html);
    $html = apply_filters("youtubeimage",$html);
    return $html;
  }
endif;

<?php
/*
Plugin Name: youtube image
Description: youtube image chg
Version: 1.0
*/
if (!defined('ABSPATH')) exit;
function youtubeimage_chg($imgurl){
    $url = null;
    if(preg_match("/(https:\/\/www\.youtube\.com\/watch\?v=[\-|_|a-zA-Z|0-9]{1,})/",get_the_content(),$matches)){
        $url = "https://img.youtube.com/vi/".preg_replace("/(https:\/\/www\.youtube\.com\/watch\?v=)/","",$matches[0])."/hqdefault.jpg.webp";
        $url = preg_replace("/(src=\"https:\/\/.*no\-image\-[0-9]{2,3}\.png.webp\")/","src=\"".$url."\"",$imgurl);
     }
     return $url?$url:$imgurl;
}

add_filter("youtubeimage","youtubeimage_chg");

余談：この対応はテンプレートが更新（アップデート）際にファイルが上書きされる可能性があります。その際にページが見えなくなるという問題を秘めています🙇。

タグ

Add, apply, cocoon, filter, filters, php, url, WordPress, wp, youtube, あい, イメージ, キャッチー, コア, こと, これ, サイト, デザイン, デフォルト, テンプレート, ノー, プラグイン, ブログ, 一, 不定期, 事, 事象, 今月, 使用, 処理, 動画, 変更, 多く, 対応, 投稿, 指針, 更新, 来月, 毎月, 為, 無料, 状態, 画像, 発生, 表示, 解決, 記載, 説明, 部分, 関数, 難解,

ヘンテコな学習ヘンテコな呟き😌。説明不足はいつものこと🤔

2022.09.13

Logging

おはようございます、夜中のほうが学習効率高いです🌃。

昨日、一つ出来そうなことを連続的につぶやいたので、それを皆さんが理解できる内容に文章としてまとめたいと思います。まず昨日の晩に下記のつぶやきをしました。これを追って何をしたいのかや何が理解できたのか、分かった方はこれから書くことを読まなくても良い人です。

まず、次のアイディアが生まれました、アクセス解析を自前してサイトの訪問者の動向を事細かに蓄積する事は出来ないだろうか、もし出来たらどのような事が出来るだろうか🤔？考えた結果、ECサイトなら購入する確率、ページ推移の予測などが出来ること、ページ単位だとどの場所にどんなデザインを置けばクリック率が上がるのかなどそういう事が、アクセス解析のデータから割り出す事が出来るのではないかと。

次にページを可視化するには、どうすれば良いのだろうかという疑問。調べていくうちに隣接行列で可視化（数値化）出来ることがわかった。これからどうすれば予測出来るのだろうかと考えた結果。ページの可視化は隣接行列で表わすことが出来るが、今の自分ではココから予測データを導き出せないなと思い、隣接行列は可視化するために使おうと考えを改める。

では、どうすれば予測できるかを考察した。まず機械学習の予測にはどのような種類があるのか、どのようなデータを与えれば適切な予測を導き出すことが出来るのかを調査。最終的にランダムフォレストという手法で予測するのが今の自分でも出来そうな方法ではないかと判断に至った😌。

尚、機械学習で注意しないといけないのは過学習【過剰適合 / オーバーフィッティング】により上手く予測出来なることがあることを注意しないといけない。

そして思ったことは、自分でも出来そうだなって事🤐。もう機械学習は参考書を買わなくてもYOUTUBEやネットで調べれば、なんちゃって機械学習予測は出来るようになっているということ。後はどんなデータを機械に与えるか、そしてどれぐらい学習させるのか。そういう事が大事になってくる事を理解したのだった。

タグ

EC, アイディア, アクセス, いつも, うち, クリック, こと, これ, サイト, それ, データ, デザイン, ページ, ヘンテコ, 一つ, 下記, 予測, 事, 人, 何, 内容, 効率, 動向, 単位, 可視, 場所, 夜中, 学習, 推移, 数値, 文章, 方, 昨日, 晩, 次, 理解, 疑問, 皆さん, 確率, 結果, 自前, 蓄積, 行列, 解析, 訪問者, 説明, 購入, 隣接,

簡単で難しい事、いや難しい事なのかもな。

2022.08.01

Logging

おはよう、8月です。収益化は難しいけれどもアクセス数は意外にもある中の人です。

さて最初にTシャツ作りが頓挫した話から書きます。何故(・・?、毎日Tシャツ作りをすると言いながら途中で辞めたのかを話します。理由はデザインに割く時間よりもコードを書く時間や就職活動などを優先しているからです。なので中々、デザインにまで手が回らない。もう一つはスランプ気味なので、手抜きなデザインしか出来ないのが現状です。だからTシャツづくりは頓挫しています。

いま、一番力を入れているのはWEB開発の方です、人にも公開できるし自分にも結果が帰ってくるので、そちらの方を優先しています。Tシャツは売れないけどWEB開発はトントンになる確率がTシャツよりあるので、そちらを優先しています。そういう理由からなんですね。

そしてWEB開発はいろいろとアイディアがあってそれを自分の手を動かしてコードを書いて結果が見えないものは改善したり削除したりして、良いものに作り変える事がデザインよりも自分は得意な感じです。そして何よりデータが取れるので改善しやすいのです。

まとめ、収益化はまだまだ道半ばですが頑張ります。尚、就職先が決まってもアクセス数のあるWEBサービスは停止する事はないと思います。人気の無いサービスは廃止しますけどね…😌。

追伸：Tシャツサイトはアクセス解析が未だに機能しないのは困りもの。いいねが付かなくてもどんな物に興味があるのか分れば求めているものは作りやすいですけどね。

タグ

8, web, アイディア, アクセス, いま, いろいろ, コード, シャツ, スランプ, そちら, それ, デザイン, もう一つ, もの, 一, 中, 中々, 事, 人, 優先, 公開, 削除, 収益, 就職, 手, 手抜き, 改善, 方, 時間, 最初, 毎日, 活動, 現状, 理由, 確率, 簡単, 結果, 自分, 話, 途中, 開発, 頓挫,

AWSの本とデザイン系の本を読んだので。

2022.06.21

Logging

おはようございます。今週は雨が多いみたいですね。

さて先週、AWSの仕組みとサービスがたった１日でよくわかる本を読みました、パラパラと電子書籍リーダーで読みましたが、アレですね、、全然使いこなせてないなって感じたのですが機能を使用するとその分、使用料金が発生するので今のところは今の機能だけで十分かなって感じています。サービス内容や仕組みはとても理解しやすい感じがしましたが、IT素人にはあまり向いていないじゃないかなっていう感じがしましたので、ある程度、ITリテラシーが必要とされます。

次に読んだのが動くWEBデザインアイディア帳ですが、これは自分にはあまり必要なかった感が強い本です。どちらかと言えば駆け出しのWEBエンジニアが読んで置くと、商談時に実装できる出来ないの判断材料になります。自分の場合、駆け出しエンジニアでは無いので大体のことは出来ますで返答しています。特に実装しているシステム変更は大体のことは出来るですけどたまに、レンタルサーバーでは出来ないことも出てきますので、そういう注意は必要です。また、この本の後半あたり？から、実装の仕方も書かれていたりするので駆け出しのWEBエンジニアには結構良い本だと思います。

タグ

１, AWS, IT, web, アイディア, アレ, エンジニア, こと, これ, サービス, システム, デザイン, ところ, どちらか, パラパラ, リーダー, リテラシー, 今, 今週, 使用, 先週, 内容, 分, 判断, 商談, 場合, 変更, 大体, 実装, 帳, 必要, 感, 感じ, 料金, 書籍, 本, 材料, 機能, 理解, 発生, 素人, 自分, 返答, 雨, 電子, 駆け出し,

Illustratorを略してイラレと言います。

2022.06.05

Logging

おはようございます。

先日、イラレを再契約しましたのでご報告致します。丸一年ぐらいイラレを解約していましたが此の度、何とか一年契約をAdobeと結びました。一年も使用していなかったら忘れてしまったかもと思っていましたが案外、技は覚えておりましたので難無く使用できそうです。

全然、話が変わりますがTwitterなどのアイコンも新たに変更しております、あとツイッターの名前を本名に変えました。いつまで本名で活動するか分かりませんが、今のところ本名で活動です。

変更してメリットなんてなく殆どデメリットの方が多いと思いますよ、ただ責任感は生まれます。それだけは良いことかなって思います。

話し戻しまして、これからはイラレも前のように使用してアイキャッチ制作することも多くなると思いますが、今週はそれほどアイキャッチに自作デザインを使用することは無いと思います。

尚、いまから一週間分の記事を制作していきます（2022年6月4日19時45分）。

タグ

2022, 4, 6, Adobe, illustrator, Twitter, あい, アイコン, いつ, いま, イラレ, キャッチ, こと, これ, ご報告, それだけ, ツイッター, デザイン, デメリット, ところ, メリット, 一, 丸, 今, 今週, 使用, 先日, 制作, 前, 名前, 変更, 契約, 技, 方, 本名, 此の度, 殆ど, 活動, 自作, 解約, 記事, 話, 責任感,

お店のホームページ（サイト）の作り方その壱

2022.03.01

Logging

オハヨウゴザイマス。
片言の日本語しか使えない日本人です😌、高知県はあいにくの雨になるそうですね。

昨日のうちにお店のホームページ（サイト）の雛形作りをしておりました。デザインの参考にしたサイトはこちらになります。こちらのサイトデザインを元に自分が少しデザインを改良した感じです。

https://zip358.com/tool/sample.com/

こちらの画像や文言を変更することにより貴方が作成したいホームページが簡単にできてしまいます。解説はテキストで記載していきます。前手順としてVisualStudio codeとfilezillaソフトをWindowsやMacにインストールしてください。インストールの仕方はYOUTUBEで検索するといろいろな人が解説していますので、そちらを参考にしてください。

今回はお店のホームページ（サイト）の雛形をダウンロードして頂いてindex.phpというファイルをVisualStudio codeで開いてみてください。そうすると英字で記載している所が何箇所かあると思いますが英字は英字のままで何も変更しないでください、変更するのは日本語で記述されたところを貴方の店舗に合わして説明文を変更してみて保存してください。

画像を変えたい場合はimagesの中にある画像をそれぞれサンプルサイトを照らし合わせながら、貴方の店舗の画像に上書きしてください（画像名は変えないでください）。

次回は予約サイトの設定とGoogleMapの設定になります。

雛形はこちらからダウンロード：https://zip358.com/tool/sample.com.zip

タグ

Code, filezilla, index, Mac, php, VisualStudio, Windows, youtube, あいにく, いろいろ, インストール, うち, オハ, お店, こちら, こと, サイト, そちら, ソフト, ダウンロード, テキスト, デザイン, ファイル, ホームページ, よう, 人, 今回, 仕方, 作り方, 作成, 元, 参考, 壱, 変更, 少し, 感じ, 手順, 改良, 文言, 日本人, 日本語, 昨日, 検索, 片言, 画像, 簡単, 自分, 英字, 解説, 記載, 貴方, 雛形, 雨, 高知県,

昔と今はかなり違っているけど自分にとってはあまり変わらない。

2022.02.27

Logging

おはよう御座います🐔。
今日は暖か陽気になるそうですね。

ここ数年でネットの中にはかなり情報が溜まってきていると印象を抱いている方も多いと思いますが、実際、全ての情報をGさんやYさんなどで検索することは出来ないらしいです。理由は昔と今とは違うから、新しい情報にアクセス出来るようなシステムになっています。特に医療、IT技術などは昔はそうだったけど、今は変わったという事例が多くあるのでネットが始まったときに書いたようなものにはアクセスすることが難しくなっています。

唯一、お店サイトなどは昔ながらのサイトでも上位に表示されたり検索にヒットしないという事はあまりないです。このように分野によって情報の蓄積や上書き度合いは変わります。

レトロなサイトデザインまとめたサイトなどがあるかは知りませんが、あれば一部のコアなファンから支持を得そうですね。ただ、そんなレトロなデザインを見つけるのはかなり大変かなと思います。そんな感じでネットは広大です、過去の情報やサイトに辿り着くことが出来ることは年々難しくなってきています。もう一つ言えることは、昔と今では情報の蓄積量はかなりの差があります。

そのため、正確な情報に辿り着くのも難しくなってきています。真実かどうかを見抜くのは実際に体験するなどの他に、基礎を身につけることがこれから先、大事になってくると思います。基礎を身につけるとその概念（基礎）を元に正確な情報かどうかがある程度、自分の頭で思考でき判断することが出来るからです。なので、基礎を身につける事が大事になってきます。

トイウコトデ、昔と今はかなり違っているけどあまり変わらないでした。
追伸：基礎のアップデートも大事ですよね😌。

タグ

IT, アクセス, お店, かなり, コア, ここ, こと, サイト, システム, デザイン, とき, ネット, ヒット, ファン, もの, レトロ, 一部, 上位, 上書き, 中, 事, 事例, 今, 今日, 全て, 分野, 医療, 印象, 唯一, 大変, 実際, 度合い, 情報, 感じ, 技術, 支持, 数, 方, 昔, 検索, 理由, 自分, 蓄積, 表示, 陽気,

サイトのデザインを一新しました、オリジナルのテンプレートです。

2022.02.26

Logging

こんにちは、今日は気温も春陽気になるらしくて、明日はもっと暖かくなるようです。

そんな中で家でゴトゴトとWordPressのテンプレートを作成していました、このテンプレートは特に頑張ったところなどはなく、Ｂｏｏｔｓｔｒａｐを雛形みたいなものです。シンプルイズベストという事だけは気にしています。余計なモノは極力少なくしたつもりです。SEOなどはあまり意識はしていないのだけど、以前のリンク構造を一応意識しています。

因みにこのテンプレートは未完成ですので、時間が空いたときに改善していきます。完成しても提供するなどは今の所、考えていません。尚、Bootstrapは４系を使用しています、５系にそのうち変更すると思います。

タグ

4, 5, Bootstrap, SEO, WordPress, イズ, うち, オリジナル, サイト, シンプル, つもり, デザイン, テンプレート, とき, ところ, ベスト, もの, リンク, 一新, 中, 事, 今, 今日, 以前, 余計, 作成, 使用, 変更, 完成, 家, 意識, 所, 提供, 改善, 明日, 春, 時間, 未完成, 構造, 気, 気温, 陽気, 雛形,

新サービスをいま作っています、お披露目はさくらレンタルサーバー、Newサーバ…。

2022.02.10

Logging

今日の朝は雨がシトシトと降っていますね☔。昼からは高知県、晴れるそうです。

新サービスをいま作っています、お披露目はさくらレンタルサーバー、新サーバーがリリース後になります、いま、大枠のデザインとHTMLコードを書いています、バックエンドの部分はこれからです。

尚、このサービスはさくらレンタルサーバーのNewサーバーで出来れば運用したいと思っています、何故なら新サーバーでは、表示速度が今までと違いかなり早くなったそうです。そしてセキュリティ面もありますから、そこらへんを心配しないで良いというのは心配しないで開発だけに没頭出来ますからね。

因みにどんなサービスかといえば、掲示板なのですが２ｃｈなどと違って、今作っている掲示板では競合が少ない分野でこれからも伸びそうな分野の掲示板です。その掲示板を開発して３月頃から運用していきたいなって思っています。リリース後にこちらでもアナウンス（報告）したいなって思っていますので、ブログチェックしてみてください。よろしくお願い致します。

タグ

2, ３, ch, html, new, アナウンス, いま, エンド, お披露目, かなり, コード, こちら, これ, サーバ, サーバー, サービス, さくら, セキュリティ, そこら, デザイン, バック, べん, リリース, レンタル, 今, 今日, 分野, 大枠, 心配, 掲示, 昼, 朝, 没頭, 競合, 表示, 速度, 運用, 違い, 部分, 開発, 雨, 高知県,

ReactNativeのボタンがiosとAndroidでは挙動が違うので代替。

2021.11.18

Logging

今日はReactNative（リアクトネイティブ）でアプリを制作しながら勉強している中で、ボタンを使ってみたら・・・iosとAndroidでは挙動というか見栄えが違うのですよ、ドキュメントにもそう書いていた?。なので、ボタンじゃなくてこちらを使用するほうが良さげです。

Color of the text (iOS), or background color of the button (Android).

こちら【TouchableOpacity】などを使用してボタンを作成しないといけないみたい。こちらで作るとios、Android同じ見栄え（デザイン）になります。作ってて思うことは師というかメンターがいればもっと効率的に開発できそうです。

師匠がほしい今日此頃・・・。

以上、現場からでした。

import React, { useState } from "react";
import { StyleSheet, Text, TouchableOpacity, View } from "react-native";

const App = () => {
  const [count, setCount] = useState(0);
  const onPress = () => setCount(prevCount => prevCount + 1);

  return (
    <View style={styles.container}>
      <View style={styles.countContainer}>
        <Text>Count: {count}</Text>
      </View>
      <TouchableOpacity
        style={styles.button}
        onPress={onPress}
      >
        <Text>Press Here</Text>
      </TouchableOpacity>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    paddingHorizontal: 10
  },
  button: {
    alignItems: "center",
    backgroundColor: "#DDDDDD",
    padding: 10
  },
  countContainer: {
    alignItems: "center",
    padding: 10
  }
});

export default App;

タグ

Android, background, button, color, from, import, iOS, of, OR, quot, react, ReactNative, Text, The, TouchableOpacity, useState, アプリ, こちら, こと, デザイン, ドキュメント, ネイティブ, ボタン, メンター, リアクト, 中, 今日, 今日此頃, 代替, 作成, 使用, 制作, 勉強, 師, 師匠, 挙動, 現場, 見栄え, 開発,

らくてんのアフィリエイトを記事の下に取り付けるプラグインを作りました。

2021.11.02

Logging

らくてんの アフィリエイト を記事の下に取り付けるプラグインを作りました。Composerを使用して楽天のSDKを取ってきているので、そちらをプラグインの中にインストールする必要と アフィリエイト のAPIIDなども必要になりますのでそちらも御自身で構える必要がありますが、それ程難しいことはないプログラムコードだと思います。

あとCSSなどもご自身が使用するサイトのデザインに合わしてご使用ください。今回、WordPressのプラグインですがソースコードを見たいだければ分かる通り、AmzのSDKも取り入れようかなとか思ったのですが、処理が重たくなり表示速度が下がりそうだったので辞めました。因みにAmzのSDKはComposerに公開していないようです。公式サイトからzipでダウンロードするか、githubから入手する方法しかないようですね。

仕様として、タグのワードから商品を検索し表示する方法とショートカットを使用して商品を表示させる方法があります。例えばRakuten_Seller_param type=”search” word=”ひろゆきのシン・未来予測”このようにショートコード書くと下記のように表示されます。また記事の最後に自動で紹介商品も表示されます。

追記：リクエストが多くなるとバグるみたいな‥‥。いまいち下記が表示されていない原因がわからない。

追記：記事の最後に自動で紹介する機能は、このサイトでは一旦停止しています。

[Rakuten_Seller_param type=”search” word=”ひろゆきのシン・未来予測”]

トイウコトデ、WordPressのソースコードになります。

<?php
/*
Plugin Name: Rakuten_Seller
Plugin URI: https://zip358.com/
Description: 楽天アフィリエイトを表示
Author: @zip358com
Version: 0.1
Author URI: https://zip358.com/
*/
require_once plugin_dir_path( __FILE__ ).'/vendor/autoload.php';
define("RAKUTEN_YOUR_APPLICATION_ID","xxxxxxxxxxxxxxx");
define("RAKUTEN_YOUR_AFFILIATE_ID","xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx");

define("AMAZON_YOUR_ACCESS_KEY_ID","");
define("AMAZON_YOUR_SECRET_KEY","");
define("AMAZON_YOUR_ENDPOINT","");
define("AMAZON_YOUR_URL","");


function Rakuten_Seller_content_plus($content) {
    if(is_single()) {
       $content.='［Rakuten_Seller_param type="auto"］';
    }
    return $content;
}

function Rakuten_Seller($params = array()){
     $htmlcode = "";
    extract(shortcode_atts(array(
        'type'=>'',
        'word'=>''
    ), $params));
    $client = new RakutenRws_Client();
    // アプリID (デベロッパーID) をセットします
    $client->setApplicationId(RAKUTEN_YOUR_APPLICATION_ID);
     
    // アフィリエイトID をセットします(任意)
    $client->setAffiliateId(RAKUTEN_YOUR_AFFILIATE_ID);

    if($type==="auto"){
        $tags = get_the_tags();
        $htmlcode.= "<div class='rakuten_seller_div'>";
        foreach( $tags as $tag) { 
            $htmlcode.= Rakuten_code($client,$tag->name);
        }        
        $htmlcode.= "</div>";
        
    }elseif($type==="search"){
        $htmlcode.= "<div class='rakuten_seller_div'>";
        $htmlcode.= Rakuten_code($client,$word);
        $htmlcode.= "</div>";
    }

    return $htmlcode;
 }

function Rakuten_code($client,$word="JavaScript"){
    $htmlcode = "";
   
    // IchibaItem/Search API から、keyword=$word を検索します
    $response = $client->execute('IchibaItemSearch', array(
      'keyword' => $word,
      'genreInformationFlag' => 1
    ));
    // レスポンスが正しいかを isOk() で確認することができます
    $cnt = 0;
    if ($response->isOk()) {
        foreach ($response as $item) {
           $htmlcode.= "<div class='rakuten_seller_item'>".
           "<img src='".$item["mediumImageUrls"][0]["imageUrl"]."'>".
           "<p>".$item["itemName"]."</p>".
           "<a class='rakuten_btn' href='".$item["affiliateUrl"] . "' title='".$item["itemName"]."'><span>楽天で購入"."</span></a></div>";
           $htmlcode.= amazon_code($item["isbn"],$item["jan"]);
           if($cnt>0){
                break;
           }
           $cnt++;
        }

    } else {
        //echo 'Error:'.$response->getMessage();
    }
    return $htmlcode;
}

function amazon_code($isbn="",$jan=""){
    $htmlcode = "";

    return $htmlcode;
}


add_shortcode('Rakuten_Seller_param', 'Rakuten_Seller');
add_filter('the_content', 'Rakuten_Seller_content_plus');

タグ

Amz, APIID, Composer, css, github, SDK, WordPress, zip, あと, アフィリエイト, インストール, コード, こと, ご自身, サイト, ショート, ソース, そちら, ダウンロード, タグ, デザイン, プラグイン, プログラム, らくてん, ワード, 下, 中, 今回, 仕様, 使用, 入手, 公式, 公開, 処理, 商品, 必要, 方法, 検索, 楽天, 自身, 表示, 記事, 通り, 速度,

イラストレーターというサブスクを見直しました。

2021.08.16

Logging

イラストレーターというサブスクを今まで使ってきましたが、収入源がないので一旦イラストレーターのサブスクを手放します。これからのアイキャッチ画像は自分が撮影したフォト画像かもしくはフリー素材を使用します。イラストレーターの良いところは数分でまぁまぁなデザインのものが作れてしまうという所です。これは他のイラストレーター似のソフトやWEBサービスでは出来ないものです。それぐらいイラストレーターは優秀ですが・・・(*´ω｀*)

このまま、無収入でサブスクを支払いを続けていると火の車になってしまいかねないので、節約できるところはしていこうと心を鬼にしてイラレのサブスクを解約しました?。

因みに今回のアイキャッチ画像もものの数分で作り上げる事も出来ました。当分使わないのだからもっと頑張ろうかなと思ったのですが・・・。

早く収入源を確保してイラストレーターをまた使いたいなと今は思っています。

退会する前にイラストレーターやフォトショップの代替えのソフトなども調べてみました、フォトショップ代替えのWEBサービスはある程度、無料枠で使えるものがあったのでおそらく何とかなるだろうなと思っています。この頃はアイフォンで撮影することが多いですが、ホコリを被っている数十年前の一眼レフカメラを使用してたまには撮影などもしてみようと思っていますが！！！！！?でも基本はアイフォンで撮影すると思います。

※当分の間、過去のアイキャッチ画像や写真などを使うと思います。

タグ

8, com, https, uhpvVZY-st, watch, web, www, youtube, あい, イラストレーター, イラレ, キャッチ, このまま, これ, サービス, サブ, スク, ソフト, それぐらい, デザイン, ところ, フォト, フリー, もの, 一旦, 事, 今回, 他, 使用, 優秀, 収入, 心, 所, 撮影, 数分, 火の車, 画像, 確保, 節約, 素材, 自分, 解約, 鬼,

プロを見て思った運が良かったでは上手く行かない。考えるという事を意識しよう。

2021.06.04

Logging

YOUTUBEのおすすめに「中田敦彦の1日ルーティン〜YouTube大学のつくり方〜」が紹介されていたのでちらっと見てみようという気持ちで見始めて結局、最後まで見てしまった。見ていて中田敦彦さんは戦略に物事を考えているなと、これがプロと素人の違いなのかな。
気づいているかどうか分かりませんが、このブログもそれなりに力を入れて作ろうとしています。自分なりに考えて記事を書いたりデザインしたり開発したりを数週間前から取組でいます。

因みに自分はYOUTUBEのおすすめで見る事しか殆ど無い、いや無いと言い切っても良いぐらいです。YOUTUBEのチャンネルを紹介するのにもYOUTUBEのおすすめ機能は大活躍です。チャンネル登録数が数人でもお薦め紹介してくれるのでとても便利です。これは良いなというのはピックアップしてブログの記事として紹介したりしています。

出力（アウトプット）したことに対して、デジタルならデータという結果が返ってくるので、それと照らし合わせてここがダメだったとかの反省や改善はとても大事になってくるのだと思います。検索して何故、このブログは読まれているのかなどを考えたりしています。

最後に日々の積み重ねは大事だね。（昔書いた本質；とは真逆の記事かもなぁ。?時が経てばいろいろ考え方が変わる）

タグ

１, youtube, アウトプット, おすすめ, お薦め, こと, これ, それなり, チャンネル, つくり方, デザイン, デジタ, ピックアップ, プロ, ブログ, ルーティン, 中田敦彦, 事, 便利, 出力, 力, 取組, 大学, 大活躍, 意識, 戦略, 数, 数人, 最後, 機能, 殆ど, 気持ち, 物事, 登録, 素人, 紹介, 自分, 記事, 運, 違い, 開発,