並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 1928件

新着順 人気順

.テクニックの検索結果1 - 40 件 / 1928件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

.テクニックに関するエントリは1928件あります。 テクニックwebデザインcss などが関連タグです。 人気エントリには 『誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック』などがあります。
  • 誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック

    【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか? ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの? ・結局一番言いたいことはなんなの? ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

      誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
    • エンジニアにも知って欲しいChatGPT基本テクニック - Qiita

      Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

        エンジニアにも知って欲しいChatGPT基本テクニック - Qiita
      • 「人の話をちゃんと聞けない人」の問題は、意識とかテクニックだけでは解決できないかもしれない。

        つい最近、「人の話をちゃんと聞けない人」を「聞ける人」に変えるのは可能なのか、という話でディスカッションになった。 というのも、ある経営者が「お客さんの話を全く聞けないメンバーがいる」と愚痴をこぼしたからだ。 すると、周りの人々も、呼応するように、「いるいる」という。 その経営者の話を聞くと、おおむね次のような状況だった。 その人は、良く言われるテクニック的な「傾聴する姿勢を見せる」のは得意だという。 「聞き上手」のように、メモを取ったり、頷いたり、相槌を打ったりする。 人の話を遮ったりもしない。 しかし、同僚やクライアントからしばしば、次のようにクレームがあるという。 「あの人、全然話を聞いてないんだよね。」と。 具体的にはどのような事象でしょう?と聞くと、 「例えば、同僚から意見を求められても、「それでいいと思います」としか言えない。あるいは、クライアントが「この構成に対して指摘はあり

          「人の話をちゃんと聞けない人」の問題は、意識とかテクニックだけでは解決できないかもしれない。
        • パワポ資料で「つい、やってしまう失敗」から学ぶ!ガチ改善テクニック14選

          社会人として数年間働いている方でも「分かりやすい資料作りには自信がない」と言う方は多くおられます。体系的に資料の作り方を学ぶ機会が少ない上、資料を使った提案力は何年もかけて少しずつ磨かれるため、実は自信が持てなくて当たり前なのです。 私も働き始めの頃、先輩が分かりやすく美しい資料を作り、お客さまの心を動かしてコンペに勝ったり、お客さまから大きな信頼・共感を得たりする姿を見て、とても羨ましく思った記憶があります。 そんな20年以上前の自分を思い起こすと、経験が少ないがゆえに、資料作りで「つい、やってしまう表現」が沢山あったと感じます。この無意識のうちに「つい、やってしまう表現」は、資料の分かりやすさや見た目の美しさを阻害します。 この記事ではまず、なぜ人は資料を分かりにくくする手法を「つい、やってしまう」のか?という理由を探ります。その上で、ありがちな「つい」の事例と共に、ビフォー・アフター

            パワポ資料で「つい、やってしまう失敗」から学ぶ!ガチ改善テクニック14選
          • Manabu on Twitter: "アフィリエイトの上級テクニックです😌 海外ツイートを読んでいたら、めちゃくちゃ有益な方法を見つけました。方法は簡単なので、下記にて解説します。なお、僕はSEO歴が「10年」を超えますが、このノウハウは「価値あり」だと思いました"

              Manabu on Twitter: "アフィリエイトの上級テクニックです😌 海外ツイートを読んでいたら、めちゃくちゃ有益な方法を見つけました。方法は簡単なので、下記にて解説します。なお、僕はSEO歴が「10年」を超えますが、このノウハウは「価値あり」だと思いました"
            • あなたが教わってるそのCSSテクニックはもう古い – TAKLOG

              Xの初学者のポストにて古の手法を教わっている方をよく見かけるので、2024年現在そのCSSテクニックはもう古いってものをいくつか列挙しました。 ブロックのセンタリングに margin を使うなら margin-inline:auto を使いなさいmarginを使ってブロックのセンタリングを行う際によく教わるのはmargin:0 autoあるいはmargin:autoでしょう。

                あなたが教わってるそのCSSテクニックはもう古い – TAKLOG
              • iPhoneの文字入力スピードが「5倍以上」になる14のテクニック(All About) - Yahoo!ニュース

                iPhoneのキー入力を素早く、効率的にするためのテクニックを紹介します。使いたいものから優先的に覚えていくようにしましょう。 iPhoneのキー入力を素早く、効率的にするためのテクニックをまとめました。いきなりすべてをマスターする必要はありませんので、使いたいものから優先的に覚えていくようにしましょう。 ひとつひとつは大した効率化にはなりませんが、塵も積もればなんとやら。小さな時間の短縮が、やがて大きな労力の節約に繋がりますよ。

                  iPhoneの文字入力スピードが「5倍以上」になる14のテクニック(All About) - Yahoo!ニュース
                • 「Gmail」の不要メールを大掃除! Googleのストレージを取り戻すテクニックが話題に/GB単位で空きストレージを増やせるかも【やじうまの杜】

                    「Gmail」の不要メールを大掃除! Googleのストレージを取り戻すテクニックが話題に/GB単位で空きストレージを増やせるかも【やじうまの杜】
                  • ワーキングメモリを消費しない料理テクニック

                    ワーキングメモリを消費せずに簡単に料理できるテクニックを書いとくよ。 あえて具体的に書いてるけど慣れてきたらアレンジしたら良いよ。 1.作業時間を減らす ◆休日にスーパーでこれを買う 野菜:ジャガイモ2個、人参1本、タマネギ2個、しめじ1袋、 肉:鶏もも(約8個 約250g)、豚バラ薄切り(約9枚 約270gくらい) ジップロック的なのMサイズ10枚くらい入ってるの ◆冷凍素材を作って冷凍保存 野菜はカットして、下記の分をジップロックに入れて冷凍庫。4袋できる。 ・じゃがいも1/2 ・人参1/4 ・玉ねぎ1/2 ・しめじ1/4 鶏もも 2個ずつでサランラップに包んで冷凍 4個できる 豚バラ 3枚ずつでサランラップに包んで冷凍 3個できる これで4回分のスープ具材セットの完成。 カレー、シチュー、豚汁、ポトフ、クラムチャウダーあたりはこれでできる。 鍋キューブ使えば、鍋ができる。 肉は料理に

                      ワーキングメモリを消費しない料理テクニック
                    • 知っておくと便利なGoogle検索のテクニック

                      ググることは、すべてのデベロッパーにとって最も重要なスキルの1つです。知っておくと便利なGoogle検索のテクニックを紹介します。 完全一致の""はよく使用しますが、..や*は知りませんでした、便利ですね。他にも便利なのがあれば、ツイートなどで教えてください。 Use Google like a pro by Marko Denic 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 以下に紹介する方法は、それぞれを組み合わせて使用することもできます。 "what is javascript" Google検索でキーワードをダブルクォーテーション("")で囲むと、完全一致検索をします。

                        知っておくと便利なGoogle検索のテクニック
                      • 就活はテクニック

                        anond:20200620060214 ・その人本来の人間性は関係ない。重要なのは面接官からどう見られるか。陰キャラなのに内定もらえる奴は、面接のときだけはっちゃけている。ソースは俺。 ・面接は良くも悪くも茶番。30分の面接3,4回でその人の人間性がわかるわけがない。論文の担当箇所を仕上げてこなかったAさんだって、論文の担当箇所を仕上げなかった話を自分からすることは無いだろう。 ・面接はその人間の表面しか判断できない茶番である上に、その表面ですら、なんとなく元気がありそうとか、なんとなく論理的に喋っているっぽいとか、なんとなく真面目そうとか、そんなことしか見られない。逆手に取れ。 ・面接はとにかく元気。元気が一番。ノックして「失礼します」って言うときの印象で2割くらい決まる。アホ丸出しのデカい声で挨拶しろ。面接は演劇。 ・面接はとにかく笑顔。葬式みたいなツラで行くやつがいるけどそれだけは

                          就活はテクニック
                        • “ダブルスイカ” を4回達成し、元総合スコア1位(7355点)のランカーが『スイカゲーム』を完全解説! スイカの作り方から、整地する技術や時差置きなど上級テクニックまで紹介

                          デカ玉と小物はそれぞれセットで考える 落ちてくるフルーツを「大きい」or「小さい」で選別していけば、小物があまってしまうようなことが少なくなります。 具体的にはデコポン・柿・リンゴ・梨・桃・パイン・メロン・スイカを「デカ玉」、チェリー・イチゴ・ブドウを「小物」と捉えるといいでしょう。 フルーツを置くときに、「デカ玉はデカ玉」「小物は小物」同士でそれぞれの場所に置けば、進化しないまま小物があまってしまうという悲惨な状況になることが減ります。 デカ玉は片方の端で固定して作り、小物はその反対側に置く では選別したフルーツをどのように置いていくかというと、デカ玉と小物を反対側に置いていきます。特に、盤面にあるフルーツの中で最も大きいフルーツを常に片方の端に置きながら育てていくことがポイント。進化後のデカ玉もしっかり端に固定する意識を持つとやりやすくなります。 デカ玉の近くに小物を置いてしまうと、小

                            “ダブルスイカ” を4回達成し、元総合スコア1位(7355点)のランカーが『スイカゲーム』を完全解説! スイカの作り方から、整地する技術や時差置きなど上級テクニックまで紹介
                          • ChatGPT使うなら知っていて当然のテクニック7選!長いコード入力のコツも含め徹底解説 | WEEL

                            ChatGPTを使いこなせていますか?うまく使いこなせない…と感じている方も多いと思います。 ただ、ChatGPTが話題になって1年ほど経ち、情報があふれているのでどの方法が活用できるかわかりづらいですよね。そんな中で、「これだけは押さえておくべき!」というものをピックアップしました。 今回の記事で紹介するのは、ChatGPTを使うなら知るべき7つのテクニックです。ChatGPTの周辺知識を抑えておきたい方にとっては必須級の内容になっていますので、ぜひ最後までお読みください!

                            • 配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA

                              JavaScriptでコードを記述する際、配列の各要素について処理をするケースは頻出します。開発の現場で配列操作の処理を見ていると、次のようなケースがよくあります。 配列の非破壊の望まれる場面が増えているが、元の配列を破壊操作している filter()やevery()など配列のメソッドで書けるところを、forEach()メソッドやfor ... of文を使ってコードを記載し、冗長になっている 記述しても効果のないArray.from()を使用している コード的には問題なく、アプリケーションは意図的に動作しているかもしれません。しかし、冗長な記述は可読性が低下し、予期せぬバグを誘発する可能性があるでしょう。 本記事では、配列操作でよく見かける冗長な記述を、簡潔な記述で置き換える方法について解説します。 本記事で紹介するJavaScriptの配列操作のチートシートを用意したので、まとめて読みた

                                配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA
                              • Python自然言語処理テクニック集【基礎編】

                                自分がよく使用する日本語自然言語処理のテンプレをまとめたものです。 主に自分でコピペして使う用にまとめたものですが、みなさんのお役に立てれば幸いです。 環境はPython3系、Google Colaboratory(Ubuntu)で動作確認しています。 Pythonの標準機能とpipで容易にインストールできるライブラリに限定しています。 機械学習、ディープラーニングは出てきません!テキストデータの前処理が中心です。 前処理系 大文字小文字 日本語のテキストにも英語が出てくることはあるので。 s = "Youmou" print(s.upper()) # YOUMOU print(s.lower()) # youmou 全角半角 日本語だとこちらのほうが大事。 全角半角変換のライブラリはいくつかありますが、自分はjaconv派。 MIT Licenseで利用可能です。 import jaco

                                • 【CSS】「これどうやる?」アップルやテスラのWebレイアウト再現テクニック集

                                  AppleやNike、Teslaといった誰もが知る大企業のWebレイアウトを、CSSで再現するテクニック集がTwitterで投稿され、話題となっています。 CSSのみで表現できる目からウロコのテクニックが中心で、あの驚くようなエフェクトも実はシンプルな数行のコードで表現されていたりします。 コピペできるCSSコードと一緒に、デモサンプルも確認してみましょう。CSSで解決できるテクニック、増えています。 「これどうやる?」アップルやナイキなど大企業Webサイトで利用中のレイアウト再現CSSテクニック集 ノーコードでレスポンシブなデザインを構築できる Builder.io のCEO @Steve8708は、有名サイトで使われている魅力的なレイアウトが、どのように作成されているのか、コピー用のサンプルコードと一緒にみじかい動画で詳しく紹介しています。 ユーザーの視線を奪うアニメーションやレイアウ

                                    【CSS】「これどうやる?」アップルやテスラのWebレイアウト再現テクニック集
                                  • 管理職であり連載作家、ピエール手塚先生に学ぶ「時間の作り方」。怠け者な自分を「ハック」するテクニックとは - ミーツキャリアbyマイナビ転職

                                    日々多くのタスクに追われるビジネスパーソンにとって、「24時間をどう使うか」はスキル・キャリアアップのための重点テーマです。業務効率化しながら自己研鑽の時間を捻出する方法について、普段から考えを巡らせている人も多いでしょう。 会社員のかたわら、漫画家として商業誌への連載を続けてきたピエール手塚さんも、時間の上手な使い方を徹底して模索してきた一人。会社では管理職としてマネジメント業務もこなしながら、スキマ時間を漫画制作にあてることで、月2回連載を継続しています。そこには時間を作り出すためのさまざまな工夫がありました。 今回はそんな手塚さんに、日々の時間の使い方はもちろん、手の動いていない時間を減らす方法、やる気が出ない時のマインドセットなど、時間をうまく使うためのテクニックや極意を学びます。 ピエール手塚さん。会社員、漫画家。30代で漫画を描き始め、同人誌即売会に出展。同人誌『ねえママ あな

                                      管理職であり連載作家、ピエール手塚先生に学ぶ「時間の作り方」。怠け者な自分を「ハック」するテクニックとは - ミーツキャリアbyマイナビ転職
                                    • うま味調味料のテクニック|樋口直哉(TravelingFoodLab.)

                                      うま味調味料は使い方がわかりにくい調味料で、家にあるけど何年も戸棚にしまいっぱなしというケースも多いと思います。外食産業の現場では昔から使われていますが、その使い方が経験則的に伝わっていることが多く、体系化されてないことが原因でしょう。 はじめに結論を述べてしまうとうま味調味料は家庭では使いづらい調味料です。よく「味の素を入れると同じ味になる」のような意見を聞きますが、それは入れ過ぎです。業務用のようにつくる量が多ければそうした事態は起きづらいのですが、家庭では一回につくる量が少ないので、ちょっと入れ過ぎるとわけがわからない味になってしまいます。もちろん入れ過ぎを回避するテクニックもあるので、今回はそれらも紹介していきます。 うま味調味料はサトウキビの糖蜜を微生物発酵させてつくった調味料。うま味成分である昆布やトマトにも含まれるグルタミン酸ナトリウムを主成分としたものです。うま味調味料とい

                                        うま味調味料のテクニック|樋口直哉(TravelingFoodLab.)
                                      • 仕事で差をつけるChatGPT活用術。初心者でも使えるスゴいテクニックを達人に聞く - ミーツキャリアbyマイナビ転職

                                        業務効率化に一役買ってくれると話題の「ChatGPT」。 今や「大学生の4人に1人が就活でChatGPTを使っている」といったデータもあり、リリース当初はあまり興味のなかった方でも、最近は「自分の仕事でうまく使えたりしないかな?」なんて考える機会も増えてきたのではないでしょうか? ただ、ChatGPTが作業をどこまで効率化してくれるのかはまだまだ未知数です。時間を食う資料の作成やExcelの集計作業などをまるっとお任せできたらうれしいけど、思うようなアウトプットが得られず手間が増えたら、本末転倒な気もしますよね。 それに、ChatGPTの生成データをめぐっては、権利関係や内容の中立性・正確性などの側面で一部懸念の声も挙がっています。業務内での利用を禁止する企業や、自身のコンテンツを「学習・流用」されないよう自衛措置を講じるクリエイターも存在します。使用にあたってのルールも、完全に整っている

                                          仕事で差をつけるChatGPT活用術。初心者でも使えるスゴいテクニックを達人に聞く - ミーツキャリアbyマイナビ転職
                                        • 2021年、最も注目されたUIデザインのテクニックのまとめ

                                          デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 今年公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2021 by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ユーザーの混乱を避けるために、UIで確立されたアイコンを使用する 2. 4ptベースライン+8ptグリッド=調和のとれた縦のリズム 3. フォントで階層を示すにはウェイト、サイズ、カラーを使用する 4. ホワイトスペースはたっぷり使用してください 5. アイコンをグリッドシステムで使用する際の注意点 6. アクションを実行

                                            2021年、最も注目されたUIデザインのテクニックのまとめ
                                          • CSSの中央揃えで、最も万能で信頼できる実装テクニック

                                            CSSは進化が早く、中央揃えのテクニックも一昔前のものよりも確実に使いやすくなっています。天地左右の中央に要素を配置する際に、要素の幅や高さが可変だったり、要素の数が増えても対応する最新の実装テクニックを紹介します。 現在主流の5つのテクニックからそれぞれの特徴と最も万能で信頼できるテクニックを評価します。 Centering in CSS by Adam Argyle 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. Content Center 2. Gentle Flex 3. Autobot 4. Fluffy Center 5. Pop & Plop 中央揃えに最適なテクニック はじめに CSSの中央揃えは、ジョークの対象にもなる悪名高い課題でした。しかし今日ではCSSはすべて進化し、素直にこれらのジョー

                                              CSSの中央揃えで、最も万能で信頼できる実装テクニック
                                            • たった1行のCSS!よく見かけるWebレイアウトを実現する凄技テクニック10個

                                              モダンなCSSレイアウトでは、ほんのわずかなコードを書くだけで、実用的なスタイリングを実現できます。 この記事では、たった1行でよく見かけるWebレイアウトを表現できるテクニック10個をご紹介します。 上下中央揃え: place-items: center まずCSSでもっとも頭を悩ませる、上下中央揃えを詳しくみてみましょう。ここでは、plae-items: centerを使えば、思ったよりに簡単に実現できます。 まず、display: gridを記述したら、一緒にplace-items: centerを同じ要素に追加します。place-itemsは、align-itemsとjustify-itemsを同時にスタイリングできる簡略化表記、ショートハンドです。centerに設定することで、align-itemsとjustify-itemsの両方がcenterとして設定されます。 .paren

                                                たった1行のCSS!よく見かけるWebレイアウトを実現する凄技テクニック10個
                                              • 有名サイトで使用されているCSSテクニックまとめ - Qiita

                                                Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                                                  有名サイトで使用されているCSSテクニックまとめ - Qiita
                                                • 人生の上級テクニックとして「数手先を読んで、相手を悪人にするようなルートを避ける」というのがある→ 夫が結婚記念日を忘れていそう、さてどうする?

                                                  砂鉄 @satetu4401 人生の上級テクニックとして「数手先を読んで、相手を悪人にするようなルートを避ける」というのがある 例えば、夫が結婚記念日を忘れていそう。これまでの経験からプレゼントに望みの物が来る可能性が低い。なら事前に「もうすぐ結婚記念日ね、私欲しいものがあるから買って欲しいんだけど」と言う 2023-10-27 00:19:11 砂鉄 @satetu4401 そうすることで、夫を「結婚記念日を忘れた悪人」「変なものを送り付けてくる悪人」にするルートを回避して「結婚記念日に理想のプレゼントをくれる素敵な夫」にするわけだな このテクニックを持ってない人間は、どんなに優れた能力を持っていても、一生無駄に戦い続けて能力を浪費する事になる 2023-10-27 00:21:04

                                                    人生の上級テクニックとして「数手先を読んで、相手を悪人にするようなルートを避ける」というのがある→ 夫が結婚記念日を忘れていそう、さてどうする?
                                                  • 【特集】 Windowsの調子が……最終手段のクリーンインストールで覚えておきたいテクニック。ローカルアカウントの作り方も紹介

                                                      【特集】 Windowsの調子が……最終手段のクリーンインストールで覚えておきたいテクニック。ローカルアカウントの作り方も紹介
                                                    • 元任天堂開発者が解説 「反対」のテクニックを使ってアイデアの質を高める

                                                      アイデアをいつもと異なる視点で捉える本連載、前回は、箱法というツールを使って、「連想」からアイデアの量を増やす方法を紹介しました。 今回は「反対」のテクニックを使って、アイデアの質を高めていきます。 反対は、反対の属性を持つ単語を思い浮かべる思考の技術です。「熱い」の反対は「冷たい」、「善」の反対は「悪」など、対義語も反対の一部です。とても基本的なことなので、日常的な単語ならば反対を容易に思い浮かべられると思うかもしれません。 では、「リンゴ」の反対、または「コンピュータ」の反対は何でしょう? 簡単に答えが出てこなかったり、正解かどうかの自信がなかったり、少し難しさを感じたのではないでしょうか。 本記事では、反対の定義や、言葉によって反対を考える難しさの違いがある仕組み、反対の考え方を深く掘り下げて説明します。 反対とは何か 反対は、単語の対義語を新たに考えるような行為であり、連想の一部で

                                                        元任天堂開発者が解説 「反対」のテクニックを使ってアイデアの質を高める
                                                      • GitLabで学んだ最高の働き方。気持ちよく働くための組織と個人のテクニック(前編)。デブサミ2022

                                                        今日は「GitLabで学んだ最高の働き方」ということで発表していきたいと思います。 私、伊藤と佐々木はGitLabでソリューションアーキテクトをやっている者です。 GitLabは、オンプレミス用のソフトウェアと、GitLab.comも長年やっておりますのでぜひ使ってください。去年めでたく上場しましたので、さらにいろんな機能を追加して強力なDevOpsプラットフォームとして展開していきたいと思っています。 このセッションで共有したい内容の背景、これは個人的にGitLab社に参画した理由のひとつでもあるのですが、製品が魅力的であることともうひとつ、GitLabはご存じの通り、ご存じない方もいるかもしれませんが、従業員全員がリモートワークをしている企業です。 そこなら最先端のやり方での働きができるのではないか、という仮説が私の中にありまして、入社しました。 で、実際どうだったかというと、はい、最

                                                          GitLabで学んだ最高の働き方。気持ちよく働くための組織と個人のテクニック(前編)。デブサミ2022
                                                        • これからはこの実装がオススメ! iOSの100vhでアドレスバーがあっても高さいっぱいに表示するCSSのテクニック

                                                          高さいっぱいに表示したい時、古くはheight: 100%;、そしてmin-height: 100%;で実装していたと思います。現在ではビューポートの単位min-height: 100vh;が使用できるようになりました。 しかし、iOSでは100vhを使用してもアドレスバーが表示されていると下がその分隠れて表示されてしまい、高さいっぱいになりません。JavaScriptを使用するというやり方もありますが、CSSのみで対応できるので、そのCSSを紹介します。 Chromeにも対応しています。

                                                            これからはこの実装がオススメ! iOSの100vhでアドレスバーがあっても高さいっぱいに表示するCSSのテクニック
                                                          • CSSでメディアクエリはもう必要ないかも -メディアクエリなしで実装するテクニックのまとめ

                                                            Webサイトやアプリをレスポンシブ化するためにメディアクエリに頼っているのであれば、CSSの機能を見直して、昔ながらのブレークポイントを新しい流動的なアプローチで実装ができないか検討する時期かもしれません。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。grid, flexbox, vh, vw, calc, clamp, min, maxなど、CSSの機能を使用してレスポンシブ対応にするテクニックを紹介します。 You Probably Don't Need Media Queries Anymore by Kathryn Grayson Nanz 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 大局的なgridとflexbox 活躍するCSSのプロパティ 完全に機能するCSSの数学関数

                                                              CSSでメディアクエリはもう必要ないかも -メディアクエリなしで実装するテクニックのまとめ
                                                            • 【Mac Info】 「Mac使用中の遅さ」を解消する“正しい”高速化テクニック

                                                                【Mac Info】 「Mac使用中の遅さ」を解消する“正しい”高速化テクニック
                                                              • FlexboxとCSS Gridの使い分け方、よく見かけるUIコンポーネントをFlexboxとGridで実装するテクニックのまとめ

                                                                FlexboxとCSS Gridのどちらを使った方がよいか悩んだことはありませんか? FlexboxとCSS Gridの使い分け方、それぞれの違い、Flexboxの実装例、CSS Gridの実装例、FlexboxとCSS Gridを組み合わせた実装例、フォールバックと古いブラウザのサポート方法を解説します。 Grid for layout, Flexbox for components by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS GridとFlexboxの違い CSS GridとFlexboxの使い分け方 CSS Gridの実装例 Flexboxの実装例 CSS GridとFlexboxを組み合わせて使用する フォールバックと古いブラウザのサポート CSS GridまたはF

                                                                  FlexboxとCSS Gridの使い分け方、よく見かけるUIコンポーネントをFlexboxとGridで実装するテクニックのまとめ
                                                                • Excelを使って複数のフォルダーを一括作成するウラ技 ~月別フォルダー作成が捗る!【残業を減らす!Officeテクニック】

                                                                    Excelを使って複数のフォルダーを一括作成するウラ技 ~月別フォルダー作成が捗る!【残業を減らす!Officeテクニック】
                                                                  • ブラウザ上でデバッグするときに使えるテクニック

                                                                    ウェブ上でJavaScriptを実行してバグが発生した場合、ブラウザに内蔵されている開発者ツールを使ってデバッグすることがよくあります。そうしたブラウザでのデバッグにおいて役立つテクニックをNetflixでフロントエンドの開発に携わっているアラン・ノルバウアーさんがまとめています。 67 Weird Debugging Tricks Your Browser Doesn't Want You to Know | Alan Norbauer https://alan.norbauer.com/articles/browser-debugging-tricks ◆高度な条件付きブレークポイント 開発者ツールの「ソース」タブにはデバッガーが用意されており、JavaScriptの任意の行にブレークポイントを設定することで実行を一時停止して変数やコールスタックの中身を確認できます。ブレークポイントを

                                                                      ブラウザ上でデバッグするときに使えるテクニック
                                                                    • これぞプロの実装テクニック!フロントエンドのデベロッパーはCSSで実装する時に何を考えるか

                                                                      ページのレイアウトやUIコンポーネントを実装する時に、フロントエンドのデベロッパーはいろいろなことを考えます。スクリーンのサイズが小さい時はどうなるのか、デザインでは中央配置に見えるけど実装はどうすべきか、要素が少ない場合や多い場合があるのか、max-やmin-を定義した方がよいのか、、、 フロントエンドのデベロッパーはCSSでレイアウトを実装する時に何を考えるか、その思考プロセスを言語化した解説記事を紹介します。 下記は、頭の中のメガネで見える実装のイメージです。 Thinking Like a Front-end Developer by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに デザインのディテールは脇に置いておく 配下ページのレイアウトを実装する時に考えること ディテールを掘り

                                                                        これぞプロの実装テクニック!フロントエンドのデベロッパーはCSSで実装する時に何を考えるか
                                                                      • 倫理観のぶっ飛んだキャラに対してツッコミを入れさせる「モラルセンター」というテクニック…思い浮かぶ作品やキャラ多数

                                                                        Rootport🍽 @rootport 作家・マンガ原作者。/好きな言葉は「群盲撫象」/TIME誌「世界で最も影響力のあるAI業界の100人」選出/Blog→rootport.hateblo.jp /マシュマロ→marshmallow-qa.com/rootport youtube.com/channel/UCp6RK… Rootport🍽 @rootport 「フィクションの物語が〝倫理的〟である必要はない」という意見には全面同意なのですが。一方で、「観客/読者の平均的な倫理観に近いキャラ」を登場させて、周囲の非倫理的なキャラにツッコミを入れさせると感情移入を誘いやすくなる…というテクニックがあったりします。「モラルセンター」と呼ぶ。 2022-09-24 01:01:00 Rootport🍽 @rootport 『ブレイキング・バッド』は非倫理的で非道徳的な物語ですが、メインキャ

                                                                          倫理観のぶっ飛んだキャラに対してツッコミを入れさせる「モラルセンター」というテクニック…思い浮かぶ作品やキャラ多数
                                                                        • TypeScriptではじめるChatGPT API:入門から一歩進んだテクニックまで - Uzabase for Engineers

                                                                          NewsPicks エンジニアの中村です。普段はデータ基盤や機械学習システムの開発、運用をやっています。 さて皆さん、すでにChatGPTは使っていらっしゃるでしょうか。エンジニア、非エンジニアを問わず世の中を席巻している感のある ChatGPT ですが、今月初めにいよいよ API も公開されて、アプリケーションやサービスに組み込みたいと考えている方も多いのではないでしょうか1。 というわけで、弊社でもこの新しい技術をより多くのエンジニアに使いこなせるようになってもらいたいと考え、ChatGPT API に関する社内勉強会を先日開催しました。本記事ではこの勉強会の内容を再構成してお届けします。 とりあえず使うだけなら簡単な ChatGPT ですが、本記事では、長文を扱ったり、ChatGPT と外部のシステムを連携させたりするテクニックなど、知っている人はすでに知っているが、まだそれほど広く

                                                                            TypeScriptではじめるChatGPT API:入門から一歩進んだテクニックまで - Uzabase for Engineers
                                                                          • 【初心者必見】Python中級者になるためのテクニック29選 - Qiita

                                                                            はじめに Pythonは習得が容易な言語として知られていますが、本格的な開発では初心者レベルの知識だけでは対応できない場面が多々あります。この記事では、Python中級者になるために押さえておくべき29個のテクニックを、重要度別に解説していきます。基本文法は理解しているものの、さらなるステップアップを目指すプログラマーにとって、必読の内容となっています。 これらのテクニックを習得することで、より効率的で保守性の高いコードが書けるようになり、実務レベルのPythonプログラミングに対応できるようになるでしょう。

                                                                            • これで解決!height: 100vh;を定義したのに、iOSのスマホで高さいっぱいに表示されないのを解決するCSSのテクニック

                                                                              iOSのスマホでheight: 100vh;を定義してビューポートの高さいっぱいに表示したいのに、アドレスバーが表示されているとその分下が隠れて表示されてしまい、高さいっぱいにならないのを解決する方法を紹介します。 CSSのみのテクニックで、JavaScriptは必要ありません。 height: 100vh;だけでなく、min-heightやmax-heightでも機能します。 PostCSS 100vh Fix -GitHub PostCSS 100vh Fix 注意点 使い方 PostCSS 100vh Fix PostCSS 100vh Fixは、100vhのiOSの挙動(バグ?)を修正するPostCSSのプラグインです。ピュアCSSのソリューションで、JavaScriptは必要ありません。 高さいっぱいに表示したい時に、height: 100vh;だけを定義してもiOSでは期待通り

                                                                                これで解決!height: 100vh;を定義したのに、iOSのスマホで高さいっぱいに表示されないのを解決するCSSのテクニック
                                                                              • 悪質ホストの"研修教材"入手、女性を沼らせ「売掛」吊り上げる恐るべきテクニックとは? - 弁護士ドットコムニュース

                                                                                  悪質ホストの"研修教材"入手、女性を沼らせ「売掛」吊り上げる恐るべきテクニックとは? - 弁護士ドットコムニュース
                                                                                • テーブルを使ったドロップダウンリストは時代遅れに!? エクセルの新関数でもっと便利に【残業を減らす!Officeテクニック】

                                                                                    テーブルを使ったドロップダウンリストは時代遅れに!? エクセルの新関数でもっと便利に【残業を減らす!Officeテクニック】

                                                                                  新着記事