Apple系Webディレクターがお届けする仕事と生活で役立つITのネタ帖

トラックボール型マウスの弱点は、画面のスクロールが意外と難しいってところです。 トラックパッドを使っているときは、画面スクロールに困ることはありませんでした。指二本でトラックパッドをなぞれば、画面内を縦横無尽に移動させることができます。 XDなどのクリエイティブツールを使っているときなどは本当に重宝する操作で、どんなにアートボードが多くなっても、目的の場所をすぐに見つけることができます。 この操作をトラックボール型マウスでも実施できるようにカスタマイズするのが、今回の記事の趣旨です。 右クリックを押しなが ...

私が頑なにMacのJISキーボードを使っている理由のひとつは、親指で英数 / かなを瞬時に切り替えられるからです。 左の親指で半角英数に、右の親指で日本語入力に、一瞬で切り替えられる。この便利さを知ってしまったら、もう抜け出すことはできません。 これと同様のことを、HHKBで実装することが可能。めちゃくちゃ便利なので、ぜひ採用してみてください。

Chromeでタブをいっぱい開いてしまいがちなアナタへ。いちいちマウスで選択したり、ctrltabで切り替えたり、そんな面倒な手間から開放されるときです。 拡張機能「Tabbs」を使えば、タブ切り替えがキーボードだけで完結。commandKで拡張機能を呼び出し、キーワードを入力すれば、それだけで目的のタブまで一瞬で飛べるのです。

Apple製チップ「M1」を搭載した Mac では、iPhoneアプリ・iPadアプリをインストールして、それをMacで使用することができるようになりました。 ただ、インストールの仕方がちょっとわかりにくいので、今日はその方法をご紹介。アプリの削除方法や、ちょっとした注意点もまとめましたので、参考にしてみてください。

フォントワークスが1月15日に、8種類のフォントをGoogle Fontsに提供すると発表しました。提供したのは以下のもの。 クレー One Regular クレー One SemiBold トレイン One Regular（トレインはレイルウェイのGoogleFonts提供名称） ロックンロール One Regular ステッキ Regular ランパート One Regular レゲエ One Regular ドットゴシック16 Regular それに伴ってGitHubでもフォントが公開。個人利用・商 ...

Macに最初からインストールされているアプリ「メモ.app」。Mac・iPhone・iPadでシームレスに同期が取れるし、手書きとテキストの併用が可能なので非常に便利なのですが…。 欠点として、独特なファイルとして保存されてしまうのが玉に瑕。「.txt」や「.md」といったテキストファイルとして取り扱えないのが難点です。 そこで今回ご紹介するアプリ「Exporter」の出番。これを使えば、「メモ.app」で作成したすべてのデータをテキストファイルとしてエクスポート（書き出し）できます。

iPhoneのバッテリーがより長く保つようになる方法をご紹介します。しかも今回は、あまりメジャーではない隠れた設定項目にフォーカスしてみました。 iPhoneには、ユーザーが気にもとめていない設定項目がいくつもあります。しかしそれが原因で、iPhoneのバッテリーが無駄に消費されているんです。 ご紹介する方法は、どれも1分未満でできることばかり。全部合わせても3分も掛からず終わりますので、ぜひ設定してみてください。

毎月のデータ容量がピンチ！今月は使いすぎて、速度制限が掛かりそう！ そんなときは自分のiPhoneが、どのアプリに、どれぐらいの通信が発生しているのかを確認すると良いです。 また、通信が発生しすぎているもの、あるいは発生する可能性のあるものは、事前に「モバイル通信を使わない」と制限してしまうのが効果的ですよ！

最近はマスクを付けている時間が増えていて、iPhoneでの顔認証が非常に不便で面倒だと感じている人も少なくないかと思います。 私が特に面倒さを感じるのが、ApplePayでの支払い。iPhoneをサッと出して、ピッとスマートに支払いできるのがメリットなはずなのに、最近はいちいちパスコードを入力しなければいけないという。 そこで最近は、支払いをSuicaに集約するようにしています。5,000円を超えるような高額な買い物はQUICPayを使いつつ、その他の細かい買い物はSuicaで。 知ってました？交通系IC ...

30秒で今日のモヤモヤがひとつ解決！ビスケットを食べきるよりも短い時間で読めて、たった今から活かせる実用的な情報やテクニックをお届けする「30 Seconds Tips」。 今回は、iPhoneで表示されるテキストのサイズを大きくする方法をご紹介します。 しかも今回の方法は、一般的なテキストサイズの変更より、さらにもう一段階大きく表示させることができる方法です。 特に年配の方にとっては、iPhoneの文字が小さくて読みにくかったりするもの。そんなときに便利な設定です。

運動会や学芸会など、絶対に失敗できない場面。そんなときに限って電話がかかってきて、録画が途中で途切れてしまった。そんな失敗、怖すぎますよね。 そんな時に有効なのが「機内モード」。電話や通知など、突然の連絡が一切こなくなるので、安心して撮影に没頭することができます。

iPhoneに｢背面を2回（3回）叩く｣というショーカットが存在することを、ご存知でしょうか？ 物理的に、iPhoneの後ろを指でポンポンッと軽く叩くのです。そうすると、設定してある機能をすぐに使うことができます。 厚手のケースを使っていてもOK！ たとえば｢スクリーンショットを撮る｣や｢カメラを起動する｣などを設定しておくのがおすすめですよ。

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

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

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

先日、私が務めているクリエイティブテック・エージェンシー「TAM」のディレクターとして、ノーコード並びにGlideに関するインタビューを受けました。 以下のリンクから無料で視聴可能！20分程の番組ですので、よければぜひご視聴ください。 「ノーコード革命」がWeb開発・IT人材の働き方にもたらすインパクト。注目のサービス「Glide」とは？ Listen to this episode from グローバル・インサイト on Spotify. Web業界では今「ノーコード革命」、つまりコーディングをせずにプ ...

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

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

HHKB（Happy Hacking Keyboard）が欲しい！けれども、いろいろ種類がありすぎて、どれを選んだら良いのかわからない。 私が最初にHHKBを買おうと思ったとき、最初にぶつかった壁が「シリーズごとの違いがよくわからない」というものだった。 公式サイトすら非常に情報が見にくくて、調べても調べても解決せず。それが原因で、「もう考えるのが面倒くさい」と買うことすら諦めようかと思ったときもありました。 そんな私のような挫折を味わってもらいたくないので、ニーズ別にHHKBの選び方をまとめました。 過 ...

「HHKBを使ってみたいけど、高くて手が出せない」という方は、中古品を検討してみてはいかがでしょうか。 私個人としては、中古品を買うことにあまり抵抗はありません。状態がいいのであれば、安く手に入れるための効果的な手段だと思います。 しかし中古品の場合、適当な気持ちで買うと失敗します。 「欲しかったモデルと違うものが届いた」「安かったから買ったのに、状態が悪くて汚い」なんてトラブルは、避けなければなりません。 今日は、HHKBを中古で買うときに、私が注意していたポイントをまとめてご紹介します。キチンと調べれ ...

HHKBの購入を検討していたとき、型番が多すぎて困った時期がありました。ただでさえ種類が多いのに、それぞれの特徴や違いがわかりにくいのです。 言語配列の違い、色の違い、刻印の有り無し、ワイヤレスなのかどうか、静音タイプかどうか、などなど。調べ回ってばかりで、多くの時間を無駄にした苦い記憶があります。 なので、これからHHKBを買おうと思っている人には、そんな無駄な時間をかけてほしくない。そこで今回はHHKBのすべてのシリーズについて、名称と型番、それぞれの特徴と違いをまとめました。

Happy Hacking Keyboard。通称「HHKB」。2万〜3万円を超えるほど高額なキーボードで、タイピングの打感が気持ちいいと好評なキーボードです。 しかし高額が故に、あまりネガティブな意見が見えないのが問題です。 使っている人はみな口を揃えて「HHKBサイコー」と言い切ってしまう。高額な買い物をしたのだから、それが失敗だと思いたくない心理が働くのかもしれません。 でもですね。完璧なプロダクトなどありえないのです。光があれば影があり、一定の数のネガティブな意見があることも、忘れてはいけないので ...

私が頑なにMacのJISキーボードを使っている理由のひとつは、親指で英数 / かなを瞬時に切り替えられるからです。 左の親指で半角英数に、右の親指で日本語入力に、一瞬で切り替えられる。この便利さを知ってしまったら、もう抜け出すことはできません。 これと同様のことを、HHKBで実装することが可能。めちゃくちゃ便利なので、ぜひ採用してみてください。

私が愛用しているキーボードは、HappyHackingKeyboardの有線タイプだ。これは納得して買ったものだし、今でも後悔はない。 PFU Happy Hacking Keyboard Professional JP 日本語配列 墨 USBキーボード 静電容量無接点 ブラック PD-KB420B 35,654円（2021/01/04時点） 4.4 （Amazonレビューはこちら ） Amazonで探す 楽天市場で探す Yahoo!ショッピングで探す でもこれを無線化できたら、それはそれは便利なのだと思 ...

Webサイトのパフォーマンス改善をしたい！1秒でも早くページが表示されるように、いろんな施策を実施したい！ けれども、すでに公開・運用しているサイトにテコ入れをするのが難しく、具体的なアクションにまでなかなか落とし込めない。そんな悩みもあるかと思います。 実際「パフォーマンス改善」というと、ページの構造そのものに手を入れることも少なくありません。一朝一夕でできるものではなく、それなりに工数と費用が必要になります。 しかしそんな中でも、比較的手軽で、しかも絶大な効果が期待できる改善策があります。 それが「画 ...

今回はWebP（ウェッピー）を使ったウェブサイト制作を進める上で、必要な手順や注意点についてまとめました。 Googleが開発した画像フォーマット「WebP（ウェッピー）」。 圧縮率が高いので、大きくてキレイな画質の画像でも、サイズがそこまで大きくならないで済むのが最大の特徴。ページの表示スピードに起因するため、SEO対策としてもぜひ取り入れたいですね。 また、PNGのように透過の画像を作ることも可能で、GIFのようなアニメーションにも対応。どこをとってもデメリットのない画像フォーマットとなっています。 ...

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

仕事にもいくつか種類があるけれど、大まかに「手を動かす作業」と「頭を動かす作業」にわけられると思う。 このふたつを同時に進行すると、だいたいろくなことにならない。やるなら、どちらか一方だ。 「手を動かす」と決めたのなら、考えてはいけない。考える余地もなく、ただ手を動かすことに集中。手を動かしながらの考えごとは "雑念" である。どちらにも集中できていない状態だ。 逆もそうだ。 「頭を動かす」と決めたのなら、作業をしちゃあダメだ。アイデアはOK。メモを取ったり、ラフを作ったり、思考を発散したり、整理する行為 ...

私はWebディレクターとして日々業務をこなしているわけだが、その中で特に使用頻度の高いITツールをまとめてみた。 プロジェクト管理・オンラインストレージ・コミュニケーションなど、種類別にカテゴライズしてある。現役でWebディレクターをしている方々の参考になれたらうれしい。

ウェブディレクターを何年やってきても、コケるときは大きくコケてしまうのが、デザインだ。 依頼した内容とできあがったデザインが違う。あるいは、クライアントが希望していたデザインと認識の齟齬がある。そういう失敗は何度も経験してきた。 絶対に失敗しない方法を私は知らない。が、お互いの意識をすり合わせて、失敗の確率を下げるための方法のいくつかは知っている。 そのひとつが、今回ご紹介する「デザインヒアリングシート」だ。お付き合いのほど、どうぞよろしく。 デザインヒアリングシート：テンプレート 今回私が作ったデザイン ...

新型コロナウイルスが騒動となっておおよそ一年。今日までニュースや新聞で取り上げられなかった日は一日たりともなかった。 ニュースをつければ今日の感染者数。バラエティーをつければこれみよがしに透明なパーテーション。専門家は政府の悪口を言って、街に出ればマスクをした見知らぬ他人が顔を隠して歩いてる。 異常が日常になりつつある世界で、その違和感を感じ続けている人がいる。 うちの娘だ。

突然、ひょんなことから、まとまった金額のお金を手にすることってあると思う。本当に稀だが、宝くじがあたったとか、思わぬ人からお年玉をいただいたとか、タンスの中から出てきたとか。 そういうお金を手にしたとき、どうするのが正しいだろうか。 堅実に貯金する人もいるだろうし、ラッキーだと思ってパーッと使う人もいるだろう。どれも正しいし、正解・不正解はない。 そんな "あぶく銭" について、とある人の言葉が僕の心に強く残ったので、そんな話をしようと思う。

同じ部屋で寝ている妻や子どもを起こさずに、自分だけ早起きしたい。 ケータイのアラームや目覚まし時計などを使えば、その音で周りの家族も起こしてしまう。なんとか〈自分だけが気づけるアラーム〉を設定できないものか。 そんな人にオススメしたいのが、アクティブトラッカー（活動量計）だ。 特にオススメなのが、私が愛用しているXiaomi（シャオミ）の「Mi band 4」。たった4,000円弱で手に入る高コスパガジェットだ。 Apple Watchなどの高いスマートウォッチは不要。Xiaomi（シャオミ）の「Mi b ...

今回は、インドアな環境で時間を楽しく過ごすために私が愛用しているサイトやウェブサービスなどをご紹介しよう。 なかには決して「有意義」とはいえないような過ごし方もあるだろう。しかし長期にわたって外出しないのであれば、そういう娯楽も大切だろう。 もしMacとiPhoneを渡されて「これで一週間、この部屋で過ごせや」と言い渡されても、私は一切の苦を感じないだろう。 正直、パソコンとスマホがあれば、どれほどの時間であっても飽きずに過ごせる自信があるのだ。

私の妻はパーソナルトレーナーとして活動しており、その妻のお師匠さんにあたる方が、今回の新型コロナウイルスへの対策を動画にまとめていましたので、ご紹介しようと思います。 新型コロナウイルスだからといって、なにか特別な予防策が必要なのではありません。 私たちが日頃、風邪やインフルエンザにかからないようにしている基本的なことを、いつもよりすこし丁寧に実行する。それが大きな予防策になると言います。 つまり「手洗い」です。

正しく生きることは難しい。 大人になった僕らにとって、「お天道様が見ているから」という理由だけでは、ちょっとの悪さを自制するだけの力はなくなってしまった。 「赤信号を渡ってはいけない」 「財布を拾ったら交番に届けなくてはいけない」 「生ゴミをそのまま捨ててはいけない」 「決められたルールは守らなければいけない」 「人を叩いてはいけない」 子どもに「善と悪を判断するモノサシ」を身につけさせるのは、それはそれは大変だ。人として "そうあるべき" とは思うけれども、「なぜ、そうしなければならないのか」という理由 ...