小田聖夏-鹿児島Webデザイナー｜Web系エンジニア |フロントエンドエンジニア | フリーランス

最近、nocodeの話がよくでる。
nocodeとは、コーディングできなくても作れるホームページのシステムのこと。

■メリットとしては

・コーディングできなくてもHPが作れる
・安価にて提供できる

■デメリットとしては

・コードを書かなくてよい分、余計なコードが多いから検索にひっかかりにくい（SEOに弱い）
・いろいろな不可システムをつけられない。お客様のご要望にこたえられない部分多し。（機能性のあるHPは作れない）
・使用しているノーコードツールがサービス終了したら終わり

今日、とある方々とそのような話をして
今後　ホームページ制作は2極化していくだろうと。

１つは、ノーコードのみの作成で、安価な提供（安価な収入）　になるか
もう１つは、コードを書いてプログラムを書いての作成で、高価な提供にはなるが、機能性のあるものを提供するか

この２つが大きく開いて2極化していくだろうと。

あなたはどちらを目指しますか？

数字に例えると、
ノーコードで8万円で納品し、5こ制作で40万円。
コードで機能性のあるＨＰを作成して、１つで40万円。

どちらに労力をさきましょう。
どちらが間違っているとか、いい、とか悪いとかいう話ではないです。

方向性の話です。 (´・∀・｀)

どちらで作成するにしましても
私的には基本（Webマーケティング的な考え、コンサル的な考え、SEOなど）の知識がないと
ただ、作成するだけでは効力はないと思うのです。

今年４月から、デジタリハリウッドSTUDIO鹿児島校で教えています♪

主に、コーディング。

コーディングはいろいろな方法があるので
絶対的にこれが正解というものはなく、
（まあ、見た目がラフ画と同じだったらOK的な感じ？）
だからこそ、受講生それぞれのコーディングにおいて
「ここが、うまく表示されないんですけど；」
という質問に対して
１つ１つ検証して、エラーを見つけて、正解へ導くのが、、面白いというか、大変というか、
とっても勉強になる。

意外なところに　paddingやmarginを使っていたり
classを使うために、余分なdivが入っていたり、
relativeやabsoluteを多用しすぎて、スマホで閲覧の際に、大変なことになったり。

エラーがそれぞれ違うだけに
毎回、頭の中フル回転。

でも、解決したときの
「あー！そうしたらいいんだ！！！」
という声を聞くたびに、ミッションクリア！的な快感。

受講生の方が、数人同時にコーディングに突入していたら
これまた、頭の切り替えが必要で。

作るより教えたい、ってよく思っていたけれど
（教える労力の方が作るよりもたやすいのでは、と思っていたけれど）
そうではなかった^^;

自分が曖昧に使っていたタグやセレクタを明確に理解してないと教えられないから
今まで以上に勉強が必要。

そして今日は、デジハリのシフトが入っている日。
行ってきます(｡・ω・｡)ゞ

フリーでするということは
全てが自己責任になってくるわけで。

ここ最近、外部のアプリと連動させたことで発生したエラー対応、
おすすめしているサーバーのプラン変更の把握漏れによって発生したデメリットなど、、、
あちこち、、、ポカしました。。。；

アプリはそもそもがそのシステムと相性がよくなかったのに、把握せずに便利と思って勧めてしまった、、、

サーバーの方は、プランの契約次第でずっとドメインが無料になるお得な方法があるのだけれど
ここのところ
・ホームページのリニューアルであったり、
・（クレジット支払いが条件だけれど）クレジットでのお支払いは経営上できない、であったり
・無料ドメイン対象以外のドメイン「or.jp」「co.jp」の取得であったり
と、その無料プランを使う機会がなかったので、把握漏れしてました。

とはいえ、結局、自己責任なので、
はあ～です。。。
il||li＿|￣|○

すぐにお詫びいたしました。
ケースによっては、自己負担をもって解決へ。

二度と同じことにはならないように。

そして今日もひとりＰＣに向かいます□＿ヾ(･_･ )カタカタ

ホームページ、作れる人いないのに、
業務内容に、「ホームページ制作」って書いている会社が多い。。

もし、依頼されたらどうするんだろう、、なんて
勝手に、いらぬ心配をしている。

・・・外注か。。。

お客さまの立場に立ってみると、
多くの企業が業務内容に「ホームページ制作」って書いていて
どこに依頼したら良いのかわからない状態で、
とりあえず見栄えが良さそうなところに依頼してみるのだろうけど
その会社のホームページが、そもそも外注だったり
市販のテンプレート使用だったりで

もしも自分がお客さま側だったらと思うと

あー　怖いと思うわけで。

なぜなら、その会社で作るのと外注で作られるのとでは、費用が高くなる一因でもあるし、
仮にその会社で作っていたとしても、テンプレート使用で見た目だけ整えられても困るし、
（見た目のデザインだけでなく、SEO対策やマーケティング、コンサル的部分もちゃんとしてほしいし）、

これはWebに限らず、他の業界にも言えることだろうから
何にしても、何かを依頼するときは
よーーく調べてからでないとと
カップラーメンをラーメン屋さんのラーメン同様に買ってしまうと思うこの頃。

どうしてこんなことを書いたのかというと、

Webに限らず、
こういうことはよくあるあるだから気をつけてほしくて。

そんな会社に、もしも自分が当たってしまったら、、汗
。。。と思う次第です。。。

フリーランスたるもの、体調管理は大事です。

い、いや、フリーランスでなくても、大事ですね。。

とかく、お仕事を体調を理由に受けられないことがないように
常々、健康には気を配っています。

けれど。

季節の変わり目。
くもりの日。
年齢的なあれこれ。

どうしても、「いつも元気いっぱい！」
とはいかず。

コロナ禍になって、笑うことが少なくなったのも原因か！？

と思い、最近、お昼を食べるときは
Huluで「イッテQ」を過去にさかのぼって見ながら、
1人、大げさに笑ってます。

・・・

こう書くと
なんか虚。。；(o´д`o)=３

w

いま、かかえている全ての案件の、各ご依頼主さまからの
返答待ちです。

ある人は、キャッチコピーを検討中であったり、
またある人は、差し替える画像を探していたり、
はたまた、修正・変更をおまとめしていたり、
コーディングのみをご依頼の方は、デザイン中であったり。

まとめてやってきそうで

怖いです。。。(((( ；ﾟДﾟ)))ｶﾞｸｶﾞｸﾌﾞﾙﾌﾞﾙ

数年ぶりに、土台として使用している自作のデフォルト用のワードプレスのテーマを作り変えました。

理由は、便利なタグが増えたこと、
必要なくなったプログラムとか、
使用していたフレームワークのリセットなどなど。

毎日に追われて、って書くと、言い訳じみてあれなのですが；
気持ちすっきり！

欲を言えば、このホームページも、５年以上前に作ったものなので
入れ替え、差し替え、削除、追加して大きくリニューアルしたいのですが
それには、まとまった時間が必要で、、なかなか。。

まあ、、ぼちぼちですねえ～。

とりあえず、現在制作しているものと、今後制作していくものに関しましては
アップデートした内容で作っていきまつ。

、、、、ていうか、お昼に食べた天ぷら？が胃もたれして、、なんか、、ふう。。 ε=(￣｡￣;

ただの説明用のメモれす。

Q.paddingを％で設定した時、何に対して余白の％が設定されるのか、について。
A.１つ上の要素に対して％が適用される。
　親＞子＞孫　孫は子の要素に対して。子は親の要素に対して。

See the Pen
Untitled by odamiyuki (@aotyan)
on CodePen.

今更ながらですが、なあなあに読んでいたタグの読み方を、確認というか、してます。。。(〃￣ω￣〃

受講生の方に教えるときに、
「えっと、、レラ・・・？(relativeを言おうとしている)・・・・なんだけれど、、」
って、いったいどのタグのことを言っているのやら、我ながら。。。恥

ということで、なあなあにしていたものをチェック。
あと、加えて、間違えて覚えていた読み方とか。

「教える」って、何倍も勉強になりますです。

Adobe XDでのデータ書き出し。

・
・
・

超簡単だった。

他のクリエイターの方が読んだら
きっと笑われるであろうくらいに、簡単で。。。

ちなみに私のWinのPCには、Adobe CS4のバージョンが入っているのだけれど
（インストールできたから入れている。ちなみにwin10）、
MacのPCにはAdobeの最新が入っていて、
(娘に貸していて、娘が契約してインストールしている。）

便利な機能が増えていることに、感動しているところ。

そろそろ、リース型に移行すべきか。
次買い替えた時は、流石CS4はインストールできない気がするから
その時に、リース型にすべきか。

笑；

最近、コーディングだけを依頼されるとき
以前はIllustratorでのデータ渡しがおおかったけれど
最近はAdobe XDの名前もチラホラでてきて、、
・・・あわてて、勉強。

データの書き出しは、Pohotoshopが一番便利に感じている自分がいて
Illustratorは慣れてないだけで、まあまあ＾＾；
・・・で、Adobe XD。

使ったことがほぼないので・・・ネットで調べる限りだと
PohotoshopやIllustratorよりは簡単とか、書いてある。

思ったよりは難しくないかも、、と思いつつ
まあ、「できない」というのは簡単なので
時代にあわせて、ことあるごとにアップデートですねえ。

動画制作のまず基礎は、ショートカットキー使いとタイピングの速さ、らしい。

動画制作の会社に内定が決まった娘だが
最近、タイピングをめっさ練習している。

番組の編集もだけれど
特に、編集の速さがものをいう結婚式の動画制作などは
いかにショートカットキーを使いこなして、キーボードを見ずにテキストを打ち込めるか！？
に全てがかかっているらしい。

現在インターン中の娘だが、大学のサークルで依頼されたものを制作しながら、実践的にも学んでいる様子。
先月は「アキラとあきら」を企業から依頼されて、試写会にサークルのみんなと参加していた。

↓映画の音楽と、予告動画を使えないということで、いろいろと試行錯誤して作成していた模様*（使用ソフト/premiere pro）

動画制作について書いてみたけれど、
Webの基礎は！？と聞かれたら
なんだろう、、やっぱりショートカットキー使いとタイピングの速さになるのか・・・！？

わ、わからない。。。。。。

ホームページ作成において
すでに、完成までの知識はあるので、
特別不便を感じなかったから注視してなかったのだけれど
これぞ、まさにぬるま湯に浸かっているカエルの状態だった。Σ(￣Д￣;)ヤバッ

最近、教える機会に恵まれて、
でも、教えるのは、作るより難しくて
いろいろ調べていたら、
ぬ、ぬわんと！！こんな便利なタグがでていたのか！！
と、恥ずかしながら知ったここ最近。

・・で、今、情報のアップデート中。

ネットでは、知りたいことを知ることしかできないので
知らないことを知りたいので
2022年8月に出版されたばかりの本を購入。

例えば5行書いていたタグが1行ですむものがあったりと
目から鱗。

た、楽しい。。(∗TᵕT∗)३৸३৸ᐝෆ⃛

現在、間接的にお世話になっているAさんの名前もまだ存じ上げないころ

Aさんは自社のホームページ制作をしてくれる人を探していて
紹介された会社さまとは料金面で折り合いがつかず
結果、安くで作ってくれるどこかに依頼したらしい。

最近、そのホームページを閲覧する機会があって
パッと見た感じ、テンプレート使用だったし
テンプレート使用なのにレイアウトが崩れまくっていたので
ご自身達でされているのかと思っていたら、そうではなかった。。。

SEO対策もされてないどころか、デフォルトの英語の文言のままで、、、
検索結果も圏外。。

それを伝えたいが、おせっかいになってしまうので、黙っている
、、けど、、、く、苦しい。。。;( ;´꒳`;):

紹介の際に、私のことを思い出していただけなかったのは私の不徳と致すところだけれど、
料金面で折り合いがつかなかったわけだから、難しいところ。
現在、Aさんには間接的にお世話になっているので、長い目でみるとこれでよかったのだと。

とはいえ。

現在、数件かかえているホームページがまだ納品に至っていない状態にあるにもかかわらず
こんなことが気になってしょうがないなんて
つくづく職人。。。

安かろう悪かろう　という言葉があるけれど
安くても、「最低限ここまでは」というものは存在するのではないだろうか
と思うのだが、、

うーーーーーーーーーーーーーーん。。。(ˉ ˘ ˉ; )

50万のMac 【マック】 Macintosh。

もちろん、、わたしのではなく
娘が7月に内定をいただいた就職先（動画制作）の会社で使用する持ち出し用（ノートパソコン）のMac。

専ら、借りて家で操作の練習中。

見た目は普通だけれど
処理能力が恐ろしく高い。

ちなみに、ホームページ制作においては、そんなにすごい処理能力は必要としない。（あーよかった。）

動画は、書き出しにかかる時間が、パソコンの処理能力によって違う。
例えば１０万円ほどのパソコンであれば、６分のものを書きだすのに３時間かかるところを
50万円台のMacのパソコンだと３分ほどだった！Σ(ﾟДﾟ)ｽｺﾞ!!

このすごさを経験してしまったら、
もう、１０万円台のパソコンには戻れない。

たぶん；

娘よ。。

技術力と依頼数は、必ずしも比例しない。
どんなに技術があっても、比例して依頼がくるとは限らない現実。

昔、短大の授業で、とある教授の言った言葉。
「マクドナルドのハンバーガーよりもおいしいハンバーガーを作れる人はたくさんいるけれど
マクドナルドを超えて売れる人はいない。つまり売る技術がない、から売れない。」

ほーなるほど。

すごく納得した。
何の授業だったか忘れたけど。

確かに、技術があっても仕事の依頼がくるとは限らない。

なんせ
画像だけを張り付けたようなハリボテホームページを作っている人がいて、
そんなところに30万円も支払って依頼する人がいるんだから。
言い換えると、↑は、技術はないが売る力はあるということになるのか！？。。

だからビジネスって難しい。

となると、売る力さえあればいいのか！？

いやいや、そんな人をだますような仕事なんて。。。 (-_-;)
（というか、その人もだまそうと思してそのようなものを納品したわけではない、と信じたい。）

技術だけでは売れない、
マーケティング力。

デジハリ鹿児島校では、コーディングを専門にお教えしておりますが、
コーディングを教える、というよりは、
受講生のみなさまがコーディングしてうまく表示されないときのエラーを探して
なぜエラーになってしまったか、について説明することの方が多いです。

以下、「あるある」です。ご参考までに♪

・全角の空白が入っている
・空のaタグが入っている
・高さが設定されている（高さはレスポンシブデザインにおいてあまり設定はしません）marginやpaddingで調整。
・幅がpxで固定設定されている（幅もなるべくは% vwなどで設定してあまり固定しません）
・テキストが、折り返せないようになっている（折り返せないからスマホで閲覧の際、はみ出る。）
・position:absoluteを多用している。（position:absoluteを使用する場合は、SPとわけて２つHTML・CSSの用意が必要）

今年３月はじめに、デジタルハリウッドSTUDIO鹿児島校でセミナーさせていただいたのですが
７月３０日土曜日に、再度セミナーをすることになりました！

内容は
「26歳公務員だった私がキャリアチェンジ！【WEBデザイナーになるまでの話】」
です。
転職したい人や、仕事に活かしたい人、在宅ワークをしてみたい人向けのお話となります。
参加は無料です。

デジタルハリウッドSTUDIO鹿児島校でお申込みできます。
ご興味のある方は( ⸝⸝•ᴗ•⸝⸝ )

場所は天文館にある山形屋に近くです。
クリエイティブな話でわちゃわちゃしたい人どうぞ♪

仕事用のホームページは。
数年前まで、某キーワードで、全国各地からお問い合わせ・ご依頼を頂いており、
県内からのお問い合わせはほぼ皆無。という状態でした。

けれど、某キーワードを多用するホームページが増えすぎてキーワードを変更したところ
県外からのお問い合わせがほぼ皆無になり、県内の新規お客様が増えました。

もちろん、県内のお客様なので、
打ち合わせなどで、会いに行ける距離は嬉しい！
遠いとメールだけで、終わってしまうから。
（会いに来てくださった方もいらっしゃいました＾＾）

・・・でも、、、ちょっぴり寂しい。。。

県外の人と繋がるツールを失ってしまったような喪失感。。

とはいえ、今でも、東北の方や関東方面、近畿方面のお客様とのやりとりは続いていて
日本各地に文通仲間がいるような、暖かい存在。

ないものねだり( ˊᵕˋ； )

ということで（どういうことで？）
客層を左右するキーワード設定は、結構重要、というお話でした。

今日は七夕でしたが、気づけばもう今日もあと10分ほどで終わり。。

先週日曜日に、軽く腰をやってしまって、、
そんな週にかぎって打ち合わせも多く、、、汗

明日は、デジハリ（デジタルハリウッドSTUDIO鹿児島校）でトレーナーです。

は、はたして、腰はもつのか！？(； ・`д・´)

受講生の方々がコーディング科目に入ってきて
マンツーマンで教えている様子が、ブログに掲載されました。

デジハリで教えている様子がこちらです。

かけている眼鏡は、ブルーライトカット50％のものです。

仕事してます(￣^￣)ゞ