ITツール

名前を入力するだけで、10 秒前後の "ポンコツ音楽" を作曲してくれる Web ツール。その名も「ポンコツ自動作曲ちゃん」。 しかし、ポンコツといいながら、きちんと "音楽" をつくってくれる優れたツール。 ただの音の詰合せじゃなく、作品として作ってくれる。曲の終わりも、ちゃんと "終わる感じ" で作ってくれる。そんなすごいツール。 たのしすぎて、とりあえず思いついた言葉をどんどん入れたくなってしまう、中毒性の高いツールだ。

画像のなかで使われているカラーコードを取得したい。そんなときに重宝しているWebツールがある。 しかも、その画像で使われているカラーコードが一覧で表示されるだけじゃない。画像で実際に使われている色とカラーコードを、目視で照らし合わせることができる。

XDの「自動アニメーション」はとてもおもしろい。アートボードの Before と After をつなげるだけで、いい感じのアニメーションを自動的につくってくれる。 なんとなくの感覚でつくっても、それなりのアニメーションにはなるのが素晴らしい。 ただ、もし自分の意図した通りのアニメーションを狙って、上手につくるためには、自動アニメーションの基本とルールを知っておく必要がある。 今日はそんな、自動アニメーションの基本ルールをお話ししつつ、具体的なアニメの作例をご紹介しよう。

メールでのコミュニケーションが減り、SlackやLINEなどのチャットによる会話が増えてきました。 メールではビジネス的な文章でのやり取りが主体となっていましたが、チャットもうすこし砕けた表現が許されるような気がしています。すくなくともぼくはそう感じており、親しき仲にも礼儀はありつつ、より微妙な "ニュアンス" を伝えやすくなりました。 特に対面での会話が減ってしまったいま、文章のあり方が変わってきています。 目的は「伝えること」ですが、ただ文脈を文意、言葉の意味を伝えるだけでは足りません。ニュアンスや温 ...

アプリアイコンをタップしたら入力フィールドが出現して、送信を押したらNotionの特定のノートに直接投稿ができる。そんなショートカットを自作しようと悪戦苦闘してみたのですが、これが意外と難しい。 そんなことをやるぐらいなら、「Fast Notion」というアプリを使ったほうが断然かんたんで、手間も面倒もいりませんでした。 「ショートカットアプリで自作できたら、カッコいいのでは！？」と淡い期待を抱いてトライしてみたものの、試行錯誤の時間ばかりが取られてしまって。こういうものは、すなおに、餅屋を頼るべきでした ...

Notionでつくった特定のノートに、直接アクセスできるアプリアイコンを、iPhoneのホーム画面に置きたい。そんな人のための記事です。 実際に作ったのがこんな感じ。アプリアイコンをタップすると、Notionアプリが立ちあがり、そのノートを開いた状態からはじめられます。 つくる手順はかんたん。慣れれば1分でできます。日記やアイデアノートなど、すぐにメモを取りはじめたいノートで活躍しますので、ぜひやってみてください。

バラバラになってしまったHTMLのインデントを一発で整理したい。閉じタグが漏れていないかチェックしたい。 そんなときに便利なWebツールが「Prettier」です。 これはもともと、コードエディターである「Visual Studio Code（通称：VS Code）」のプラグインとして有名なツール。しかし実はWeb版もありまして、これがとても手軽で便利なのです。 面倒なインストール作業や会員登録なども不要。VS Codeをインストールする必要すらありませんので、手軽なHTMLチェッカーとして活用してみてく ...

社内のコミュニケーションは基本的に Slack です。手軽なコミュニケーションツールとして重宝していて、このリモート主体の仕事環境でも、となりのデスクの同僚の肩をポンッと叩くような気軽さで話が弾みます。 しかし、そんななかでひとつ悩みがありました。「あとで返信しようと思ってたコメントが、どこかにいってしまう」という問題です。 Slack はフロー型のコミュニケーションなんで、話題がどんどん流れていってしまうんですよね。"あとで" と思っていたものも、あとから探すのが大変だったりします。 そこで、なにか " ...

仕事や執筆など、なにか集中したいとき、ぼくはあまり無音がすきじゃない。なにかしらの音が流れていたほうが、目の前のことに没頭できるのです。 かといって、可憐な歌声が聞こえてきてしまうと、気もそぞろになってしまうので、好ましくない。だからインストゥルメンタルやゲーム音楽などが好き。 最近Youtubeで見つけたのが、ポケモンのASMR。 ASMRとは「Autonomous Sensory Meridian Response（オートノマス・センサリー・メリディアン・レスポンス）」の略で、日本語では「自律感覚絶頂 ...

「つぎの休日、自由が丘のほうにいこうか」「今度の三連休、ちょっと遠くに。山梨のほうで富士山とかみたいね」 休みの日にでかける。長期休みで旅行にいく。はじめての場所にいくなら、周辺スポットのリサーチは欠かせないですよね。 じゃあピックアップしたポイントを、どうやってまとめておくべきか。ぼくは、いつも、Googleマップのお世話になっています。 やることはシンプルで、気になった観光名所や、ランチによさそうなレストランを、お気に入りにいれていく。みんながやっていることとおなじです。 でもそうすると、むかしお気に ...

そういえば先日、Amazonで買い物をしようと思ったら、言語が英語になっていて焦りました。アクセスしているサイトのURLは「.co.jp」なので、間違いなく日本のサイト。しかし何故か、言語が英語なのです。 いまはようやく解決したのですが、Amazonの言語設定の変更には非常に時間を要してしまったので、同じような悩みの方の解決の助けになれればと、その解決手順を記しておきます。 【SP版】Amazonの言語設定を変更する方法 まずはスマホ版のWebサイトについて、言語変更の手順をご紹介します。 1. アカウン ...

Webデザインやブログのアイキャッチなどで使える、無料のロイヤリティフリー素材は、いくつあっても困ることはありません。 さて。今日お話するのは「storyset」というイラスト素材サイト。無料で使えるロイヤリティフリー画像なのですが、他のサービスとは一味違います。 まず、自分でカスタマイズが可能！イラストの中で使われているパーツの選択や色を、自由に変更することができます。 同じ画像でも、パーツの出し分けや色をカスタマイズすることで、全然違った雰囲気になりますね。 そして何より、アニメーションが作れてしまい ...

素早くメモをするためのアプリ、あるいは文章を書き溜めるためのアプリについては、いろいろと試してきた。特に気に入っていたのは「Bear」で、長いこと付き合ってきたと思う。 しかし、なんやかんやと紆余曲折した結果、結局は Apple の「メモ.app」が最強だって思う。 アイデアをパパッとメモするにも、 ブログ記事の下書きを書き溜めるにも、 仕事で考え事をしているときの思考整理にも、 妻から頼まれたスーパーでの買い物リストにも。 日常のあらゆるシーンで「これだけあれば事が足りるな」と思えてくる。それだけの汎用 ...

今日は非常に便利なWebサイトのご紹介。特に、ご自身でブログをやられていたり、Webの制作に関わっている人にとっては、重宝するサイトかと思います。 名前は「O-DAN（オーダン）」。 世界中の無料写真素材サイトを "横断" して検索をかけてくれるハブサイト。高画質なロイヤリティフリー画像が一瞬で見つかります。

先日テレビのインタビューで、選挙に行かない理由をこう話している若者がいた。 「自分はまだ勉強・知識不足で、まだ投票に行くのは早い気がしている」 じゃあ今すぐネットで調べて勉強せぇや、と思うが、実際同じように考えている人も少なくないだろう。しかし今は、調べる手段はいくらでもある。 便利な診断コンテンツだってある。極端な言い方をすれば、選挙だって性格診断や心理テストなんかと同じだ。 直接的な影響力を持たない自分が、自分の考え方に近しい人に投票し、自分の代わりに政治へ関与してもらう。これが基本的な構造だ。 した ...

Webサイトの制作をしているなかで、XDでデザインを制作することは、最近ではスタンダードになってきた。私の身の回りでは、Photoshopでの制作よりもXDのほうが多いぐらいだ。 さて、そのなかでよく起こるトラブルの一つとして、デザインとHTMLのギャップが挙げられる。 具体的には、クライアントから「デザインで見たときは良い感じだったのに、コーディングしたページを見てみたら、なんだが画像とかテキストが大きくて見づらく感じる」というものだ。 いろいろな理由はあるが、おそらくは XD で作ったデザインを「プレ ...

三軒茶屋の駅前にあるマクドナルド。ランチタイムにもなると、この炎天下の中でも長蛇の列ができ、汗を仰ぎながら自分の番が来るのをひたすらに待っている姿を、よく目にする。 マスクのせいもあって非常に苦しそうだし、熱中症になるのではないかと心配になる。 だからぜひ、モバイルオーダーの便利さを知ってほしいのだ。 モバイルオーダーのことは知ってるけど、会員登録やアプリのインストールが面倒くさいんでしょ？ いやいや。実はマクドナルドのモバイルオーダーに、会員登録やアプリのインストールは不要。 Webからアクセスするだけ ...

クライアント Webサイトのほうで表示崩れが発生してまして、修正をお願いできますでしょうか！ bamka 承知しました。閲覧環境を教えていただけますでしょうか。 Chromeの最新です。 bamka OSは何を使っていますか？ Windowsです。 ……といった具合に、クライアントが閲覧している環境を確認するのも一苦労。何度もキャッチボールが発生してしまっては、クライアントも嫌な気持ちになってしまう。 そんなときは、このサイトで一発解決。クライアントに「このサイトにアクセスして、スクリーンショットを送って ...

クライアントから「ご都合の良い日程を教えてください」といただく。Googleカレンダーから、社内の関係メンバーの予定を確認し、空いているところを列挙する。 候補日を以下の通りご連絡いたします。ご都合のよい日時で、1時間ほどお時間をいただけますでしょうか。 ・8月24日（火）　14:00〜16:00 ・8月25日（水）　11:00〜15:00 ・8月26日（木）　12:00〜13:00 / 16:00〜17:00 別に大した手間ではないのかもしれないが、この「日付と時間をキーボードで打ち込んでいく」という作 ...

パスワードを突破する方法のひとつに「ブルートフォース」というものがある。いわゆる「総当たり攻撃」で、考えられるすべてのパターンを試しに入力する方法だ。 4桁の数字だったとしても、人の手で行うのは大変な作業だ。10×10×10×10で、10,000通りもの数をトライしなくてはならず、時間も相当かかる。 しかしこれがプログラムされたコンピューターだと、ほんの一瞬で解かれてしまう。 こうしたパスワードの流出被害を未然に防ぐには、複雑なパスワードが必須。少なくとも「英大小文字+数字」の組合せで11桁は設定しておき ...