ウェブサービス

ITツール

2022/4/13

【自動作曲ちゃん】タイトルを入力するだけで自動作曲してくれる Webツールが中毒性高すぎ注意

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

ITツール

2022/4/11

画像の中で使われている色のカラーコードを取得するのにオススメのWebツール

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

ITツール

2022/3/1

Notionに最速でメモするなら自作するより「Fast Notion」のほうが簡単で便利

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

iPhone ITツール

2022/2/26

【Notion】iPhoneで特定のノートを開くアプリアイコンをホーム画面に設置する方法

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

ITツール

2022/2/25

HTMLの自動整形&エラーチェックならウェブ版Prettierが手軽でオススメ

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

ITツール

2022/2/19

Slackの小ワザ!返信が必要なコメントは下書きにするといい

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

ITツール

2021/11/27

【storyset】センス溢れる無料イラスト素材集!アニメーションも作れる

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

ITツール

2021/10/28

【O-DAN】無料で商用利用可な写真素材を複数のサイトにまたがって検索するハブサイト

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

ITツール

2021/10/25

【投票に】無料診断コンテンツで自分の考えに近い候補者がわかる【行こう】

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

ITツール Webディレクターの仕事

2021/10/13

【XD】デザイン確認用URLは最後に「?fullscreen」を付けてコーディング後の大規模修正を回避せよ

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

ITツール

2021/8/30

マクドナルドのモバイルオーダーはアプリ・会員登録不要で超便利だからぜひ使って!

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

ITツール

2021/10/28

【yourbrowser.is】ブラウザのサイズや閲覧環境を一画面にまとめてくれるサイト

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

ITツール

2021/7/10

Web担への挑戦!Can't Unsee で自分のUIデザインレベルをテストしよう

ウェブサイト「Can't Unsee」では、ウェブサイトやアプリのUIについて、自分のレベルを測ることができる。 Can't Unsee A game where you need to pick the design that is most correct. Test your attention to details! UIパーツのデザインが次々に表示されるので、二択の中から正しいものを選んでいくのだ。 最初は非常にイージーで、パッと見ただけで「こっちが正解」とわかる。しかし問題が進むにつれて難易度 ...

ITツール

2021/7/7

【Type.md】Googleドライブで使うマークダウン式テキストエディタ

今日は新しいテキストエディタアプリを紹介しようと思う。「Type.md」というWebアプリだ。 Googleドライブ × Markdownでドキュメント管理をはじめましょう - Type.md Type.mdならGoogleドライブでMarkdownの作成、編集、共有が可能に。さぁ、Googleドライブをより快適に利用しましょう。 「Type.md」は、Googleドライブをベースに使用できるマークダウン対応テキストエディタ。テキストエディタツールとして「Dropbox Paper」が挙げられる。 Pap ...

ITツール

2021/7/2

【zoom】画面共有をホスト以外も許可する方法【画像で解説】

zoomにて、画面共有をしようと思ったら、以下のエラーが表示されてしまって、画面共有ができなかった。そんなときの対処法をご紹介します。 このエラーが出たら、ホスト(zoomのルームを立ち上げた本人)の方に画面共有を許可して貰う必要があります。 Macの場合、セキュリティアイコンをクリック。出てきたメニューの「参加者に次を許可」の中から「画面共有」をクリックして、チェックをいれます。 これで完了です。 iPhoneの場合、右下の「詳細」をタップ。出てきたメニューから「セキュリティ」をタップします。 最後に「 ...

ITツール Webディレクターの仕事

2021/4/3

Backlogのプロジェクト管理が失敗する6つのよくある事例

私が仕事でWeb制作をするさい、プロジェクトメンバーで共有するタスク管理ツールは、主にBacklogを活用しています。 日々使っているからこそ、「こういう使い方は良くないな」「こんな失敗、あるあるだな」という事例が見えてきます。 今日はそんな中でも、絶対にやってはいけないことをピックアップしました。自分の使い方と照らし合わせてみて、「できてないな」と思うところがあれば改善しましょう!

ITツール

2021/3/31

画像圧縮の決定版「あっしゅくま」は無料・低劣化・一括処理可能な万能ツール

画像の品質を落とさず、ファイルサイズだけを落とすツール。いわゆる「画像圧縮ツール」と呼ばれるものです。 いろいろ種類はあるのですが、どれも「ちょっと惜しい」ものばかり。これが一番いい!と言い切れるものがありませんでした。 しかし今回出会った「あっしゅくま」というサービス。これは文句なしに「最高だ!」といえるツールだったので、紹介せずにはおられず、筆を執ったしだいです。 画像圧縮ツール あっしゅくま 「あっしゅくま」はJPEGやPNGの画像を軽量化するブラウザ上で使えるフリーの画像圧縮ツールです。ローカルで ...

ITツール

2021/3/26

GitHubで公開されたアプリのダウンロード方法!画面解説と操作方法について

最近、制作したアプリを「GitHub」からダウンロードする形も増えてきました。ただ、GitHubを知らない人にとっては、文字の羅列ばかりでよくわからないものなのだろうと思います。 そこで今回は、GitHubにアップロードされているアプリのダウンロード方法をご紹介。簡単なGitHubの解説もしていますので、よければご参考に。

ITツール

2021/3/19

Glideで複数の属性を相互にリンクさせる方法【Multiple Relations機能】

Glideにて、複数の属性(カテゴリー)を持っている項目同士の情報を相互にリンクさせる方法が、ようやくわかったのでシェアします。 つまり、以下のような感じ。 「田中」は「野球部」にも「サッカー部」にも所属していて、「野球部」には「田中」と「佐藤」が在籍している。 「生徒の詳細」ページでは所属している部活が複数表示されてほしいし、「部活の詳細」ページでは在籍している部員が複数表示されて欲しい。 こんな感じで、各項目が相互に関係していて、しかもそれが互いに複数のカテゴリーに属しているような関係性をリンクする方 ...

ITツール

2021/3/16

Glideで作ったアプリ事例集【随時更新】

ノーコードツールであるGlideを使って制作されたアプリの事例を集めてみました。ご自身で作る際の参考にしてみてください。 それぞれのアプリについて、私の考えやコメントも付けていますので、合わせてお役に立てば幸いです。 図書管理 図書管理 図書館利用アプリケーションです。 アプリ自体はシンプルで、書籍情報がまとめられているアプリです。 特徴はGAS(Google Apps Script)との連携。図書情報が自動化されていて、管理者は自分で入力する必要がありません。 図書に必ず割り振られる「ISBN」を入力す ...

© 2022 あなたのスイッチを押すブログ