ABCウェブエンジニアblog

Webデザイナー/エンジニア/講師のホームページ・ウェブサイト制作の備忘録

マイク問題?M1チップ搭載MacBook Air 2020年モデルの音声ノイズ検証と問題解決方法

M1チップ搭載Macbook Air2020年モデルのマイク音声ノイズ問題。Krispノイズ除去で解決

AppleシリコンことM1チップ搭載のMacが2020年発表されて話題になりました。

 

 

 

私は長らく2014年のMacbook Proを使っていましたが、ちょっと古くなったので売却。

今回M1チップのパフォーマンスがどうやら凄いらしいということで惹かれて新規購入しました。

 

巷で言われているように、バッテリーの持ちや動作の軽快さは非常に素晴らしいもので、M1にネイティブ対応していないアプリの互換起動も特に問題なく満足していました。

 

ただ一点、マイクに問題がありました。

マイクの位置の関係で、キー操作の際にノイズが乗るという問題です。

些細なことかもしれませんが、Web会議など頻繁に内臓マイクを使用される方はかなり致命的。

 

どのようなノイズかの詳細、また、問題の回避方法を含めてこちらの記事では解説したいと思います。

Web会議など音声通話をよくする方でM1チップ搭載Macを購入検討されている方は、是非検討材料にして頂ければと思います

続きを読む

コードに使う大なり小なり、各かっこなど記号の読み方

コーディングに使う括弧<>{}<span data-unlink>や$#"!'などの記号の正式名称、正しい読み方

コーディングには「<>」←こんな大なり小なりに使う記号や「{}」←こんな波型のかっこ、「」←こういった角ばったかっこなど色々な記号が登場しますよね。

他にも「:」や「;」、「"」「'」なんかも常用します。

 

このあたりいつも使っているけれどなんと呼べばいいのか、正しい読み方はなんなのかを今回紹介したいと思います。

いつもレッスン時も伝わりやすいよう「ちょんちょん」とか「タグのカッコ」とか呼んでいますが、正しい読み方も覚えてさらっと使えるようになりましょう。

続きを読む

Kindleセール最大50%割引のWeb、デザイン電子書籍をピックアップ(2021年2月)

アマゾンKindle電子書籍セール、Web/IT/デザイン書籍最大50%割引

Amazon.co.jpKindleストアで50%オフのセールが開催されています。

インプレスグループフェアとしてIT・デザイン・ビジネス・実用などの電子書籍が2021年2月いっぱいまでお得に購入できるので、特に当ブログ対象のWeb/IT/デザイン系の方、学習中の方は是非これを機に欲しかった書籍をゲットして頂ければ幸いです。

続きを読む

Photoshopで簡単に矢印を書く方法

Adobe Photoshopで矢印を書く方法の解説。曲がった矢印を書くには。

最近Photoshopで矢印を作る方法を知ったのでメモ書きです。

ちゃんと描こうと思うと難しかったり、別の方法を用いたほうがよさそうですが、ちょっとした矢印を描くだけならPhotoshop標準の機能でサクっと出来ます。

 

フォトショで矢印を描きたい、矢印曲げたいけど「どうやるの?」とお困りの方の参考になれば幸いです。

ではやっていきましょう。

続きを読む

Kindle Unlimited読み放題活用術、Webデザイナー・エンジニアの場合

Amazon Kindle Unlimitedのススメ。Webデザイナーがクリエイティブに活用

みなさん、電子書籍使ってますか?

タブレットで読んだりスマホで移動中読んだり、かさばらずにいつでもどこでも読めるので非常に便利ですよね。

 

今回ご紹介するのは、普段当ブログでご紹介してるWeb技術や備忘録といったものではなく、Amazon電子書籍サービスKindleの読み放題サービス「 Amazon Kindle Unlimited」です。

なぜKindle Unlimitedをおすすめしようと思ったかというと、当ブログでは毎回HTML/CSSなどの技術書をおすすめしているんですが、このkindleでもかなり技術書の類が読み放題で読めるということ。

私自身、通常の有料の電子書籍とともにKindle Unlimitedでの読み放題もかなり愛用しています。

 

小説とか雑誌なども多く読み放題になっていておすすめですが、何といっても専門書も読み放題で読めてしまうのは非常にお得です。

 

当ブログではWebデザインやプログラミングなどを学ぶような方を対象に記事を書いてるので、Kindle Unlimitedのサービス内でどのように役立つ書籍があるかをご紹介したいと思います。

料金や、お得な利用方法、メリット・デメリットなどもご紹介しますので、ぜひご興味あるかたはご参考いただければ幸いです。

ではやっていきましょう。

続きを読む

Web制作を始めるならまず入れるVScode拡張機能9選

Web制作入門者向けVisualStudioCode入れた方がいいお勧め拡張機能9選

Visual Studio Code、軽量で拡張性があって非常に使いやすい無料のコードエディターですが、初心者の方には少しとっつきにくい印象があります。

個人の主観かもしれませんが、MicrosoftのOfficeに通じるような、少し事務感のあるエンジニアっぽいお堅いイメージです。

AtomVScodeの公式ダウンロード画面。Atomかわいオシャレに対して、VScodeはものすごく普通。

Github製AtomとMicrosoft製VisualStudioCodeの公式ダウンロードサイト比較

 

ただ、2、3年前くらいに巷でやたらと

VScodeに乗り換えました!」

VScodeがサクサク」

など、やたらとVScode推しの声が聞こえてくるようになり、私は当時愛用していたAdobeBracketsからVScodeに移行しました。

たしか遊びのゲーム制作に用いたUnitiyでC#の標準エディタとしてVScodeが設定されていて、ちょっと使ってみた時に動作がめちゃくちゃ軽快で、ガラリと良い印象に変わったように記憶しています。

 

VScodeの特徴として第一に、超軽量ということ。

VisualStudioCodeを使うメリット・良いところ。

最強エディタVSCodeとは?特徴からインストール、使い方まで解説! | HikoPro Blog 

 

ただやはり少しエンジニア向けでとっつきにくいイメージは拭えないので、そういった部分を払拭できるよう、今回導入からご案内出来たらと思います。

特に、Webデザイン学びたての方がVScodeを導入する際に、最低限必須な拡張機能をご紹介します。

 

これからWeb制作を学んでいく、または初めてVScodeを触るというような方のお役に立てれば幸いです。

ではやっていきましょう。

続きを読む