Cntlog

音声入力の認識率が高く、MacでもWindowsでも使えるWebアプリ

最近ブログを書くときは音声入力で記事を書くようにしています。

初めはMAcのデフォルトの音声入力を使っていたのですが少し精度が悪く思っていたので別のアプリを探していました。

今私が使っているアプリを紹介したいと思います。

MacでもWindowsでも使える音声入力アプリ

私は今Googleドライブで使われているGoogleドキュメントの音声入力を使って記事を書いています。

Googleドキュメントを使えばブラウザでアクセスするだけなのでMacでもWindowsでもどちらでも使えます。

何より声の認識の精度が非常に高いので気に入っています。(この辺はさすがGoogleさんですね)

不満に思っているところ

音声入力をする際に皆さん、音声だけで改行や句読点を入れようと結構意識していると思うのですが、それに対応しているアプリは非常に少ないです。

Googleドキュメントもこれに対応してくれたら本当に最高なのですが対応はしていません。

ただどちらにしても実際に入力された内容を確認しないといけないので改行や句読点に関しては手入力でもいいかなと最近思うようになっています。

Googleドキュメントを使うメリット

Googleドキュメントでは非常に高精度に音声入力を認識してくれます
そしてこの音声入力の機能は無料で使うことができます

Googleドキュメントで音声入力されたものは自動変換された単語を長文で入力していると前後の流れを見て自動的に変換を押し直してくれたりするします。
ですので漢字変換も他のアプリよりも得意なんじゃないかなと思っています。

他にもデバイス間の同期ができるのもメリットかなと思っています。

GoogleドライブはAndroidやiPhoneのでもアクセスはできますので,外に出ているときに生地を確認したり追記することも簡単にできます。

もちろんMacやWindowsの同期も可能です。

どんな風に使うのか

私は記事を基本的にマークダウン表記で書くようにしています。

ですのでタイトルh2の部分などはマークダウン表記を手入力で入れるようにしています。
他の部分に関しては音声入力で記事を入れています。

Googleドキュメントはブラウザからアクセスするので,いちいちファイルを作ったりすると面倒ですので私は音声入力用のGoogleドキュメントを用意してそこにブラウザでショートカット(お気に入り)を作っています。

一通り音声入力で記事を入れ直したら普段使っているエディターの方にコピーをしてそこできちんとマークアップをするようにしています。

ただ音声入力をしていると途中で空白が入ったりするので、こちらのWebアプリで空白を削除するようにしています。
改行・空白・タブ削除ツール

Googleドキュメントでの音声入力の切り替えはショートカットキーでできます
ショートカットキーは下記になります。

【ショートカットキー】
Macの場合 → Command+Shift+S
Windowsの場合 → Ctrl+Shift+S

ショートカットキーを入力すると音声入力をしている状態のアイコンが出るのでその状態になっていれば音声入力を受け付けている状態になります

最後に

音声入力は初めてみると結構恥ずかしいのですが、慣れてくるとすごくやりやすいなと思っています。

音声入力は割りと気軽に記事をかけるのは良いことだと思っていたのですが、Macのデフォルトの音声入力ですと認識率が思ったよりも良くなかったのでGoogleドキュメントに変えることでその点の不満が一気に解消されてすごく満足しています.

もし音声入力のアプリでどれがいいかと迷っている方がいらっしゃいましたらGoogleドキュメントは無料で使えますので一度お試しください

Cntlog

音声入力でブログ記事を書くメリット

最近モンスターハンターワールドにはまってしまい記事を書くペースが落ちてしまいました。

普段週一で書くようにしているのですが、先日10日ほど開いてしまった反省しました。(久しぶりのゲームなのでハマってしまいました)

なのでどうやったら早く記事をかけるかなっていうふうに考えてみたんですけれども、以前音声入力がいいよという話を聞いてみたので実際に試してみました。

この記事も音声入力で書かれています。

“音声入力でブログ記事を書くメリット” の続きを読む

Cntlog

Webデザイナーにオススメな副業の始め方

知り合いのWebデザイナーに副業の話を相談されて私がどうやってるのか話をしたら結構食いつかれたので記事にしました。

本記事では私がやってきた副業の方法をいくつかご紹介します。

何をするのかを決める

副業と行っても色々な選択肢がありますのでまず一番最初に何をするのかを決めます。

以下の三つを決めてください。

  • 決める基準としては自分が何ができるのか
  • 時間はどのくらい捻出できるのか
  • 何を目的に副業をするのか

まず自分の中の基準を決めないことには、実際にどういったふうに仕事を始めるのかというところで非常に時間がかかってしまいます。

もちろん後で変わってしまっても問題はないのでまずは決めることを始めてみてください。

Webデザイナーの副業の参考例

Webデザイナーの副業と言ってもできることはいろいろあります。
例えば以下のようなものが考えられます

  • Webページのデザイン
  • バナーのデザイン
  • ロゴのデザイン
  • 名刺のデザイン
  • ブログのヘッダー画像の作成
  • ウェブサイトの更新の
  • WordPress関連諸々
  • ランディングページの制作
  • Webサイトの解析・改善の提案
  • アフィリエイト関係
  • WordPressのテーマ販売

これらは私の場合の一例ですが他にも自分のスキルと何かを組み合わせて色々できるます。
人がどうとか考えずに自分が得意なもので副業を始めるのがオススメです。

どこでするのかを決める

副業なので基本的にはお金を出してくれる相手がいると思うのですが、その方とどうやってマッチングするかを考えます。

特定の誰かをお客さんにする場合

基本的には誰というものを考えた先に、どういったところから自分を知ってもらえるか考えると良いです。

一般的にはクラウドソーシングの「「ランサーズ」」や「「クラウドワークス」」を使っている方が多いです、

他にも類似のサービスでここならというものもあります「ココナラ」はクラウドソーシングのサービスに比べて金額が安価な分、簡単なことを求められるので副業をまず始めたいと思った方にはまずおすすめです。

他にも、人に教えるのが得意、自分のノウハウがあるという人は「「ストアカ」

こういったWebサービスに登録すると手数料が発生してしまいますのでそういったのが嫌だという方は自分のウェブサイトから集客をするというのも一つの手です。

もちろんどちらか片方でやらないといけないわけではありませんので両方とも行っても大丈夫です。

私のおすすめとしてはまずはどこかランサーズクラウドワークス、ココナラと言ったマッチングサービスに登録しつつ自分のウェブページをその間に作っておくというやり方がおすすめです。

理由は自分のサイトを新規で作った場合なかなかアクセス数は上がるのに時間がかかるのでその間にマッチングサービスで慣れておくという方法です。

自分の単価を決める

副業で誰かの制作をサポートすると言った場合だいたい見積もりが必要になります。
その時初めての方は相場はどのぐらいなんだろうと悩みますが、あまり相場を考えない方がいいです。

なぜならあくまで副業なのでこの案件を絶対に取らないといけないというわけではないので安くしすぎる必要がありません。
かといって高くしすぎても受注に繋がらないので自分が1時間働くとしたらいくらぐらいなのか、どのぐらいの価値を提供することができるのかと言う単価の指針を決めておいてください。

ちなみに自分の単価は後で下げることは簡単ですが、上げようとするとすでにお付き合いのある方に関しては値上がりしたと感じてしまいますので結構難しいです。

どうしても自分の単価を決められないと言った方は会社員の残業代の時給以上というぐらいで見込んでおいてはどうでしょう。

人との縁づくりをしておく

先ほどは自分でお客さんを見つけるタイプのものをご紹介しました.

もちろん誰かに紹介してもらう方法でも副業は可能です

例えば下記のようなパターンが考えられます

  • フリーランスの知人からの紹介
  • 勉強会で知り合った方(自分が登壇をすると結構お声がけもらえます)
  • コミュニティなどのチャットグループで相談が投げられる

こういったケースに対応する場合は事前に自分のポートフォリオサイトや実績などをきちんとウェブサイトでまとめておくと、先方にはURLを送るだけで相手に自分のことを伝えられます。

紹介ベースで副業したいと思っている方はまずは自分が何が出来るのか何が苦手なのかが見えるサイトを作ってください。

よく会って話をすれば大丈夫と思っている方もいますが、相手もあなたがどんなスキルを持っているかわからないので判断材料になるようなものを先に出しておくだけでマッチングの率も上がりますし、ミスマッチも減ります。
なによりお客さんを初めから安心させることができるのが良いですね。

そもそもWebデザイナーなのに自分のウェブサイトやポートフォリオを持っていない人を誰が信用してくれるのでしょうか。

不特定の方をお客さんにする場合

何か自分の作ったものを売ると言った場合はECサイトを作るという方法もあります
まずは簡単に始めてみたいという方はベースをお勧めします
よく「STORES」と「BASEどちらがいいんですかと聞かれますが、理由はいくつかあるのですが、無料で始められるんだったら「BASEでいいかと思います。(STORESさんは無料だと5つまでしか商品が登録できないので)

有料でも使いたいと思えるのであればSTORESの選択肢が出てきます。

他にもアフィリエイトと言った手段があります。
アフィリエイトには大きく分けて2種類のタイプのもがあります。

  • どこかASPに登録して特定の商品を売るタイプ
  • GoogleAdSense広告を貼って広告収入を得るタイプ

どちらが良いというものではありませんがPVを多く集めるようなサイトが得意とある方であればGoogleAdSense広告から始められてみてはいかがでしょうか。

アフィリエイトになるとその商品やユーザーに対しての専門的な知識が必要になってくるので初めてされる方には少しハードルが高い場合が多いです。

もちろん何か自分が趣味を持っていて誰かにおすすめしたい紹介したいような商品がある場合はその専用のサイトを作ってアフィリエイトを始めるということは全然大丈夫です。

よくアフィリエイトのASPをどこに登録したらいいかと聞かれますがとりあえずA8.netさんに登録しておけば大丈夫です。
ここは提携数が多いのと、サイトが無くても申請ができるので初心者でも使いやすいサービスです。

後はもしもアフィリエイトさんもおすすめです。
もしもさんに登録すると、サイトにあった広告を提案してくれます。
「もしもアフィリエイト」さんの提案は、「様々なキーワードのGoogleの検索順位」を裏付けとして、広告の提案がなされています。

広告を定期的に提案してくれるのでアフィリエイトでどんな商品があるのかわからないという方はこの自動マッチングのサービスを利用されてされるのをお勧めします

ちなみに私の場合はアフィリエイトからアドセンスという流れでやりました。

スケジュールで気をつけていること

副業で様々な案件をやっているとスケジュールがかぶってしまったり、お客さんの返事が遅かったりしてなかなか当初の予定通りにいかないと言ったこともあります。

特に最初は自分がどのくらいできるのかというのが分かりにくいと思いますので同時に複数案件を走らないようにする方法ことをお勧めします。

あと時間かかる時間に関しても自分ができると思った3倍ぐらい余裕を持っておくとおすすめです。

自分のをちゃんと把握していないかもしれないという保険と、他に何かやらないといけないことが途中で入ってきた時に対応できるくらいの時間に余裕を持つというためです。

よく睡眠時間を削って作業をして頑張るという人はいますがlそのやり方だとどうしてもミスが出やすくなりますし自分の体にも大きく負担をかけるのであまりお勧めしません。

副業の目的にもよるのですがやはり続けれるということが大事だと思いますのでペースであったり時間配分など、無理がないようなもの基準で考えたほうが良いでしょう。

経理周り

年間20万円を超えると確定申告をしないといけなくなります
副業をやると決めたのであれば、個人事業主届けを出して青色申告をできるようにしておくのお勧めします。

個人事業主届けは役所に行って専用の用紙に記入してハンコを押すだけで届が出せるのでさくっとできます。
私も出した時は実感がないぐらい簡単だったので驚きました。

もし年間20万円を稼ぐのかわからないし、今年は試しでやってみるだけという方は無理して個人事業主届けを出す必要はありません。

ただもし確定申告をすることになるとちゃんと準備をしていないとすごく面倒になるので、経費周りに関しては自動的に記入できるようなサービスを使うことをお勧めします。

私が使っているものはMisoca(みそか)MFクラウドです

Misocaは見積もりと請求書を出すとき専用で使っています。
MisocaはPDFで請求書を作れたり、PDFでの請求書が駄目な場合の会社に郵送する場合も自分で印刷をせずにブラウザから郵送の設定をできるのですごく便利です。

ちなみによくfreee)MFクラウドどちらが良いのと質問されますが、みんなどっちでも良いとおっしゃいます。私はマネーフォワードを使っているので、どうせなら同じ会社のサービスが良いやとと思ってMFクラウドさんを使っています。

MFクラウドさんは個人事業主用の専用の口座と連携させているので確定申告の時にいちいちから記入しなくても良くなります。

口座は悩んだのですが、ブラウザから振込ができて、定期送金の機能がある、ジャパンネット銀行さんを使っています。

ちなみにクレジットカードも別で作っておくと経費も自動に記入されるのでオススメです。
普段使っているクレジットカードと経費にするクレジットカードを一緒にすると確定申告のときにつらい思いをします。

最後に

Webデザイナーで副業をが気になる方に向けて記事を書いてみました何か参考になることがあれば嬉しいです.

以前WebデザイナーWebデザイナーの方に副業はおすすめという記事を書いたので興味のある方は見てください

Webデザイナーに副業をオススメする理由

副業は気になるけど自分のスキルが出しているか自信がないという方はレベルアップの方法をこちらに記載していますのでよかったらご覧ください

ぼっちでも効率的に独学でWEBデザイナーになる方法(基礎編)

他にも何かお悩みがあれば相談に乗れることがあるかもしれません匿名で質問できるpeingをやっているのでこちらから質問をしていただいても結構ですしTwitterの方からお問い合わせいただいても大丈夫です

Cntlog

Webデザイナーに副業をオススメする理由

最近私の身の回りでも副業を始める方が増えています。
それはきっと働き方改革というやつのせいか、副業を容認する企業が増えているのがひとつの理由かと思います。

ちなみに私も副業をやっているその一人です。

私も2年ぐらい前から副業をしっかりとするようになりました。
もし副業をやっていなかったら今の私のスキルや考え方はないなと思っています。

実際に私が副業やってみてWebデザイナーの方にオススメする理由を紹介します。

“Webデザイナーに副業をオススメする理由” の続きを読む

Cntlog

ECサイトやCMSで良いデザインをするために気をつけている事

私は自分でデザインをしたものをコーディングする事が多いのですが、最近一件人のデザインをする機会がありました。

デザイン自体に文句を言う立場ではなかったので、やんわりとこのデザインでは「後々問題が出ます」とお伝えしたのですが、スルーされて公開日が近づくに連れて実際に素材を組み込みはじめて現場(運用チーム)からの修正したいクレームが出てきました

こういった事は実はECやCMSのデザインに慣れてないデザイナからのデザインだとよくあることで、珍しくはありません。(見た目はカッコイイデザインだったんですよ。)

私は自分でECサイトやCMSのデザインするときに、現場にクレームが出ずにスムーズに運用をするために気をつけてる事を紹介します

“ECサイトやCMSで良いデザインをするために気をつけている事” の続きを読む

Cntlog

無料で使えて確認環境に使いやすいサーバー netlify

最近アプリを公開したのですが、そのページをnetlifyで構築しました。
以前友人に進められて、便利やんって思ったので紹介します。

netlify

netlifyとは?

netlifyとは静的コンテンツをベースにしたWebサイトのホスティングに特化したサービスです。
「Hexo」や「Hugo」などの静的サイトジェネレータで作るWebサイトを公開できますし、単純なHTMLも公開ができます。

netlifyの良いところ

無料プランでは下記の事ができます。

  • 独自ドメイン設定
  • 無料SSL証明書
  • 「Github」「GitLab」「Bitbucket」と連携
    • 特定のブランチの特定のディレクトリを公開ディレクトリに設定できます。

静的サイトという点でみれば必要な機能はほぼ備わっています。

使いどころ

個人的に使いやすそうなのは、ポートフォリオや簡易的なWebサイトをさくっと公開するのには重宝すると考えています。

他にも、先方に現状のサイトの状態を共有するための確認サイトとしても使いやすいです。
zipにまとめたものを公開用のディレクトリにも設定できるので難しい事を考えずに確認環境を作ることができます。

私はこれまでherokuを使っていました。
herokuはPHPやnode.jsなどが入れれてWebサービス的なものを作るのには便利なのですが、静的サイトを作るという点でいれば、netlifyのほうが使いやすいです。
※構築の準備もnetlifyのほうが簡単です。

Cntlog

Webデザイナーが3日でスマホアプリを公開した方法

最近自分でアプリを作って公開しました。(褒めてください!)

ホウビンゴ

まじめに3日くらいで作りました。
以前にも一度アプリを出したことはあったのですが、ちょっとコードを変えただけのパッケージものだったのでアプリ作ったとは言いづらかったのですが、今回はちゃんとコードを0から書いて自分でアプリを作りました

作った理由というかきっかけは友人がアプリ開発の書籍を最近出したからです。
Ionicで作る モバイルアプリ制作入門〈Web/iPhone/Android対応〉

私はこの書籍のメインユーザーの想定に近いということでこの本のレビューに少し参加しています。

レビューした時に「あっ、これ私アプリ作れるわ」みたいな気持ちになったので、年末の連休を利用してアプリを作りました。

この記事では、この本を通じて約3日でアプリを公開した一連の流れを紹介します。

“Webデザイナーが3日でスマホアプリを公開した方法” の続きを読む

Cntlog

副業に最適なリモートワークOKな求人サイト コデアルがオススメ

先日東京のイベントに行ったときにコデアルさんの社長の愛宕さんとお話する機会があり、そこでコデアルの事を教えてもらいました。(話を伺うまで全然知らなくて申し訳ない気持ちでいっぱいでした。。)

愛宕さんは「大阪にあるリモートワークOKな会社で働いて感じた事」の記事で私の事を知っていてくださったみたいでさらにつらたんでした。

私は現在会社員で働いていますが、副業で就業後や休みの日に別のプロジェクトに参加してたりします。
そういったプロジェクトはイベント登壇などのときにお声がけ頂いたり、このサイトから直接お問い合わせがあったりSNSで声掛けられたりといった形でご縁がありました。

私自身もっとリモートワークで色んな人・プロジェクトに関わりたいなと思っていたので、話を伺ってコデアルさんが良いサービスだなーと感じたのでご紹介します。

コデアル

“副業に最適なリモートワークOKな求人サイト コデアルがオススメ” の続きを読む

Cntlog

自分がなりたいデザイナーのイメージ2018年版

こちらの記事を読んで、そういえば自分はどうなんだろう…と少し振り返ってみたいと思います。

どんなデザイナーになりたいの?に面食らってしまう私が、自分の言葉でキャリアを考える

これまでの自分

IT業界はかれこれ10年以上います。
実はずっとWebというわけではないのですが、下記のような事をやってました。

  • 2006年〜2010年頃 (ガラケーデザイナー)
    • ドッター&Flasher
    • ガラケーのゲームやサイトの運用
  • 2010年〜2013年頃(Webデザイナー)
    • HTML/CSS/JavaScript/jQuery
    • WordPress
  • 2013年〜2015年頃(社畜系ディレクター)
    • ディレクション
    • マーケティング知識全般
    • SEO
    • 解析業務
    • マーケティングオートメーション
    • concrete5
  • 2015年〜2017年頃(ぼっちデザイナー)
    • アプリデザイン
    • システムデザイン
    • アフィリエイト

得意な事

自分の事は異色とは思っていないですか、結構色んな事に手を出してきたとは思います。

年数で人と比較すると中途半端なスキルも多いですが、全部人並み以上のクオリティは出せる自信があるので、あまり自分を卑下するような事はありません。

私の強みの部分はスタートからゴールまでのイメージを「作るのが早くて正確で共有しやすい」というところにあります。

自分でデザイン〜コーディングもできるのでプロトタイプを一人で作れるのでそういったところでも重宝されます。

Web制作のフローを一通り以上に把握しているので、プロジェクトの勘所は結構強いです。
それに加えて、進行管理にも定評を頂いていて(人によっては煽りとか言う人もいますが…)、自分がディレクションできてるプロジェクトはここ最近は炎上することもないです。
※たまに大ポカしますが、ちゃんとスケジュールよりはやく終わらせてます。

苦手な事

私はグラフィックデザインやビジュアルデザインが苦手です。
多分これからも距離をおいていくと思います。

結構幅広くデザイナとして色々やってきましたが、デザイナーっぽい事が実は全般苦手です。

昔はプログラマー寄りなデザイナーとかよく言われてました。(いまでもたまに言われますが)

なぜデザイン以外の分野に手を出したか

Webデザイナーというものが絵をかければそれで良いかと聞かれえば、「違う」と思うようになったからです。
※これは私なりの答えなのでデザインを大事にしたいデザインの気持ちを否定したいわけではありません。

肩書はどうでも良いのですが、Webデザイナーがデザインだけやっていればそれだけで評価されるということはなく、キチンとクライアンに対して結果を出す事ができる人にならないといけないと思うようになったからです。

またデザインだけでは限界があってその他の分野を知ることで自分のデザインの知識が活かせると考えたからです。
私の場合、結果的にはデザインを活かすよりもその他のスキルを活かすためのデザインのスキル感は否めないです。

最初の頃に思い描いていた自分とは少し違いますが、私は色んな経験を詰めてよかったと思います。

Webデザイナーの定義は人それぞれあると思いますが、お陰様で私は自分を自信を持ってWebデザイナーと名乗れます。(同業者に対しては何屋と名乗ってよいかは分からない感はありますが。)

2018年はどんなWebデザイナーになりたいか

これまでは、人や物がありきで結果を出してきました。
なので、自分一人でWebデザイナとして出した結果ではなく、チームで出せた結果です。

今年は、自分で0から作ってそれを運用していけるWebデザイナーとして時間を使うつもりです。
※別にフリーランスになるつもりはないです。

せっかく幅広い・知識・経験・スキルがあるので、他人がチームで作ったようなものに一人で立ち向かえるかどうかを試す年にします。

どういう結果になるかは年末にでも振り返りたいと思います。
去年のような大きなバズが起こせたら、寿司か焼肉をおごっていただければ幸いです(ゝω・)

Cntlog

キツイ口調を直すために気をつけること

下記のツイートが目に入って、いたく胸に落ちたのでメモ


“キツイ口調を直すために気をつけること” の続きを読む