少しの記述・工夫でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニックを独断と偏見で集めてみました。最近クローズドな場所で登壇を行ったのですが、そちらで話した内容を纏めたものにいくつか内容を追加したものとなります。 原則的にこのブログで取り入れられている手法だったり過去の記事で触れた手法を紹介したものです。 button要素には touch-action:manipulation を指定するiOS限定の話ではありますが、button要素をつい連続でタップすると画面が拡大表示されてしまい非常に煩わしいです。 ポストを別枠で表示する そのため、パンおよびズームのジェスチャーは有効にしつつダブルタップ時のズームなどの標準外の追加的なジェスチャーを無効にするtouch-action:manipulationを指定して誤作動を防止しておくと良いでしょう。
幸せ視点の経営を学ぶ、革新的なオンラインスクール hintゼミの主催で行われた本イベント。新著『小さくはじめよう 自分らしい事業を手づくりできる「マイクロ起業」メソッド』を出版した、ビジネス・ブレークスルー大学経営学部教授の斉藤徹氏が登壇しました。本記事では、職場の人間関係を円滑にするために、コミュニケーションの技術以前に意識すべきことについてお伝えします。 本音と建前を一致させることが大切 斉藤徹氏（以下、斉藤）：機械とかコンピューターだったら、正しいコマンドを入力すれば、必ず正しい結果が返ってくるんだけど。でも人は心を持っているから、仮に「こうしてほしいんだよね」って正しいことを言ったとしても、自分で決めないと反発しちゃいますよね。特に言い方がすごく大切になります。 実は言い方は、言語情報だけじゃなくて、非言語な情報もとても大切です。表情、目の輝き、相槌とかね。今からそういったことを考
「読者が選ぶビジネス書グランプリ2024」にて、ビジネス実務部門賞を受賞した『頭のいい人が話す前に考えていること』。著者である安達裕哉氏がイベントに登壇し、頭のいい人の思考術やコミュニケーションのコツを紹介。本記事では、チーム内の“やる気のない人”と関わる際の心得や、会議や面接で即答できない時の対処法を解説します。 前回の記事はこちら 「成長したいと思っていない人」を育てるのは不可能 井上陽介氏（以下、井上）：気がつくともう時間がかなり経っているので、みなさんからの質問にも触れていきたいなと思っています。すでに多数いただいていまして、残り20分弱ございますので、さらに質問を書きたい方はぜひ書き込んでいただきたいなと思います。 では、「いいね」ボタンが多い質問から。実は私もぜひ聞いてみたかったことですが、育成にまつわる部分です。「自分で考えない人やメンバーがまあまあ多いチームを任されていて、
イラスト漫画デザインテクニック まとめ12
うっぴー（エンタメラボ・ライトノベル作法研究所の主催） @ranokenn 【創作初心者が守るべき鉄則６つ】 ・本題に早く入る。最初からおもしろくを意識 ・主人公視点でなるべく物語を展開する ・現在の人気作を１０作品以上は読んでマネる ・設定の説明は極力削る ・文章は短く、中学生でも読めるくらい簡単に ・ストーリーはシンプルでベタな展開でＯＫ。王道がウケる 2020-03-21 09:30:32
「ChatGPT（チャットジーピーティー）」のような対話型の生成AIチャットツールを、PCから使ったことがある人は多いはず。一方、スマートフォンアプリからの活用はどうでしょうか。画面の作業領域が限られるモバイル端末でこそ、生成AIツールを活かすことで、効率的な操作ができるもの。「PCでは試したけど、スマホでは使っていない」は、もったいないといえます。 ChatGPTのモバイル向けiOS版アプリは2023年5月、Android版アプリは同年7月、と早い時期から日本でも使え、使用環境自体はすでにしっかり整っています。そこで本稿では、iPhoneでChatGPTを便利に使うために知っておきたいテクニックを5つ紹介します。 ↑App Storeには「ChatGPT」のAPIを活用した類似アプリが数多く公開されているが、OpenAI社が提供している公式の「ChatGPT」アプリを利用しよう その1
2022年に書いたRで論文を書く実践的なテクニック集のテーブル編をtinytable版で書き直したものです. Quartoで書かれた英語版もありますので, そちらも参考にしてください. kableExtra, gt から tinytable の時代へ 近年, Rで表を作成するためのパッケージとして kableExtra と gt が人気を集めてきました. 私は kableExtra を使って論文（\LaTeX）で表を作成し, gt を使ってスライド (revealjs) で表を作成しており, 以前行ったRワークショップやZennでの解説記事でもkableExtraを念頭においておりました. しかし, 2024年4月現在, tinytableが従来のパッケージと比べ軽くて使いやすく, 今後のスタンダードになっていくと確信しており, 以前書いた記事を更新する必要があると考えました. この記事で
最新モデルの「Apple Watch Series 9」が過去最安。指のダブルタップ操作が便利すぎる #Amazonセール
はじめに こんにちは、愛知でWEBエンジニアをしているkokuboと申します。 ここ最近の業務でコードレビューをすることが多くなり、人によって読みやすさの違いがあることや過去に自分で書いたコードが読みにくかったことから、良いコードとは何かを調べて見ました。 今回は「リーダブルコード」を元に良いコードとは何かを簡単紹介させていただきます。 この記事では難しい技術がいらないため、初心者や私と同じようにレビューを始めた方達の参考になれば幸いです。 概要 【この本での「良いコード」とは】 他の人(過去の自分も含む)が最短時間で理解ができるコードのこと 【メリット】 理解しやすい コードを読んだだけで、そのコードが何をしようとしているのかがすぐに理解できる メンテナンスしやすい バグの修正や機能の追加など、コードを変更する際に、その意図を把握しやすくなる チームで開発しやすい 複数の開発者が同じコー
はじめに こんにちは、愛知でWEBエンジニアをしているkokuboと申します。 ここ最近の業務でコードレビューをすることが多くなり、人によって読みやすさの違いがあることや過去に自分で書いたコードが読みにくかったことから、良いコードとは何かを調べて見ました。 今回は「リーダブルコード」を元に良いコードとは何かを簡単紹介させていただきます。 この記事では難しい技術がいらないため、初心者や私と同じようにレビューを始めた方達の参考になれば幸いです。 概要 【この本での「良いコード」とは】 他の人(過去の自分も含む)が最短時間で理解ができるコードのこと 【メリット】 理解しやすい コードを読んだだけで、そのコードが何をしようとしているのかがすぐに理解できる メンテナンスしやすい バグの修正や機能の追加など、コードを変更する際に、その意図を把握しやすくなる チームで開発しやすい 複数の開発者が同じコー
グラフィック系の開発者であるニキータ・リシッツァ氏が、「自身のプロダクトのあらゆる場所で使用している」と述べるお気に入りのテクニックである「指数平滑法」について解説を投稿しました。 My favourite animation trick: exponential smoothing | lisyarus blog https://lisyarus.github.io/blog/programming/2023/02/21/exponential-smoothing.html リシッツァ氏は下図のようなトグルボタンを例に解説を行っています。クリックすると「オン」「オフ」が切り替わります。まだアニメーションを何も設置しておらず、トグルボタンは左端と右端を瞬間移動しています。 機能的にはアニメーションが設定されていなくとも問題はないのですが、アニメーションを設定することでユーザーは何が起こって
こんにちは！越後長岡から「ふるさと勤務」というなのフルリモートワークを続けて早6年目になる髙野です。 ここ数年世の中の流れとしてリモートワーク中心の働き方をする方が増えたのではないかと思います。 しかし、リモートワークで円滑に意思疎通するには かなりのスキルが必要です。 この記事では、そんなスキルアップに向けて使えるテクニックについて、自分が自然に行っていることを明文化してみます。 始める前に大前提 具体の話を始める前に、リモートワーク問わず以下の大前提を頭に入れておいて下さい。 伝えなければ伝わらない 伝えても伝わらないこともよくある 人の記憶は当てにならない 自分も他人も 想像するものは人によって違う 同じ言葉でも違うものを指していることがある パフォーマンスは機嫌によって結構左右される 萎縮すると能力は数段落ちてしまう オフラインのやり取りでは、このあたりを同期的に軌道修正することが
こんにちは。コミュニケーションアプリ「LINE」のモバイルクライアントを開発している石川です。 この記事は、毎週木曜の定期連載 “Weekly Report” 共有の第 23 回です。Weekly Report については、第 1 回の記事を参照してください。 return の切れ目が edge case の切れ目 早期リターン (early return, return early) は、動作の流れを明確にする上で重要なテクニックです。エラーケースを最初に除外することで、「関数の主な目的」に焦点を当てたコードを書きやすくなります。また、エラーの条件とその処理ロジックの関係もより分かりやすくなりという利点もあります。（詳しくは、 https://speakerdeck.com/munetoshi/code-readability-session-5-ver-2-ja?slide=39 から
"📈 注目のSEOテクニック！SNSでシェアされるコンテンツ資産の作り方" - 双極性障害だけど楽しく生きる
こんにちは❗️まーめたるです。 自社サイトや運営ブログが上位表示されるにはサイト内部の最適化が必要です。SEO検定２級では、ある一定の順位まで上昇した後、どのような対策をすれば見込み客が求めるコンテンツを作成できるか、またトラフィック獲得のためのソーシャルメディア活用法などが学べました。 ↓ 詳しい試験概要などはこちらを参考に www.ajsa.or.jp （一般社団法人全日本SEO協会） 実際に受験してみて特に「サイト運営にも使える」と思った部分、 ・コンテンツ資産の作り方 ・ソーシャルメディアの役割 この２点にフォーカスをあて解説できればと思います。 SEO検定２級：目次 コンテンツ資産の作り方 ソーシャルメディアの役割 コンテンツ資産の作り方 検索結果ページで上位表示するためには検索ユーザーが求めているコンテンツ*1を作らなければなりません。 Googleは検索ユーザーが求めるコンテ
こんにちは。コミュニケーションアプリ「LINE」のモバイルクライアントを開発している石川です。 この記事は、毎週木曜の定期連載 “Weekly Report” 共有の第 22 回です。Weekly Report については、第 1 回の記事を参照してください。 To equal, or not to equal Java や Kotlin では、equals をオーバーライドすることで「構造の等価性 (structural equality)」を定義することができます。(ただし、equals をオーバーライドするときは、hashCode もオーバーライドする必要があります。) 以下のような、ユーザプロファイルの UI のデータモデルがあるとしましょう。このデータモデルでは、独自の equals と hashCode を定義しています。 class UserProfileViewData(
いよいよ新年度に突入し、フォトショップを始めましたという人もいるでしょう。「魔法のように使いこなしたい」と思ってもなかなか難しいですが、もし知っているだけで作業スピードが数倍アップする方法があるなら知っておきたいと思いませんか。 今回は『13 Photoshop Blunders Beginners Keep Making – And How to Fix Them!』より、フォトショップ初心者によくある間違いと、すぐに取り入れられる解決テクニックを紹介します。 Play このチュートリアルに必要なのはフォトショップだけ。７日間の無料体験もあるので、まずははじめてみませんか？ 7日間無料体験 Photsohopを無料ではじめる そのやり方、本当に合ってますか？ この動画は、500万人超えのフォロワーを誇る世界的なユーチューバーPiximperfectによるもの。これまでにもフォトショップに
ARM環境でディスアセンブルを妨害するテクニック（32ビット編） - Sterra Security Tech Blog
取締役CTOの小竹（aka tkmru）です。 ディスアセンブルを妨害するアンチディスアセンブルという耐タンパ性を高めるための技術があります。 本記事では、32ビットのARM環境（以下、ARM32）で有効なアンチディスアセンブルのテクニックを紹介します。 静的解析を妨害するアンチディスアセンブル リバースエンジニアリングの方法の1つに、バイナリをディスアセンブル（逆アセンブル）した結果を読み解く静的解析があります。 ディスアセンブルというのは、バイナリを機械語からアセンブリ言語に変換することです。 静的解析では、アセンブリ言語の命令を読み解くことで、プログラムの挙動を明らかにします。 アンチディスアセンブル（Anti-Disassembly）は、静的解析を妨害するために、ディスアセンブルを正常に行えなくする技術です。 解析を逃れるために、攻撃者がマルウェアに用いることもあれば、チートを防ぐ
テクニック論やノウハウだけに耳を傾けないことが大事
こんにちは、ヒロシです。 自分を変えていきたい！と思った時に、何から手をつけるのか。といったテクニック論やノウハウに目を向けてしまいがちです。 あれもこれも手を出してみたけれども、長続きしない、上手くいかない。 そもそも何故、それをやるのか、という深掘りが足りていないから、目先の利益にだけに目が向いてしまうことになります。 テクニック論やノウハウは、自分がどうありたいのか、というベースがあって、そのうえに成り立っていくもの。 どんなことでも土台なしにノウハウだけを実践していくことで、方向性を見失ってしまうこともあるでしょう。 同じことをやっていても、結果が出る人とそうではない人で分かれてしまうのは、生き方の軸があるのか、どうか、です。 どこまでいってもどんな人生をデザインしていくのか、というところで価値観を育てあげていく、という視点が求められます。 人間関係を紡ぎあげていくうえでのベースに
VRChatからYouTubeに配信してみよう！ 簡単にできる画面設定方法＆音楽配信のテクニック VRChatには数え切れないほど様々なワールドがあります。中に入って遊ぶのも楽しいのですが、雰囲気の良いワールドを背景にしてトークも、歌枠も、楽器演奏も、無限のシチュエーションで配信ができます。となれば使わないのはもったいない！ すでに、ぽこピーや、ウィンターズなど、VRChatを利用して、動画投稿や生配信を実施しているVTuberやクリエイターはたくさんいます。 今回はVTuber・VRアバターユーザーが、VRChatを利用しながら、YouTubeやTwitchなどで配信をするにはどうすればいいか？ どうやったらきれいな音質で流せるか？ 詳しい方法をご紹介します。 この方法の利点としては…… ・3DモデルのVTuberアバターを活かした配信ができる。 ・身振り手振りを加えて、視聴者と会話でき
効率よく学ぶコツは「わかったつもり」を防ぐこと。「ファインマン・テクニック」で勉強してみた - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
資格試験の勉強を始めようとしているとき、仕事で知らない知識を学ぶ必要があるとき。まったく知識のないところから勉強をスタートすると、「身につくまで大変そう……」と不安に思ってしまうのも無理もないことです。 でも、大丈夫。そんな “ほぼ白紙状態” から効率よく勉強する方法があるのです。 今回の記事では、そのひとつであるファインマン・テクニックについてご紹介します。筆者がほぼ白紙状態から学びを実践した模様もあわせてお伝えしましょう。 【ライタープロフィール】 橋本麻理香 大学では経営学を専攻。13年間の演劇経験から非言語コミュニケーションの知見があり、仕事での信頼関係の構築に役立てている。思考法や勉強法への関心が高く、最近はシステム思考を取り入れ、多角的な視点で仕事や勉強における課題を根本から解決している。 ファインマン・テクニックとは ほぼ白紙状態からファインマン・テクニックで学んでみた 理解
Online ISSN : 1881-6908 Print ISSN : 1342-6907 ISSN-L : 1342-6907
人間はストーリーテラーであれ。AIライティングツールで「文章の質を高める」3つの実践テクニック | ライフハッカー・ジャパン
楽天ゴールドカードはメリットない?プレミアムカード・年会費無料楽天カードとの違いや元を取る損益分岐点はいくら?
【動画あり】引っ越し荷づくり、プロに聞いた梱包テクニック！ 食器・液体調味料・服など。ダンボールの正しい使い方も伝授｜引越し見積もり･比較【SUUMO】
使いやすいものを揃えると梱包の効率がアップ ダンボール引越しの準備をする際に欠かせない梱包資材がダンボールです。家族の人数や持ち物の量によって必要なダンボールの数は異なりますが、足りなくなると困るので、事前におおよその数をイメージしておきましょう。 今回ノウハウを伝授してくれたアート引越センターによると、引越しに必要なダンボール量の目安は下記のとおり。 一人暮らし 10～20枚 二人暮らし 30～40枚 三人暮らし 40～60枚 四人暮らし 60～90枚 ただこれはあくまで目安とのこと。 引っ越し会社に頼むと、訪問見積もりの際、荷物の分量を見極めたうえで適切な量のダンボールを渡してくれます。 自分で用意する場合は、インターネット上に格安でダンボールを販売しているサイトがあるので、事前に購入しておくとよいでしょう。 ちなみに古いダンボールは強度が落ちているので止めておいた方が無難。新しいもの
異なるカラーを濃くしたり薄くしたりするとき、個別にカラーを設定してもできますが、CSSの相対カラー構文（color: rgb(from green r g b);）を使用すると簡単に実装できます。 下記はそれぞれ元のカラーに対して相対カラー構文1つでそのカラーを濃くしたり薄くしたりしています。1つのカラーに対して複数の濃さが必要な場合に便利です。 CSSの相対カラー構文とは CSSの相対カラー構文のデモ CSSの相対カラー構文とは CSSの相対カラー（CSS Relative colors）構文を使用すると、他のカラーのパラメータを変更してカラーを定義できます。相対カラー構文は設定した色を相対色に変換します。変換には、fromキーワードを使用します。ブラウザはベースのカラーを変換して分解し、新しいカラーの定義で使用する変数として使用できます。
PowerPoint（パワポ）でスライド作成をしている際、「この文字は目立たせたい」と思ったことはないでしょうか。スライドタイトルの文字や文章の一部分など、強調したい箇所を簡単かつしっかり目立たせるための10個のテクニックをご紹介します。記事末尾には、無料でダウンロードしてすぐに使えるテンプレートもご用意していますのでぜひご活用ください。
ノーベル物理学賞を受賞したこともある偉大な科学者であり、愉快な先生でもあるリチャード・ファインマン（1918 - 1988）が推奨した学習メソッドである「ファインマンテクニック (The Feynman Technique」というのがあります。 今回はこの、知ってるだけでなく、使えるものになる学習をしたいときに最強のファインマン学習メソッドについて紹介したいと思います。 ところでまず最初に断っておきたいのは、ここでいう学習とは本を読み流して何らかの概要を知っているとか、試験のために暗記したりするといったものではなありません。 学んだことを他の人に説明することができ、様々な状況でそれらを自由に活用することができるという意味においての学習です。 以下、要訳。 もし何かをほんとうの意味で学んだのであれば、それはあなたにとって残りの人生で使い続けることができる武器となります。そして、なにか新しいこ
セミナーで「新宿駅の1日の利用者数って何人くらいだと思いますか？5000人だと思う人？」とか手を挙げさせるのだるい→定番テクニックなんです許して…
藤原 @fj_wr_ 「小学校6年間で習う漢字って、何個だと思いますかお母さん？」と聞かれたら（あっ、これはそんなに多いんですか～!?ってびっくりしないといけないやつだから、思った数字より少なく言わないと…）みたいな感情労働マジだるい、こっちに聞くなさっさと答えろ 2024-03-24 09:14:24 藤原 @fj_wr_ 「私何歳に見える？」もだるいし、セミナーとかでも話者が集まった受講者に「新宿駅の1日の利用者数って何人くらいだと思いますか？5000人だと思う人？」とか手を挙げさせるのもだるい。話進めてくれ 2024-03-24 09:16:23
はじめに 今回紹介する本 「技術書」の読書術 達人が教える選び方・読み方・情報発信&共有のコツとテクニック ITエンジニア本大賞という企画でこの本のことを知り、 技術書のインプットが足りてないなと思う時期だったため、改めて技術書の読み方を学んでみようと思い読んでみました。 本書の構成を簡単にお伝えすると以下の３部で構成されております。 第１部 選び方 第２部 読み方 第３部 情報発信＆共有 各部ごとに２人の著者それぞれが章を受けもってそれぞれ書かれている感じで、１冊の本なのですが、読書術を２人の視点から学べるお得な本となっております。 この本は次のような方におすすめできると思いました。 これから技術書を読み始める人 技術書を読んでいるがまだ数冊、読み方など考えたことがない 自己流でこれまで読んできているが他の人がどのように読んでいるのか知りたい この記事では「第２部 読み方」について特に印
要約、箇条書き、コールアウト、太字、役立つ視覚情報などのテクニックを用いることで、1,000語を超えるコンテンツの理解度やエンゲージメントは向上する。 5 Formatting Techniques for Long-Form Content by Huei-Hsin Wang and Megan Chan on November 17, 2023 日本語版2024年3月19日公開 ウェブでは、多くの場合、ユーザーは特定の情報を探している。そのため、ページにある単語を1つ1つすべて読むわけではなく、ユーザーは流し読みをする。つまり、要約や箇条書き、視覚情報、太字のテキストに注目して、探しているものをすばやく見つけ出そうとしている。そこで、テキストの壁を崩す書式テクニックを用いれば、流し読みのしやすさが向上するだけでなく、重要な情報に注意を引きつけることで、読者がコンテンツを効率的かつ効果的
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック集 – TAKLOG
部下への「伝え方」でテクニック以前に大事なこと 余裕のない時ほど忘れがちな、相手への目線の持ち方
【Copilot for Microsoft 365】パワポのCopilotは試す価値アリ！ プレゼン資料を一瞬で作成【残業を減らす！Officeテクニック】
会議や面接で、すぐに言葉が出てこない時の「時間稼ぎ」のコツ 『頭のいい人が話す前に考えていること』著者が教えるテクニック
明日から使える！ ChatGPT×マーケティングの業務効率化テクニック | 【レポート】デジタルマーケターズサミット 2024 Winter
Excelの表で選択したセルと同じ値のセルを強調する仕組みを作るには？【残業を減らす！Officeテクニック】
Siriも使える、iPhoneで「ChatGPT」を賢く使う5つのテクニック | GetNavi web ゲットナビ
今なお進化し続ける「スト3 3rd Strike」EVOJ2024決勝戦レポート こく兄の全一ダッドリーやオオヌキのブロられ鳳翼など、四半世紀かけて磨いたテクニックで観客を魅了
Rで論文を書く実践的なテクニック集 (tinytable編)
【Copilot for Microsoft 365】企画書の草稿はAIにお任せ！ イメージを伝えれば高速生成【残業を減らす！Officeテクニック】
連休明け、ずっと放置していた仕事に向き合うための「先延ばし癖」改善テクニック4つ | ライフハッカー・ジャパン
「誰にもできる」より良いコードを書くためのテクニック - Qiita
「誰にもできる」より良いコードを書くためのテクニック - Qiita
Amazon.co.jp: 脳に収まるコードの書き方 ―複雑さを避け持続可能にするための経験則とテクニック: Mark Seemann (著), Robert C. Martin (その他), 吉羽龍太郎 (翻訳), 原田騎郎 (翻訳): 本
アニメーションをスムーズに見せるためのテクニック「指数平滑法」とはどんなものなのか？
リモートワークでの意思疎通に困らないためのコミュニケーションテクニック9連発 | DevelopersIO
コード品質向上のテクニック: 第 23 回（return の切れ目が edge case の切れ目）
PowerPointのSmartArtにないタイプの「ベン図」を自作するテク【残業を減らす！Officeテクニック】
コード品質向上のテクニック: 第 22 回（To equal, or not to equal）
フォトショップ初心者によくある間違いと解決テクニックまとめ
【Copilot for Microsoft 365】CopilotならExcelマクロも怖くない！ ササっと生成【残業を減らす！Officeテクニック】
VRChatからYouTubeに配信してみよう！ 簡単にできる画面設定方法＆音楽配信のテクニック
【Copilot for Microsoft 365】「Copilot in Excel」で今できること・できないこと【残業を減らす！Officeテクニック】
Microsoft Wordによる論文執筆のテクニック(1/3) ～Wordを使い倒せ!～
新入社員は知らない 業務で使うパワポの作法 ～見栄えよりも大事なこと【残業を減らす！Officeテクニック】
CSSの知っておくと便利な実装テクニック！ 相対カラー構文を使用して、1つのカラーに対して濃く薄くを簡単に設定できます
【無料テンプレ付】パワポの強調は「赤色NG」？ 劇的洗練させる「テクニック10選」
Wordをナメてかかると痛い目を見る!? 効率アップ＆凡ミス回避に効く便利テク【残業を減らす！Officeテクニック】
人生を変える最強学習メソッド、ファインマン・テクニック - Qiita
『技術書の読書術』を読んで覚えておきたいテクニック - Qiita
好調「新NISA」で一歩先の活用を考える 5つの疑問とテクニック
長文コンテンツのための5つの書式テクニック