カワハラ
@kawara1012
Followers
15,288
Following
254
Media
276
Statuses
6,673
面倒くさい事を効率的に解決したい人。仕事で役立ったワークハックやしょうもないことを適当に呟いてます。伸びたポストはハイライトへどうぞ。都内のIT企業で働いてます。
Joined August 2013
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
COLORFUL LIFE WITH SAROCHA
• 317479 Tweets
オールスター
• 203905 Tweets
1 ON SPOTIFY
• 177291 Tweets
土用の丑の日
• 121573 Tweets
Murkomen
• 88866 Tweets
Joho
• 73651 Tweets
Cnews
• 68401 Tweets
デッドプール
• 67631 Tweets
ホームラン
• 61974 Tweets
#YaTransferYaİstifa
• 27153 Tweets
John Mbadi
• 26327 Tweets
Cabinet Secretaries
• 26206 Tweets
Hanouna
• 26086 Tweets
Bolloré
• 22339 Tweets
うなぎの日
• 22307 Tweets
オースティン
• 22258 Tweets
ブライトン
• 20728 Tweets
タキシード
• 18613 Tweets
UNISON SQUARE GARDEN
• 15931 Tweets
デップー
• 13510 Tweets
TPMP
• 13407 Tweets
#USG20th
• 12692 Tweets
サイクル
• 11367 Tweets
LOREAL LIP x PHUWIN
• 10996 Tweets
A「あ、すみません。今送ろうとしたテキストをCtrl+Cでコピペしてたのに別のテキストをCtrl+Cで上書きしてしまいました。もう一回探すのでお待ちください」
B「とりあえず『Windowsロゴ + V』押して！コピペした過去のテキストが25個まで保存される機能があるから！ピン止め固定も出来るから！」
47
13K
65K
A「あ、すみません。今見せようとしたブラウザのタブを消してしまいました。履歴から復活させるのでちょっと待ってください」
B「だから！Ctrl+Shift+T！消したタブが一瞬で復元するから！連打すれば直前に消した順でどんどんタブが復活するから！」
31
6K
48K
A「先方がjpgやpdfで原稿を送ってくるんです。コピペできないから毎回手打ちで入力し直してるこっちの身にもなってほしいもんですまったく…」
B「Googleドライブにアップして右クリック⇒『アプリで開く』⇒『Googleドキュメント』で全て文字起こしされるぞ。何しとんねん」
A「こりゃ手厳しい」
27
6K
45K
A「パソコンもスマホみたいに簡単に絵文字が出せたらいいのにって思います。パソコンでもSNSよく開くし、仕事のチャットツールでもよく絵文字使うし」
B「うん、「Windowsキー」+「.（ピリオド）」押してみて。絵文字出せるから。履歴もちゃんと残るから」
18
3K
15K
A「このWebサイトのページさ、修正してほしい所がいくつかあるから修正依頼出しといてもらえる？」
B「了解です（スクショ撮ってExcelかパワポで修正指示作るか...）」
12
2K
10K
僕が新卒デザイナーだった頃に言われて今でも大切にしてる言葉
「デメリットを真っ先に指摘されるという事は、その製品から魅力をあまり感じないんだ。圧倒的な魅力があれば人はその製品のデメリットを擁護しようとする」
これヒト、モノ、コト全てに通ずる事なので常に頭の片隅に置いてます
2
1K
8K
A「こちら修正をお願いします」
B「ん？」
A「えっと、こちら修正をお願いします」
B「それは"修正"じゃなくて"変更"だ。最初にそんな要件は入ってなかったぞ」
15
780
5K
A「そのWebサイトさ、PCとスマホのサイズでモニターに映してくれない？」
B「了解です。（えっと、ブラウザのタブを2つに分けて...片方のタブをスマホの画面サイズに...）」
天の声「待ちなさい...Chrome拡張機能『Responsive
14
726
5K
「なにそのツール！？めっちゃ便利じゃん！」ってクライアントさんから言われたChrome拡張機能『Responsive Viewer』。Webサイトを複数の画面サイズで同時に確認できる優れもの。デベロッパーツールで画面サイズ切り替える必要ありません
13
667
5K
えっどういうこと？たった2人の手作業でこんなとてつもない建築物を作り上げたの？撮影してる人もスゴい。色々スゴすぎて何回も見返してる。
21
510
4K
A「モックアップ用のダミー画像を何種類か用意してくれない？それぞれのサイズもひと目で分かるようにしてもらえると嬉しい」
B「了解です。（さて、フォトショかイラレでダミー画像をひとつひとつ作っていくか...）」
天の声「待ちなさい...『placehold
5
757
4K
A「社内チャットでSlackを使ってるんですけど、何かオススメの設定ありますかね」
B「絵文字ジェネレーターというツールでテキストのスタンプを作ってSlackに登録しときなさい。スタンプでも自分の意図や状況が相手に明確に伝わりやすくなるぞ。あと『口頭で相談済』ってのが地味に結構使えるぞ」
6
865
4K
僕がプロダクトデザインを学んでた頃に恩師から授かった言葉
「デメリットを真っ先に指摘されるという事はその商品にあまり魅力を感じないからだ。圧倒的な魅力があれば人はデメリットを擁護しようとする」
これデザインだけじゃなくてヒト、モノ、コト全てに当てはまるよね。今も大切にしてる言葉
8
576
4K
わたくし結婚指輪をオーダーメイドで注文したんですけどね。「シンプルで飽きがこない。和の雰囲気。無骨な感じ。他の人とあまり被らなさそう」なカッコいい感じのデザインにしたくて、3Dデータ作って職人さんに持っていったんですね。そしたら「3Dデータ持ってこられるお客様は初めてです」って職人さ
11
293
3K
Googleカレンダーをパソコンで使ってる人はChrome拡張機能『G-calize』を全員インストールした方がいいです。標準装備してくれよってくらいのレベル
8
360
3K
Web業界でお仕事をされているみなさん。「めっちゃ仕事で使えるからブックマークしとき！」「私めっちゃ仕事で使ってるで！」っていうサイトがあれば教えていただけませんか。被ってもいいのでどしどし教えてください。僕が過去に紹介して反響があったサイトをいくつかリプ欄に載せておきます
3
351
3K
A「押してみたら『有効にする』っていう画面が出てきて履歴が残ってないんですけど…」
B「うん。一度も起動したことないなら機能はONになってないから履歴は残ってないよ。次からはちゃんと履歴が残るから今回は探し直しなさい」
A「」
3
816
3K
A「えっと。日程調整ツールでミーティングの候補日をいくつか送りますので、日時確定したらGoogleカレンダーの招待を改めてお送りします」
B「ちょ待って。それGoogleカレンダーの予約スケジュール機能で全部解決できるわ。時間の長さと候補日ぶち込んで相手にURL共有するだけで全部完了すっぞ」
17
370
3K
みなさんが仕事で愛用してるChrome拡張機能はありますか？被ってもいいのでどしどし教えてください。僕が過去に紹介してプチバスった拡張機能をいくつかツリーにぶら下げておきますので良かったら見てください
14
290
3K
ダマされたと思ってChrome拡張機能『Awesome Screenshot』をインストールしてみて。作業効率が上がるし、コミュニケーションコストもかなり下がります
12
298
2K
まるでタイムマシン。URLを知っていれば"すでに削除されてしまったWebサイト"や"過去のWebデザイン"など過去のサイトを閲覧できてしまう『Wayback Machine（インターネットアーカイブ）』
当時の最先端を楽しめます。すでに閉鎖済みのWebサイトのリニューアル、過去の情報を参照したい時にも便利です
4
354
2K
"修正"という表現をしてしまうと相手側に責任があるように伝わってしまう事があるので、単純に「すみません、事前にお伝えしてた要件から少し変更していただきたい箇所がありまして…」って丁寧に言えば丸く済むってお話
1
207
2K
先月コロナに掛かっちまって咳や痰がひどくて苦しんでたんですが、色々ネットで調べたら「龍角散の粉が良い！」って出てきたんで何気なく買ってみたらマジでめっちゃ効いた。白い粉を喉に直接ぶち込むんですがね、これが喉に張り付いた痰をすぐに消してくれるんですわ。咳も止まる。もう手放せない
11
396
2K
上司「スプレッドシートA内の情報の一部をスプレッドシートBでも参照したいんだけど設定お願いできる？」
部下「了解です（別シートだし、行と列をコピペしたらええやろ）」
4
172
2K
A「他の人は問題ないのに、私だけWebサイトの挙動がなんか変です！ログインできません！アクセスできません！」
B「キャッシュ消してみた？」
A「やってみたんですが変わりませんでした！」
2
513
2K
とてもかわいい眼科のWebサイト。「くりもと眼科」さん。ページ遷移する時のアニメーションがまばたきしてる。眼科ならではのアイデアがおもしろいし、こういうのは印象が残るからいいね
10
201
2K
いろんなデザイナーやディレクターを見てきて思ったこと
マルチタスクを平然と処理してる人って『マルチタスクをシングルタスクに整列し直す能力』且つ『優先度の付け方』が上手い。
字面で見ると一見普通の事のように思えますが、その時々で即座に判断するのって意外と難しいですよね。
6
90
1K
僕「この資料、誤字を見つけたので修正していただけますか？」
相手「ホントだ、ミスってますね。修正します」
僕「お忙しい中すみません」
相手「修正しました」
僕「ありがとうございます。早々に対応いただき助かりました」
相手「いえいえ」
.
.
.
あれ、なんかこの会話おかしくない？
26
58
1K
Chrome拡張機能『Manganum』が便利かも。ブラウザの左側にツールバーが常駐し、好きなブラウザを開いてる状態でこれらのツールを使用できる
・ランチャー機能
・Google翻訳
・Googleカレンダー
・Google ToDo リスト
・Google Keep（メモ帳）
・電卓
・ChatGPT
ChatGPTを使えるのが地味にポイント。
7
112
1K
サクッとダミー画像を用意したい時に一瞬で作れるこのサイト今でもめちゃ使ってます。欲しいサイズを入力するだけで出来上がるし、オプションでテキストや背景色も変更できるし、pngとjpgで出力選べるし、なんなら専用URLも生成されるからそのままHTMLコードに埋め込めるから重宝してます
5
112
1K
Web業界あるあるを募集します。
【例】Webディレクター「ページ更新されてませんか？キャッシュクリアしてみてもらっていいですか？」
59
74
976
外側はプラチナで内側はゴールドです（妻は外側はゴールドが良いとのことだったので逆に）。
着けるとこんな感じで内側は当然見えないんですが、あえてです。「お互いのメインマテリアルをお互いの指輪の裏側にこっそり加えちゃおうぜ」という意図です。
0
45
879
引用で「Googleドライブにアップロードするのはセキュリティ的に危険」と複数名の方が教えてくださったんですが、あれだ、"無料版"のGoogleドライブってことですね今更気付きました。。僕の勤め先がGoogle
2
263
855
いろんなCSSアニメーションを簡単に実装できるCSSライブラリの「Animate.css」。こういうライブラリ系ってサイト実装者に重宝されるけど、Webディレクターがこういうサンプル一覧を使って、制作サイドに「この部分はこんな感じの動きにしてほしい」って具体的に伝えるのにも使えるんだよね
3
100
839
もしかして、使用するフォントによって都度調整が必要な余白を気にすることなく、このコードを足すだけで上下のズレを解決できるってことなのか？今度試してみたい
2
79
817
ちなみに、文字起こしの精度は個人的にめちゃ高いけど、もちろん100%ではないので不要な半角スペースの削除や誤字脱字等のチェックはちゃんと行いましょう
1
137
799
ChatGPT使ってる人は拡張機能『Superpower ChatGPT』を入れてみてくれ。使い勝手めちゃ上がるから
- チャットのエクスポート（一括/個別）
- チャットの選択削除
- HTML形式で文章コピー
- チャットのキーワード検索
- メッセージのピン留め
- 定型文機能
- タイムスタンプ表示
- サイドバー開閉
1
97
781
「LP ARCHIVE」というサイト知ってますか？過去のLPから最新のLPデザインまでPC版とスマホ版を合わせて約60,000点のデザインが見れちゃうギャラリーサイトです。
4
80
724
Macだと「Ctrl + Cmd + スペース」押すとこんな感じで絵文字が出ます。しかもよく使う絵文字はお気に入り登録もできるという。。Mac優秀過ぎ
2
132
691
「めっちゃ可愛いWebサイト見つけたから見て！」って妻に見せられたWebサイトが本当に可愛くて笑った。真ん中のネコちゃんに目を奪われるけど、サイト全体めちゃステキ。招き猫をモダンにデザインしたプロダクトもオシャレでステキです
7
35
669
ダブルチェックの依頼がなんとなく苦手な後輩に「修正点を指摘されるのがイヤかもしれないけど、俺や周りの先輩に責任をぶん投げる依頼だと思えばいい」って言ったら些細なことでも分からない事や確認したい事をすぐに聞いてくれるようになった
4
74
658
妻がオンラインストアで購入したデザインの本が可愛い。『1970年代から1990年代にかけてのシンガポールのマッチ箱に印刷された広告集』らしい。本もマッチ箱みたいにちっちゃいの。
2
33
641
チャットツールでSlackを使ってる全ユーザーにオススメしたいです。「絵文字ジェネレーター」でステータス管理用のテキスト絵文字をいくつか作って登録しておけば、スタンプでリアクションする際も自分の意図や状況が相手に明確に伝わりやすくなるんです。
4
75
632
A「AndroidスマホとMacbookを使ってるんでデータ送る時はいつもGoogleドライブとか経由して転送してるんですよ。結構めんどくさい」
B「『NearDrop』ってアプリをMacにインストールしてみ。ニアバイシェアっていう機能でAirDropと同じ感じで爆速で転送できる」
A「えっ」
B「しかも」
A「しかも」
3
73
600
直感的な操作が出来る検証ツールのようなChrome拡張機能『VisBug』
・ページ上の画像を差し替えたり
・要素の情報をコピペしたり
・要素をドラッグで移動させたり
ドラッグ&ドロップで画像差し替えて見え方の簡単な確認が出来るのめちゃ便利。デベロッパーツールと組み合わせて使うのがオススメです
1
50
557
上司「PCでブラウザ見てる時にさ、『目が疲れた時だけダークモードにしたい』とか『このWebサイトだけダークモードで見たい』ってなるんだけど、設定を都度変更するの面倒くさいのよね」
部下「Chrome拡張機能の『Dark
2
71
544
Webサイトの良くない部分をこれでもかってくらい詰め込んだ皮肉満載の『How I Experience Web Today』ってサイトが最高に鬱陶しい
5
84
503
最近Figmaデビューした。まだ全然使いこなせてないけど、とりあえず『』とかいうヤバすぎる神プラグ���ンがあるツールということは分かった。
「WebサイトのURLをポチッと入力するだけで編集可能なデータとしてインポートできてしまう」っていうヤバすぎる代物
2
53
494
「ごめん…緊急で対応しないといけないタスクが出てきて…申し訳ないけど今から急いで対応できる…？」みたいな感じで申し訳無さそうに上司やクライアントからお願いされた時は「全っ然大丈夫ですよ！お任せください！あ、今度缶コーヒーおなしゃす😉笑」くらいの明るさと勢いで返事するようにしてる
6
18
463
我が家では結婚記念日は必ず写真を撮りに行くという夫婦ルールがあります。よく利用するのはセルフ写真館（カメラマン不在で自分たちでシャッターを押すタイプのスタジオ）。数千円で200〜300枚くらい余裕で撮れるのでとてもコスパいい
18
10
410
クライアントから画像やスクショで文章（原稿）を送られることありますよね。そんな時はGoogleドライブにアップロードしましょう。自動でテキスト化できちゃいます。僕はこれを応用して、「これテキストで欲しい！」って思ったウェビナーの映像や動画に表示される文章をスクショ→テキスト化しています
3
35
402
ChatGPTに「Webデザインの参考サイトとそれぞれの特徴」をざっくり聞いてみたら色々教えてくれた。そして、あまり回答が長すぎると途中で止まってしまうようだが、「続きを教えて」って言えば続きを書いてくれるみたい。
とりあえず備忘録としてリプに全てのサイトリンクを貼っとく
4
30
399
Macの人は「Clipy」っていうアプリをインストールしてください。同じことが出来ます。というかこっちの方がフォルダ分けが出来たり他にも色々とカスタマイズできるのでめちゃ優秀です
2
56
389
断言しますが、「断言しますが」というツイートを信用しないでください。
あと、これはガチですが、「これはガチですが」というツイートを信用しないでください。
それと、厳しいことを言いますが、「厳しいことを言いますが」というツイートを信用しないでください。
9
70
384
「全角で入力してください」っていうワナ。Webサイトのフォームに住所を入力する時に間違って半角で入力したらエラーが出るサイトまだ多いよね。でも、半角で入力しても勝手に全角に変換してくれるサイトに出会うとちょっと感動する。こういった『痒い部分に手が届くUX』に気付けるようにしたいね
4
17
358
「なにそのツール！？めっちゃ便利じゃん！」ってクライアントさんから言われたChrome拡張機能『Responsive Viewer』。Webサイトを複数の画面サイズで同時に確認できる優れもの。デベロッパーツールで画面サイズ切り替える必要ありません
13
667
5K
1
21
342
「こんなWebディレクターとはまた一緒に仕事したいなぁ」って思える特徴をぜひ教えてください。。
【例】物腰柔らかくて些細なことも相談しやすい
22
25
343
A「テキストリンクの真ん中の文字列だけコピーしたい時ってあるじゃないですか。でも部分的にコピーできないからテキスト全部をコピーして不要な文字列だけ後で削除するしかないじゃないですか。地味にめんどくさいですよね」
B「Altキー押しながら欲しい文字列だけドラッグしてみ」
0
29
289
～問い合わせフォーム～
A「氏名を入力っと（マウスで次の項目ｶﾁｯ）」
A「フリガナを入力っと（ｶﾁｯ）」
A「電話番号を入力っと（ｶﾁｯ）」
A「ふぅ、項目移動の度にマウスでカチカチめんどくさいぜ」
B「Tabキー押せば次の項目いくから。Shift+Tabキーで前の項目に戻るから」
A「ぐぬぅ」
1
18
268
10年前に教わった「プレゼン資料に文章なんか入れるな。文章がなくてもビジュアルだけで伝わるような工夫をしろ。君の頭の中で描いている映像を相手の頭の中に映し出す事ができれば君のプレゼンは成功だ」が好きすぎて未だに守っている。「君のプレゼンは記憶に残ってる」と言ってもらえることも増えた
2
14
267
A「ついブラウザのタブを開きすぎてしまって、どこにどんな案件のタブがあるかよく見失うんですよね。タブグループも手動だから忘れがちで」
B「Chrome拡張機能『Acid Tabs』をインストールや。タブを開けばURL判定で勝手にグループ分けされるし、カスタマイズも可能や。案件ごとの管理が楽やぞ」
6
17
266
Macだと『Ctrl + Cmd + スペース』、Windowsだと『Windowsキー + . 』を押せば絵文字を出せるっていう小ワザはもっと早く知りたかった
4
32
259
だいぶ前に流行ったこの囚人の問題。当時答えを知った時に「なるほどぉ！」ってなって、今でも答えの「理由」がめちゃめちゃ好きなんですけど、この気持ちがわかる人いないかなぁ。初めてこの問題見たよって人はぜひ解いてみてください。
15
21
257
依頼主「ちょっと！依頼してる案件のスケジュール遅れてるよね？どういうこと？！」
自「申し訳ございません。事情がございまして...」
依頼主「ちゃんと正直に理由を説明して！」
4
14
261
A「Windowsのローカルに画像が100枚程ありまして、リスト化するためにファイル名を全部書き出したいんですが一つひとつコピペするの辛いす」
B「画像を全部選択した状態でShift押しながら右クリック→メニュー中段に『パスのコピー』て項目が表示されるからそれポチってCtrl+Vで貼れば終わりよ」
2
35
249
