並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 833件

新着順 人気順

機能の検索結果41 - 80 件 / 833件

  • 知らなかった! ウェブブラウザ「Chrome」のこんな便利な機能12選


     Chrome便122021.03.05 19:30125,895 David Nield - Gizmodo US     Chrome 使 使Google ChromeChromeGoogleChrome便1便使
      知らなかった! ウェブブラウザ「Chrome」のこんな便利な機能12選
    • 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でメディアクエリはもう必要ないかも -メディアクエリなしで実装するテクニックのまとめ
      • とってもやさしいフロントエンド入門


        0Strawman01Proposal2Draft3Candidate2ECMAScript 4Finished 46 ECMAScript ECMAS
          とってもやさしいフロントエンド入門
        • ChatGPT活用を激震させる新機能「Code Interpreter」にNetflixをデータ解析させたらスゴかった

          コード・インタープリターはChatGPTの有料版「ChatGPT Plus」で、GPT-4の付加機能として呼び出せる。 画像:筆者によるスクリーンショット ChatGPTの有料版である「ChatGPT Plus」(月額20ドル)には、7月初めから「Code Interpreter(コード・インタープリター)」という機能が追加された。 この機能が画期的だとして、一時ネットでは大いに話題になった。これまでは面倒だった「データ集計」などを、チャットの命令だけで実行できるからだ。 データ集計は、Excelなどの表計算ソフトやPythonなどのデータ処理に強いプログラミング言語で処理することが多い。 しかしコード・インタープリターでは、それらを使う必要はほとんどなく、データさえ用意できればいい。さまざまな手間がほぼゼロになり、ChatGPT任せにできる。 そうはいってもピンと来ない人も多いはず。そこ

            ChatGPT活用を激震させる新機能「Code Interpreter」にNetflixをデータ解析させたらスゴかった
          • あまり知られていないPostgreSQLの機能 | POSTD

            あなたが知らない既存機能があるかもしれません! マイクロソフト社は2006年、Microsoft Officeの新バージョンで追加してほしい機能について、顧客調査を実施しました。驚いたことに、ユーザが希望した機能の90%以上はすでに実装されており、その存在が知られていないだけであることが判明しました。機能の「見つけにくさ」の問題の解決策として同社が考案したのが、現在のMicrosoft Office製品でおなじみの「リボンUI」です。 この問題はOfficeに限ったものではありません。日々使用するツールの機能をすべて把握している人はほとんどいません。PostgreSQLのように大規模なツールであればなおさらです。数週間前にPostgreSQL 14がリリースされたばかりなので、この機会にPostgreSQLのあまり知られていない機能に注目してみたいと思います。 この記事では、Postgre

              あまり知られていないPostgreSQLの機能 | POSTD
            • リリースノート管理術

              みなさま、OSSの変更履歴、要するにCHANGELOGやリリースノートはどのように管理しておられるでしょうか。自分はというと、抱えるリポジトリも数百個に増えてきて、まあ要するに細かく管理するのがだるく、最近は変更履歴の管理方法も変わってきました。 CHANGELOGからGitHub Releasesへ 昔は、おおよそKeep a changelogの方式に準拠したCHANGELOG.mdを書いていました。semantic versioningでバージョン管理をしながら、個々のバージョンごとに次のセクションを設けて変更内容を説明するような感じです。 Added Changed Deprecated Fixed Removed Security 今は、新規につくるリポジトリではCHANGELOG.mdは用意せず、GitHub ReleasesにKeep a changelogに似た形式で変更内

              • ChatGPTをもっと楽しく使えるようにするChrome拡張機能3つ | DevelopersIO


                  ChatGPTChatGPT使 ChatGPTChatGPTChrome  ChatGPT https://openai.com/blog/chatgpt Chrome 使  AIPRM for ChatGPT  ChatGPTSEOSaaS AIPRMChatGPT 使
                  ChatGPTをもっと楽しく使えるようにするChrome拡張機能3つ | DevelopersIO
                • ワードやエクセルと「GPT-4」が合体 「Microsoft 365 Copilot」発表 日本のDXも爆速化?

                  米Microsoftは3月16日(現地時間)、オフィスアプリ「Microsoft 365」の新機能「Microsoft 365 Copilot」を発表した。「ChatGPT」のようにチャットで指示することで、「Word」や「Excel」などの作業をサポートしてくれる。今後数カ月以内に導入予定という(価格やライセンスは近日中に発表予定)。

                    ワードやエクセルと「GPT-4」が合体 「Microsoft 365 Copilot」発表 日本のDXも爆速化?
                  • 2022年版買ってよかったもの - 花見川の日記


                       Fire TV Stick 3   USB Kindle Fire HD  NobSound NS-01G Pro + Edifier P12  SC-PMX90  SCPMX-90 AirPods Pro2   使        222
                      2022年版買ってよかったもの - 花見川の日記
                    • VSCodeの便利なショートカットが、短時間で身につく魔法のチートシート -VSCheatsheet

                      VSCodeを使いこなすには、まずはよく使用する操作のショートカットを覚えることです。コードを書くときに便利なショートカットとどのように機能するか視覚的に分かるチートシートを紹介します。 ショートカットはmacOS, Windows, Linux対応で、視覚的にどうなるか分かるので、記憶に残りやすいと思います。

                        VSCodeの便利なショートカットが、短時間で身につく魔法のチートシート -VSCheatsheet
                      • 1つのGoogleアカウントに新規のGmailアドレスを複数追加できるって知ってた?|@DIME アットダイム

                        Gmailは基本的に「1つのGoogleアカウントに1つのアドレスを持つ」サービスですが、実は1つのGoogleアカウントに複数のGmailアドレスを追加できることをご存じでしょうか。 「エイリアス」と呼ばれるこの機能。もう1つGmailアドレスがあったら便利だけど、Googleアカウントを複数管理するのは面倒という人にぴったりのものになっています。 1つのGoogleアカウントに新規のGmailアドレスを追加する方法 早速、Gmailの「エイリアス機能」の設定方法を紹介していきましょう。 PC版Gmailでエイリアス機能を設定する方法 PCブラウザ版のGmailでエイリアス機能を利用するために、まずは新規のメールアドレスを設定していきましょう。 Gmailにログインし、右上の設定マーク(歯車のアイコン)をクリック 「すべての設定を表示」をクリック 「アカウントとインポート」をクリックし、

                          1つのGoogleアカウントに新規のGmailアドレスを複数追加できるって知ってた?|@DIME アットダイム
                        • スケールする要求を支える仕様の「意図」と「直交性」 - Qiita

                          はじめに どんなソフトウェアエンジニアも拡張しやすくメンテナンスしやすいソフトウェアを作りたいと思っているはずです。また、どんなプロダクトマネージャも同様に拡張しやすいシンプルな要求を作りたいと考えているはずです。 しかし、将来の不確実性や発展性に対して見通しを立てるのは難しいものです。そのため、開発チームの思いとは裏腹にソフトウェアの複雑性はどんどんと増大していきます。気がついたら技術的負債と呼ばれるような手もつけられない泥団子になってしまうということもしばしばです。誰もが生産性を下げるために機能を追加したいわけではなく、ビジネス価値を提供するために機能を追加したいだけなのにです。 このような状況を避けるためにはどうしたらよいのでしょうか。今回はその一つの手段として、要求には隠れた「意図」があり、それを発見していくことの重要性についてまずはお話しします。さらにわかりやすい要求が持つ仕様の

                            スケールする要求を支える仕様の「意図」と「直交性」 - Qiita
                          • はてなブックマークアプリに「アクティビティ」機能を追加しました - はてなブックマーク開発ブログ


                            id:yone-yama 202336  iOS Android       
                              はてなブックマークアプリに「アクティビティ」機能を追加しました - はてなブックマーク開発ブログ
                            • 戦国時代だったテキストエディタ界をVisual Studio Codeが天下統一しつつある

                              テキスト編集だけでなく、表計算やイラスト作成など、何かの目的を達成しようとした際には「どのツールを選ぶのか」が問題になってきます。テキストエディタの世界でVisual Studio Codeがその地位を不動のものにしつつある点について、ロビン・クリーンさんがデータをまとめています。 The Era of Visual Studio Code | Roben Kleene https://blog.robenkleene.com/2020/09/21/the-era-of-visual-studio-code/ ツール選びの一つの考え方は、「一番寿命が長いツールを選ぶ」というものです。どんなに慣れ親しんだツールであっても、開発が終了してしまうと新たなツールの使い方をまた最初から学びなおす必要があり、そうした苦労を避けるには人気があって長く使われているツールを選びたいところ。表計算やイラスト作

                                戦国時代だったテキストエディタ界をVisual Studio Codeが天下統一しつつある
                              • Twitter、「亡くなった人のアカウントを保護する機能を追加するまで休眠アカウントは削除しない」とツイート

                                米Twitterは11月27日(現地時間)、亡くなった人のアカウントを追悼する方法を提供できるようになるまで、休眠アカウント削除は実施しないと約束した。前日の休眠アカウントが削除されるという報道に対し、大きな反響があったことを受けたもの。Twitter Supportアカウントによる連投ツイートで説明した。 Twitterが、アクティブではないアカウントの所有者に対し、12月11日までにログインしないとアカウントを削除するという警告メールを送っていると、複数のメディアが26日に報じた。これでは故人のアカウントも削除されてしまうと、Twitter上で多数の抗議ツイートが投稿された。 現行のポリシーでは、亡くなった人のアカウントについて、関係者が削除を依頼することはできても保存はできないようになっている。 米Facebookには2009年から故人のアカウントを保護する方法がある。親族や友人が必

                                  Twitter、「亡くなった人のアカウントを保護する機能を追加するまで休眠アカウントは削除しない」とツイート
                                • ブラウザ上の操作手順を自動でスクショしてくれるChrome拡張機能【今日のライフハックツール】 | ライフハッカー・ジャパン

                                  三井住友カード ゴールド(NL)のデメリットは?メリットない・いらないは勘違い【年会費無料になる100万円修行のコツ】

                                    ブラウザ上の操作手順を自動でスクショしてくれるChrome拡張機能【今日のライフハックツール】 | ライフハッカー・ジャパン
                                  • あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita


                                    🧑🎤 10 useful HTML5 features, you may not be using TapasTweet 10 useful HTML5 features, you may not be using HTML520081使100DaysOfCodeHTML5使 使便HTML510Netlify htt
                                      あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita
                                    • キタ!Google カレンダー「予約スケジュール」一般提供

                                      「Google カレンダー」の「予約スケジュール」機能一般提供開始 これまでフリーランスや中小企業向け有料アカウント「Google Workspace Individual」向けに提供されてきた「Google カレンダー」活用予約受付システム 一般ユーザーも利用可能に(予約時の決済連携は利用不可) Google が 2023 年 6 月下旬に発表した、「Google カレンダー」の「予約スケジュール」機能一般提供が、2023 年 7 月 19 日(水)前後よりついに開始されました。 「Google カレンダー」の「予約スケジュール」機能は当初、フリーランスや中小企業向け有料アカウント「Google Workspace Individual」向けサービスとして 2021 年より提供されてきた、「Google カレンダー」活用の予約受付システムです。事前に「Google カレンダー」に予約可能

                                        キタ!Google カレンダー「予約スケジュール」一般提供
                                      • Python 製 Web フレームワークを Flask から FastAPI に変えた話|NAVITIME_Tech


                                        使  Python  Web  FastAPI  Python  Web Python  Web 2 Django:  Flask:  Django Flask  Flask  使使 OpenAPI JSON Schema GraphQL We
                                          Python 製 Web フレームワークを Flask から FastAPI に変えた話|NAVITIME_Tech
                                        • 「1stブックマーク」した記事のブックマークが増えると、通知が届くようになりました - はてなブックマーク開発ブログ

                                          いつもはてなブックマークをご利用いただきありがとうございます。 本日、記事を最初にブックマークした「1stブックマーク」ユーザーの皆さまへ、その記事のブックマークが一定数に達した際に通知する機能(=「1stブックマーク通知機能」)の提供を開始しました。 発見者をたたえる「1stブックマーク通知機能」 はてなブックマークで人気エントリーなどに表示される記事は、どれも最初は 0 users の記事です。記事を最初に見つけて、「1stブックマーク」するユーザーによって初めて、はてなブックマーク内に情報が蓄積されていきます。 今回実装した「1stブックマーク通知機能」は、たくさんの人に注目される素敵な記事を最初にブックマークしてくれた発見者をたたえるものです。 具体的には、1stブックマークした記事が後からたくさんブックマークされた際に、「はてなのお知らせ」にて通知が届きます。 通知されるタイミン

                                            「1stブックマーク」した記事のブックマークが増えると、通知が届くようになりました - はてなブックマーク開発ブログ
                                          • TwitterJP社「大量解雇」の因果応報とニューストレンドの不正操作に関して|山本一郎(やまもといちろう)

                                            アホルダーと自嘲しながらもしばらく持ってたTwitter株が無事イーロンマスクさんに召し上げられ、マスクさんがTwitterを買収した後で「毎日400万ドルが失われている」と怒涛のリストラが始まって、我らがTwitter日本法人(TwitterJP)も広報部門を中心にかなりの解雇が申し渡されたようです。 もっとも、アメリカでもこんな強引な解雇は問題だとか、日本では整理解雇のためには4要件があるのですんなりとは解雇できないと言われながらも、300人に満たない日本法人で100人解雇で年額分年俸保証してもせいぜい20億円程度であって、不採算企業における不適切な企業風土の是正を考えるとこの程度の金額の支払いはリストラ費用と見れば問題ないとマスクさんは考えているのでありましょうか。 で、メディア界隈で物議をかもしたのはTwitterJPが手がけていたニューストレンドの配信であります。多くのユーザーが

                                              TwitterJP社「大量解雇」の因果応報とニューストレンドの不正操作に関して|山本一郎(やまもといちろう)
                                            • 「Visual Studio Code」でのリモート開発が手軽に ~リモートトンネル機能が提供開始/「SSH」は不要。「VS Code Server」で簡単セットアップ

                                                「Visual Studio Code」でのリモート開発が手軽に ~リモートトンネル機能が提供開始/「SSH」は不要。「VS Code Server」で簡単セットアップ
                                              • 最強の調理家電ホットクックは最弱のIoT家電? - すまほん!!

                                                ホットクックとは シャープが販売する自動調理鍋「ホットクック」。食べたい料理の具材と調味料を鍋に入れてスイッチを押すだけで美味しい料理が出来上がる素晴らしい道具です。 低温調理の代名詞、ローストビーフはもちろん、蒸し物や焼き物、カレーやシチューなど、火加減やかき混ぜが面倒な調理も自動でホットクックが火加減を調整し、かき混ぜて作ってくれます。本当に具材を入れてほったらかしでOK、というわけです。 普段から自炊は好きで、よくするのですが煮込み系は火加減を見たり、かき混ぜる必要があり、その間キッチンから離れられなかったり、通話をしていて吹きこぼれに気づかなかったり、とやや非効率だな~~と思っていました。 でもホットクックなら、材料切って入れて終わりだからその時間で別の作業やゲームが進められる!と、時間を効率的に使えるわけです。 本体デザインは「ザ・日本」 外観を軽く紹介します。見た目はいかにも日

                                                  最強の調理家電ホットクックは最弱のIoT家電? - すまほん!!
                                                • 「逆に何ができないんだ」 ゲーム「ウマ娘」を支える“サイゲ専用シナリオ制作アプリ”が多機能過ぎる

                                                  Cygamesはオンラインイベントで、ウマ娘のシナリオ作成に使った社内アプリ「こえぼん」を紹介した。同社の“こんな機能が欲しい”という要望が詰まった同アプリは実に多機能で、視聴者からは「逆に何ができないんだ」「金は出すから売ってくれ」といった声が上がった。 Cygamesは11月13日、同社がゲーム制作などを進めるうえでの理念や技術について語る一般向けオンラインイベント「Cygames Tech Conference」の中で、ゲーム「ウマ娘 プリティーダービー」のシナリオ作成に使った社内アプリケーション「こえぼん」を紹介した。Cygamesの“こんな機能が欲しい”という要望が詰まった同アプリは実に多機能で、視聴者からは「逆に何ができないんだ」「金は出すから売ってくれ」といった声が上がった。 こえぼんは、シナリオの執筆から音声収録、ゲーム場面作りまでの工程で必要な機能をまとめたWebアプリ。

                                                    「逆に何ができないんだ」 ゲーム「ウマ娘」を支える“サイゲ専用シナリオ制作アプリ”が多機能過ぎる
                                                  • 無料でオープンソースのメディアプレイヤー「VLC」で簡単にPCの画面を録画する方法

                                                    PCでの作業を記録したり、ソフトウェアの使い方を説明したり、PCの画面を録画できるとお役立ちなケースはよくあります。PCの画面を録画するにはWindowsの標準搭載されている「ゲームバー」機能や、オープンソースの配信ソフト「OBS」を利用する方法がありますが、このほかに「メディアプレイヤーソフト『VLC』で録画する」という方法があることをニュースサイトのMakeUseOFが取り上げていたので、実際に試してみました。 How to Record Your Screen Using VLC https://www.makeuseof.com/tag/record-screen-using-vlc/ VLCの上部メニューの「メディア」から、「変換/保存」を選択します。なお、今回使っているVLCのバージョンは3.0.16です。 「変換/保存」のウィンドウが開くので、「キャプチャデバイス」のタブを選

                                                      無料でオープンソースのメディアプレイヤー「VLC」で簡単にPCの画面を録画する方法
                                                    • Chrome DevTools の知っておくと便利かも機能 - Qiita


                                                       Chrome  DevTools 使便 使  Corome DevTools      DevTools  Language  [Reload DevTools]  DevTools    :hover  :focus       Google  [:hov] 
                                                        Chrome DevTools の知っておくと便利かも機能 - Qiita
                                                      • 😡webのスクロールでふわっと出てくるやつ絶対粉砕するマン【クソアプリ】 - Qiita

                                                        おひさしぶりです。この記事はクソアプリ Advent Calendar 2021の13日目です 突然ですが皆さんは「スクロールに合わせてふわっと出てくるwebページ」ってどう思います? 最近多いですよね、あれ。 確かにオシャレだし楽しいしゲームとか作家さんのギャラリーサイトとかなら全然OK。でも情報が欲しくてアクセスしてるページで「ふわっ」ってされるとちょっとイラッとする。 ちょっと?...イラッと?...いや、 許さない、絶対 よろしい、ならば粉砕だ よそ様のサイトを粉砕する都合上、今回の実装はChrome機能拡張です。機能拡張はViteにChrome機能拡張用のプラグインvite-plugin-chrome-extensionを入れて作りました。今回は解説しないけど、これ超楽。フレームワークは無し、言語はTypeScriptです。 とは言え、クソアプリのためにChromeに機能拡張をイ

                                                          😡webのスクロールでふわっと出てくるやつ絶対粉砕するマン【クソアプリ】 - Qiita
                                                        • ChromeのDevToolsの便利機能まとめ

                                                          池田 泰延 @clockmaker ウェブ制作会社ICS代表。筑波大学非常勤講師。HTML/CSSのフロントエンド技術が専門、TypeScript/WebGLによる3D表現やクリエイティブコーディングが得意。著書『JavaScriptコードレシピ集』など解説書12冊を執筆。ウェブ業界の最新情報と、現場で役立つ技を発信します。趣味でタイムラプス撮影。 ics.media/entry/staff/ik…

                                                            ChromeのDevToolsの便利機能まとめ
                                                          • iOS 15の“ある機能”が「これはすごい」「超便利」と話題に ドライヤーを使いながら通話しても気付かない驚異のノイズキャンセル性能

                                                            アプリでの音声・ビデオ通話中に声以外の雑音を消してくれるiPhoneの機能がTwitterで「初めて知った!」「超便利機能」と、50万いいねを超える注目を集めています。 使い方は、通話中にコントロールセンターの「マイクモード」をタップ。すると、通話モードを「標準」「声を分離」「ワイドスペクトル」から選択できるので、「声を分離」を選べば周囲の騒音が遮断されます。 ちなみに「ワイドスペクトル」モードは、逆に自分の声だけでなく周囲の音すべてを聞こえるようにしたいときに使います。 通話中にコントロールセンターを開くと右上に「マイクモード」が表示されます こちらは2021年9月に正式リリースされた「iOS 15」から追加された機能で、Appleの公式サイトでは「機械学習により周囲の騒音を識別して遮断し、あなたの声を聞き取りやすくします」と説明されています。 Appleの「FaceTime」の機能とし

                                                              iOS 15の“ある機能”が「これはすごい」「超便利」と話題に ドライヤーを使いながら通話しても気付かない驚異のノイズキャンセル性能
                                                            • iOS16のホーム画面を知り、iPhoneを使いこなす!85の便利技 - iPhone Mania


                                                              iOS16iPhoneiPhone9to5Mac 便iPhone使 iPhone使iOS16使 使iPhone使12 9to5Mac85便3283549  / 使 
                                                                iOS16のホーム画面を知り、iPhoneを使いこなす!85の便利技 - iPhone Mania
                                                              • JavaScriptのES2021で追加された新機能まとめ


                                                                2022/06/22 ES2022 JavaScriptECMAScriptECMAScript 2015ES2015ECMAScript 2016ES2016... ES20202021622ES2021 22.06.2021 Ecma International approves new standards - Ecma International Google ChromeFirefoxSafariMicrosoft EdgeES2021使 ES2021 _
                                                                  JavaScriptのES2021で追加された新機能まとめ
                                                                • Windowsのタスクスケジューラーをもっと使いこなす


                                                                   WindowsWindows1APIGUI Task Scheduler Overview https://learn.microsoft.com/en-us/previous-versions/windows/it-pro/windows-server-2008-r2-and-2008/cc721871(v=ws.11) schtasks.exeWindows
                                                                    Windowsのタスクスケジューラーをもっと使いこなす
                                                                  • X、ハッシュタグの廃止を検討

                                                                    【東京総合 = テクノロジー】X(旧Twitter)がハッシュタグ機能を廃止する可能性が出てきた。XのCTO(最高技術責任者)のイーロン・マスク氏は9日、Twitterのサービス開始から続く「ハッシュタグ」と呼ばれるキーワードやトピックを分類する機能について、「廃止しても良い」との意向を示した。 Poll in reference to pic.twitter.com/Yu47nJfRQ3 — X News Daily (@xDaily) November 9, 2023 マスク氏は、X社員の「ハッシュタグは無くすべきだと思う」という投稿に対して「そう思う」と返信しており、同氏がハッシュタグ廃止に向けて検討に入ったと思われる。 同氏は廃止を支持する理由について「(ハッシュタグがなくても)キーワードやフレーズで十分に分類可能だ」と主張。続けて「あれは完全に過去の遺物だ」と持論を展開した。 X

                                                                      X、ハッシュタグの廃止を検討
                                                                    • Apple Watchの隠れた便利機能14選 | ライフハッカー・ジャパン

                                                                      しばらくすると、その文字盤が「リフトアップ」され、ライン上の任意の位置にドラッグできるようになります(Redderユーザーのwccn616さんがこの機能を実演している様子をこちらの記事で見ることができます)。 5.Apple Watchの調子が悪いときは強制的に再起動させるPhoto: Twin Design (Shutterstock)通常、Apple Watchの電源を切るには、サイドボタンを長押しして、「電源オフ」スライダーをスワイプします。 しかし、時計の調子が悪いときは、このオプションにアクセスできないことがあります。その場合は、強制再起動を行うことで、通常の入力ができなくても、時計の電源を再び入れることが可能です。 Digital Crownとサイドボタンを同時に押し続けると、Apple Watchが真っ暗になるのがわかります。Appleのロゴが表示されるまでボタンを押し続け、

                                                                        Apple Watchの隠れた便利機能14選 | ライフハッカー・ジャパン
                                                                      • VS Codeの新機能がすごく便利! JavaScriptやCSSの関数やクラスなどを上部に固定させる「スティッキー スクロール」

                                                                        8/5にアップデートされた、VS Code v1.70で「スティッキー スクロール」を使用できるようになったので、紹介します。 JavaScriptやCSSで作業しているときに、関数やクラスなどが自動でスティッキーされ、エディタの上部にくっつきます。行数のある長いコードに便利ですね。 VS Codeの新機能「スティッキー スクロール」 「スティッキー スクロール」はVS Code v1.70でプレビュー機能として実装された新機能で、スクロール中にどのスコープにいるのかが分かかります。 エディタの上部にクラス/インターフェイス/名前空間/関数/メソッド/コンストラクタがスティッキーされ、常にコード内の場所を把握することができます。 Visual Studio Code July 2022 (version 1.70) 「スティッキー スクロール」を使用するのは、簡単です。 VS Codeの設

                                                                          VS Codeの新機能がすごく便利! JavaScriptやCSSの関数やクラスなどを上部に固定させる「スティッキー スクロール」
                                                                        • Web フロントエンドの実装において本来の機能を損なってはいけない

                                                                          Web フロントエンドの実装において本来の機能を損なってはいけない 2022.12.24 データの取得・ルーティング・フォームの値の管理に至るまで JavaScript で制御するようになった結果、本来備わっていた機能を損なう形で実装されるような間違いが起きるケースも発生してしまいました。見た目上操作に不都合がないのですが、修飾キーが有効でなかったりと、とある要素が当然に持っているべき機能が失われていることがよくあります。 昨今の Web フロントエンドの開発においては、React や Vue.js などを利用した SPA を採用することが多くなりました。従来の MPA と比較して、リンククリック時やフォーム送信時にページリロードを挟まないので、高速な画面遷移を実現できるため、快適な操作を実現できます。 一方データの取得・ルーティング・フォームの値の管理に至るまで JavaScript で

                                                                            Web フロントエンドの実装において本来の機能を損なってはいけない
                                                                          • Windows 10にはコンテナーがいっぱい (1/2)

                                                                            「コンテナーがいっぱい」と聞くと、なんだか港の風景を思い出してしまうが、Windowsにもコンテナーが複数ある。コンテナーとは、アプリケーションの独立した実行環境とそこで動作するソフトウェアや設定などをファイル化して実行させるもの。あらかじめコンテナーを作っておけば、あとはそれを組み合わせてシステムを構築できるわけだ。 仮想マシン環境に似ているが、コンテナー自体にはOSは含まれないし、必ずしも仮想マシン支援機能を前提としているためでもない。そもそもコンテナーが普及した1つの理由は、仮想マシンにつきもののオーバーヘッドや長い起動時間、大量のメモリー消費といった問題がないため。コンテナーは、特定のハードウェアに縛られることなく実行でき、システムを複数のコンテナーで構築することも可能であり、このとき仮想マシンに比べて実行オーバーヘッドの低いコンテナーは魅力的だったのだ Windows 10Xには

                                                                              Windows 10にはコンテナーがいっぱい (1/2)
                                                                            • Docker 19.03新機能 (root権限不要化、GPU対応強化、CLIプラグイン…)


                                                                              NTT2019723Docker 19.032018118Docker 18.098 rootDockerroot(dockerd)root Docker 19.03root(Rootless) RootlessDockerrootcgroup RootlessDocker curl -fsSL http
                                                                                Docker 19.03新機能 (root権限不要化、GPU対応強化、CLIプラグイン…)
                                                                              • AWSが落ちてもGCPに逃がすことで落ちないシステムを作る技術

                                                                                こんにちは、エンジニアのtarr [https://github.com/tarr1124]です。 KARTE Blocksは既存のサイトにタグを一行入れるだけで、そのサイトを簡単に書き換えたり、ABテストなどで最適化したりできます。 これは、サイトを読み込むときにタグによってBlocks内で設定された内容を反映させているのですが、既存のサイトの挙動に手を加えている以上、一定のリスクが存在します

                                                                                  AWSが落ちてもGCPに逃がすことで落ちないシステムを作る技術
                                                                                • 「便利すぎる」──GitHubから直接「Visual Studio Code」を起動できる新機能が話題に

                                                                                  米GitHubは8月11日(現地時間、以下同)、ソースコード共有サイト「GitHub」上でコードエディタ「Visual Studio Code」のWebブラウザ版を起動できる機能「Codespaces」のβ版を公開した。Twitterでは「便利すぎる」などと、ITエンジニアを中心に話題になっている。 ユーザーはGitHubのリポジトリ画面で「.」(ドットキー)を押すとVisual Studio Codeが起動する。個人ユーザーは当面無料で利用でき、チーム向けや企業向けのプランを利用している法人ユーザーも9月10日までは無料で試用できる。 法人向け料金は従量制で、計算に使用するCPUの性能と利用時間で変動する。最も安い2コアのCPUを使う場合は1時間で0.18ドル(約20円)。使用したデータの容量1GB当たり0.07ドル(約7円)も月額で別途請求する。 Visual Studio Codeは

                                                                                    「便利すぎる」──GitHubから直接「Visual Studio Code」を起動できる新機能が話題に