ITツール

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桁は設定しておき ...

Google検索ページを安易な気持ちでダークモードにしたら、検索結果ページが非常に見にくくなってしまいました。 すぐにでも解除したかったのですが、設定を探すのに意外と手間取ってしまったので、備忘録を兼ねてブログに残しておきます。同じように困っている方は、参考にしてみてください。

今日はWebディレクターとして日々仕事をしている私が愛用している、Google Chrome 拡張機能をまとめてご紹介します。 全部で14個。特にWebデザイナー・フロントエンジニアなど、Web制作に関わる人にとって役立つものを中心に集めました。

Twitterが好きだ。 知性も教養も得られそうにない、くだらないツイートが立ち並び、何も考えず笑っていられる。かと思えば、そこに思わぬ学びや気づき、人情や人の繋がりの大切さに、心が暖まったりする意外性。 頭を使わず、ただ楽しむSNS。それこそがTwitterだと、僕は勝手に思っている。 それが最近はどうだろう。タイムラインを開いてみれば、「コロナ」だ「ワクチン」だ、そんな話ばかり。陽性者が昨日より多くて、こうなったのはアイツのせいだと悪者を叩いては、自分の正義を主張してる。 そんな笑えない話ばかり。ワク ...

そういえば先日、会社のメンバーから「メールの処理ってどうやってますか？」って質問があがったので、自分なりの処理方法をフローチャートにまとめてシェアをした。 Getting Things Done（通称：GTD）と呼ばれるタスク管理向けのワークフローをベースとしており、受信ボックスに入ったメールを適切に処理をして、返信漏れやタスク漏れを起こさないように工夫している。 今回はGmailでの処理方法について記したが、同様の処理フローは「Slack」や「Backlog」などにも応用できる。ぜひ自身の環境に合わせて ...

ウェブサイト「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パーツのデザインが次々に表示されるので、二択の中から正しいものを選んでいくのだ。 最初は非常にイージーで、パッと見ただけで「こっちが正解」とわかる。しかし問題が進むにつれて難易度 ...

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

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

Webサイトの制作プロジェクトを進めていく中で、公開日時が近くなると、細かい修正対応などが増えてきます。Backlogのチケットで対応するほどのものでもない軽微な修正です。 「原稿の一部を変更したい」 「MTの操作でわからないところがあるので教えてほしい」 「写真がちょっと暗いので修正してほしい」 こうした小さな修正は、後回しにし続けると膨大な量になりがちで、しかも忘れ去られる可能性もあります。 なので課題が発生するたびに、Googleスプレッドシートの行に追加。記入者や課題内容、修正状況や優先順位を記載 ...

XDで作成したアートボードをPDFで書き出そうとすると、画像が以下のように崩れる場合がある。 この不具合には私も頭を悩ませてきた。同じような問題で困っている人がいたら、この記事が助けになれれば幸いだ。

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

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