並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 2006件

新着順 人気順

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

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

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

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

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

      はじめに ChatGPTブームがひと段落した感がありますが、周りのエンジニアでChatGPTを活用している姿をあまり見みません。 基本的なテクニックを理解すれば、エンジニアこそChatGPTを活用できると思うので、普段使用しているテクニックをいくつかピックアップして紹介します。 プロンプトの記載方法 Markdown記法で指示する 色々なところで紹介されていますが、回答や処理の精度を上げる方法としてChatGPTへの指示にMarkdown記法を使用することがオススメされています。 例えば下記のような文章による指示を行おうとした場合

        エンジニアにも知って欲しい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!ニュース
                • 知っておくと便利なGoogle検索のテクニック

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

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

                    ワーキングメモリを消費せずに簡単に料理できるテクニックを書いとくよ。 あえて具体的に書いてるけど慣れてきたらアレンジしたら良いよ。 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回分のスープ具材セットの完成。 カレー、シチュー、豚汁、ポトフ、クラムチャウダーあたりはこれでできる。 鍋キューブ使えば、鍋ができる。 肉は料理に

                      ワーキングメモリを消費しない料理テクニック
                    • 「その場しのぎ介護」っていうやつで「怒り出して人の話聞けなくなった認知症のじいちゃんの前でいきなり万歳三唱する」というテクニック紹介してた

                      ねえね じんるいというどうぶつのかんさつ @Doragonsyoten 以前テレビで見た「その場しのぎ介護」っていうやつで「怒り出して人の話聞けなくなった認知症のじいちゃんの前でいきなり万歳三唱する」というテクニック紹介してたのを見たことがある。本人最初は驚くけど三回目にはつられて一緒に万歳してて前のことは忘れるんだと。

                        「その場しのぎ介護」っていうやつで「怒り出して人の話聞けなくなった認知症のじいちゃんの前でいきなり万歳三唱する」というテクニック紹介してた
                      • 「Gmail」の不要メールを大掃除! Googleのストレージを取り戻すテクニックが話題に/GB単位で空きストレージを増やせるかも【やじうまの杜】

                          「Gmail」の不要メールを大掃除! Googleのストレージを取り戻すテクニックが話題に/GB単位で空きストレージを増やせるかも【やじうまの杜】
                        • “ダブルスイカ” を4回達成し、元総合スコア1位(7355点)のランカーが『スイカゲーム』を完全解説! スイカの作り方から、整地する技術や時差置きなど上級テクニックまで紹介

                          初級編(始めたばかりでまずはスイカを作りたい方向け) 冒頭でも触れたとおり『スイカゲーム』は同じ種類のフルーツを組み合わせ、少しずつ大きなフルーツに進化させていくゲームです。フルーツの種類は、チェリー・イチゴ・ブドウ・デコポン・柿・リンゴ・梨・桃・パイン・メロン・スイカの11種。始めたばかりだと、これらのフルーツを「どこに置いて進化させればいいかわからない」のではないでしょうか。 闇雲に置いてしまうとデカ玉【※1】同士がつかなかったり、小物【※2】が散乱して取り返しがつかなくなるので、そうならないようにコツをいくつかご紹介いたします。 デカ玉と小物はそれぞれセットで考える 落ちてくるフルーツを「大きい」or「小さい」で選別していけば、小物があまってしまうようなことが少なくなります。 具体的にはデコポン・柿・リンゴ・梨・桃・パイン・メロン・スイカを「デカ玉」、チェリー・イチゴ・ブドウを「小物

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

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

                              就活はテクニック
                            • ChatGPT使うなら知っていて当然のテクニック7選!長いコード入力のコツも含め徹底解説 | WEEL

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

                              • Python自然言語処理テクニック集【基礎編】

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

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

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

                                    配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA
                                  • 【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マイナビ転職
                                          • 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の中央揃えで、最も万能で信頼できる実装テクニック
                                            • 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デザインのテクニックのまとめ
                                              • たった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

                                                  昨今のフロントエンドのCSS開発においては、タスクランナーやフレームワークの活用により煩雑なベンダープレフィックスの付与を意識する必要がありませんし、IE11のサポート終了により実戦に投入できるCSSプロパティも格段に増えました。 たった数行の記述で複雑な機能が実装可能だったり、再現が難しかったデザインへも対応できるようになったことは喜ばしいことです。 そこで今回は有名サイトで実装されているそんな最新のCSSテクニックをあらためて確認してみたいと思います。

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

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

                                                      人生の上級テクニックとして「数手先を読んで、相手を悪人にするようなルートを避ける」というのがある→ 夫が結婚記念日を忘れていそう、さてどうする?
                                                    • 元任天堂開発者が解説 「反対」のテクニックを使ってアイデアの質を高める

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

                                                        元任天堂開発者が解説 「反対」のテクニックを使ってアイデアの質を高める
                                                      • 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使用中の遅さ」を解消する“正しい”高速化テクニック
                                                              • Excelを使って複数のフォルダーを一括作成するウラ技 ~月別フォルダー作成が捗る!【残業を減らす!Officeテクニック】

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

                                                                    ウェブ上で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
                                                                          • 悪質ホストの"研修教材"入手、女性を沼らせ「売掛」吊り上げる恐るべきテクニックとは? - 弁護士ドットコムニュース

                                                                              悪質ホストの"研修教材"入手、女性を沼らせ「売掛」吊り上げる恐るべきテクニックとは? - 弁護士ドットコムニュース
                                                                            • これで解決!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のテクニック
                                                                              • ホントのところ「皆がやらない面倒な仕事を進んでやって、それが評価される」には、そこそこテクニックが必要。

                                                                                ホーム > ホントのところ「皆がやらない面倒な仕事を進んでやって、それが評価される」には、そこそこテクニックが必要。 身も蓋もない話をします。 先日、fujiponさんが書かれた、こちらの記事を拝読しました。 結局「とにかく面倒くさいことを進んでやる」人が、組織で評価される。 「そんなに働きたくはないけれど、肩身が狭い思いをするのは嫌だなあ」というのが僕の本音なのですが、そんな「いいとこどり」は難しいのです。 「権利」が整備されたとはいうけれど、まともに仕事もせずに自分の権利ばかり主張する人がうまくやっていけるはずもありません。 『働かない技術』という本の紹介を主軸にした内容で、大変分かりやすかったですし、面白そうだったので私もポチってみました。 まだ届いてませんが。(漫画以外の本は電子書籍ではなく実物で欲しい派) fujiponさんの所感についても全体的に首肯するところなのですが、一点だ

                                                                                  ホントのところ「皆がやらない面倒な仕事を進んでやって、それが評価される」には、そこそこテクニックが必要。
                                                                                • テーブルを使ったドロップダウンリストは時代遅れに!? エクセルの新関数でもっと便利に【残業を減らす!Officeテクニック】

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

                                                                                  新着記事