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の数学関数
コード・インタープリターはChatGPTの有料版「ChatGPT Plus」で、GPT-4の付加機能として呼び出せる。 画像:筆者によるスクリーンショット ChatGPTの有料版である「ChatGPT Plus」(月額20ドル)には、7月初めから「Code Interpreter(コード・インタープリター)」という機能が追加された。 この機能が画期的だとして、一時ネットでは大いに話題になった。これまでは面倒だった「データ集計」などを、チャットの命令だけで実行できるからだ。 データ集計は、Excelなどの表計算ソフトやPythonなどのデータ処理に強いプログラミング言語で処理することが多い。 しかしコード・インタープリターでは、それらを使う必要はほとんどなく、データさえ用意できればいい。さまざまな手間がほぼゼロになり、ChatGPT任せにできる。 そうはいってもピンと来ない人も多いはず。そこ
あなたが知らない既存機能があるかもしれません! マイクロソフト社は2006年、Microsoft Officeの新バージョンで追加してほしい機能について、顧客調査を実施しました。驚いたことに、ユーザが希望した機能の90%以上はすでに実装されており、その存在が知られていないだけであることが判明しました。機能の「見つけにくさ」の問題の解決策として同社が考案したのが、現在のMicrosoft Office製品でおなじみの「リボンUI」です。 この問題はOfficeに限ったものではありません。日々使用するツールの機能をすべて把握している人はほとんどいません。PostgreSQLのように大規模なツールであればなおさらです。数週間前にPostgreSQL 14がリリースされたばかりなので、この機会にPostgreSQLのあまり知られていない機能に注目してみたいと思います。 この記事では、Postgre
みなさま、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に似た形式で変更内
Gmailは基本的に「1つのGoogleアカウントに1つのアドレスを持つ」サービスですが、実は1つのGoogleアカウントに複数のGmailアドレスを追加できることをご存じでしょうか。 「エイリアス」と呼ばれるこの機能。もう1つGmailアドレスがあったら便利だけど、Googleアカウントを複数管理するのは面倒という人にぴったりのものになっています。 1つのGoogleアカウントに新規のGmailアドレスを追加する方法 早速、Gmailの「エイリアス機能」の設定方法を紹介していきましょう。 PC版Gmailでエイリアス機能を設定する方法 PCブラウザ版のGmailでエイリアス機能を利用するために、まずは新規のメールアドレスを設定していきましょう。 Gmailにログインし、右上の設定マーク(歯車のアイコン)をクリック 「すべての設定を表示」をクリック 「アカウントとインポート」をクリックし、
はじめに どんなソフトウェアエンジニアも拡張しやすくメンテナンスしやすいソフトウェアを作りたいと思っているはずです。また、どんなプロダクトマネージャも同様に拡張しやすいシンプルな要求を作りたいと考えているはずです。 しかし、将来の不確実性や発展性に対して見通しを立てるのは難しいものです。そのため、開発チームの思いとは裏腹にソフトウェアの複雑性はどんどんと増大していきます。気がついたら技術的負債と呼ばれるような手もつけられない泥団子になってしまうということもしばしばです。誰もが生産性を下げるために機能を追加したいわけではなく、ビジネス価値を提供するために機能を追加したいだけなのにです。 このような状況を避けるためにはどうしたらよいのでしょうか。今回はその一つの手段として、要求には隠れた「意図」があり、それを発見していくことの重要性についてまずはお話しします。さらにわかりやすい要求が持つ仕様の
テキスト編集だけでなく、表計算やイラスト作成など、何かの目的を達成しようとした際には「どのツールを選ぶのか」が問題になってきます。テキストエディタの世界でVisual Studio Codeがその地位を不動のものにしつつある点について、ロビン・クリーンさんがデータをまとめています。 The Era of Visual Studio Code | Roben Kleene https://blog.robenkleene.com/2020/09/21/the-era-of-visual-studio-code/ ツール選びの一つの考え方は、「一番寿命が長いツールを選ぶ」というものです。どんなに慣れ親しんだツールであっても、開発が終了してしまうと新たなツールの使い方をまた最初から学びなおす必要があり、そうした苦労を避けるには人気があって長く使われているツールを選びたいところ。表計算やイラスト作
米Twitterは11月27日(現地時間)、亡くなった人のアカウントを追悼する方法を提供できるようになるまで、休眠アカウント削除は実施しないと約束した。前日の休眠アカウントが削除されるという報道に対し、大きな反響があったことを受けたもの。Twitter Supportアカウントによる連投ツイートで説明した。 Twitterが、アクティブではないアカウントの所有者に対し、12月11日までにログインしないとアカウントを削除するという警告メールを送っていると、複数のメディアが26日に報じた。これでは故人のアカウントも削除されてしまうと、Twitter上で多数の抗議ツイートが投稿された。 現行のポリシーでは、亡くなった人のアカウントについて、関係者が削除を依頼することはできても保存はできないようになっている。 米Facebookには2009年から故人のアカウントを保護する方法がある。親族や友人が必
「Google カレンダー」の「予約スケジュール」機能一般提供開始 これまでフリーランスや中小企業向け有料アカウント「Google Workspace Individual」向けに提供されてきた「Google カレンダー」活用予約受付システム 一般ユーザーも利用可能に(予約時の決済連携は利用不可) Google が 2023 年 6 月下旬に発表した、「Google カレンダー」の「予約スケジュール」機能一般提供が、2023 年 7 月 19 日(水)前後よりついに開始されました。 「Google カレンダー」の「予約スケジュール」機能は当初、フリーランスや中小企業向け有料アカウント「Google Workspace Individual」向けサービスとして 2021 年より提供されてきた、「Google カレンダー」活用の予約受付システムです。事前に「Google カレンダー」に予約可能
いつもはてなブックマークをご利用いただきありがとうございます。 本日、記事を最初にブックマークした「1stブックマーク」ユーザーの皆さまへ、その記事のブックマークが一定数に達した際に通知する機能(=「1stブックマーク通知機能」)の提供を開始しました。 発見者をたたえる「1stブックマーク通知機能」 はてなブックマークで人気エントリーなどに表示される記事は、どれも最初は 0 users の記事です。記事を最初に見つけて、「1stブックマーク」するユーザーによって初めて、はてなブックマーク内に情報が蓄積されていきます。 今回実装した「1stブックマーク通知機能」は、たくさんの人に注目される素敵な記事を最初にブックマークしてくれた発見者をたたえるものです。 具体的には、1stブックマークした記事が後からたくさんブックマークされた際に、「はてなのお知らせ」にて通知が届きます。 通知されるタイミン
アホルダーと自嘲しながらもしばらく持ってたTwitter株が無事イーロンマスクさんに召し上げられ、マスクさんがTwitterを買収した後で「毎日400万ドルが失われている」と怒涛のリストラが始まって、我らがTwitter日本法人(TwitterJP)も広報部門を中心にかなりの解雇が申し渡されたようです。 もっとも、アメリカでもこんな強引な解雇は問題だとか、日本では整理解雇のためには4要件があるのですんなりとは解雇できないと言われながらも、300人に満たない日本法人で100人解雇で年額分年俸保証してもせいぜい20億円程度であって、不採算企業における不適切な企業風土の是正を考えるとこの程度の金額の支払いはリストラ費用と見れば問題ないとマスクさんは考えているのでありましょうか。 で、メディア界隈で物議をかもしたのはTwitterJPが手がけていたニューストレンドの配信であります。多くのユーザーが
ホットクックとは シャープが販売する自動調理鍋「ホットクック」。食べたい料理の具材と調味料を鍋に入れてスイッチを押すだけで美味しい料理が出来上がる素晴らしい道具です。 低温調理の代名詞、ローストビーフはもちろん、蒸し物や焼き物、カレーやシチューなど、火加減やかき混ぜが面倒な調理も自動でホットクックが火加減を調整し、かき混ぜて作ってくれます。本当に具材を入れてほったらかしでOK、というわけです。 普段から自炊は好きで、よくするのですが煮込み系は火加減を見たり、かき混ぜる必要があり、その間キッチンから離れられなかったり、通話をしていて吹きこぼれに気づかなかったり、とやや非効率だな~~と思っていました。 でもホットクックなら、材料切って入れて終わりだからその時間で別の作業やゲームが進められる!と、時間を効率的に使えるわけです。 本体デザインは「ザ・日本」 外観を軽く紹介します。見た目はいかにも日
Cygamesはオンラインイベントで、ウマ娘のシナリオ作成に使った社内アプリ「こえぼん」を紹介した。同社の“こんな機能が欲しい”という要望が詰まった同アプリは実に多機能で、視聴者からは「逆に何ができないんだ」「金は出すから売ってくれ」といった声が上がった。 Cygamesは11月13日、同社がゲーム制作などを進めるうえでの理念や技術について語る一般向けオンラインイベント「Cygames Tech Conference」の中で、ゲーム「ウマ娘 プリティーダービー」のシナリオ作成に使った社内アプリケーション「こえぼん」を紹介した。Cygamesの“こんな機能が欲しい”という要望が詰まった同アプリは実に多機能で、視聴者からは「逆に何ができないんだ」「金は出すから売ってくれ」といった声が上がった。 こえぼんは、シナリオの執筆から音声収録、ゲーム場面作りまでの工程で必要な機能をまとめたWebアプリ。
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です。 「変換/保存」のウィンドウが開くので、「キャプチャデバイス」のタブを選
おひさしぶりです。この記事はクソアプリ Advent Calendar 2021の13日目です 突然ですが皆さんは「スクロールに合わせてふわっと出てくるwebページ」ってどう思います? 最近多いですよね、あれ。 確かにオシャレだし楽しいしゲームとか作家さんのギャラリーサイトとかなら全然OK。でも情報が欲しくてアクセスしてるページで「ふわっ」ってされるとちょっとイラッとする。 ちょっと?...イラッと?...いや、 許さない、絶対 よろしい、ならば粉砕だ よそ様のサイトを粉砕する都合上、今回の実装はChrome機能拡張です。機能拡張はViteにChrome機能拡張用のプラグインvite-plugin-chrome-extensionを入れて作りました。今回は解説しないけど、これ超楽。フレームワークは無し、言語はTypeScriptです。 とは言え、クソアプリのためにChromeに機能拡張をイ
アプリでの音声・ビデオ通話中に声以外の雑音を消してくれるiPhoneの機能がTwitterで「初めて知った!」「超便利機能」と、50万いいねを超える注目を集めています。 使い方は、通話中にコントロールセンターの「マイクモード」をタップ。すると、通話モードを「標準」「声を分離」「ワイドスペクトル」から選択できるので、「声を分離」を選べば周囲の騒音が遮断されます。 ちなみに「ワイドスペクトル」モードは、逆に自分の声だけでなく周囲の音すべてを聞こえるようにしたいときに使います。 通話中にコントロールセンターを開くと右上に「マイクモード」が表示されます こちらは2021年9月に正式リリースされた「iOS 15」から追加された機能で、Appleの公式サイトでは「機械学習により周囲の騒音を識別して遮断し、あなたの声を聞き取りやすくします」と説明されています。 Appleの「FaceTime」の機能とし
【東京総合 = テクノロジー】X(旧Twitter)がハッシュタグ機能を廃止する可能性が出てきた。XのCTO(最高技術責任者)のイーロン・マスク氏は9日、Twitterのサービス開始から続く「ハッシュタグ」と呼ばれるキーワードやトピックを分類する機能について、「廃止しても良い」との意向を示した。 Poll in reference to pic.twitter.com/Yu47nJfRQ3 — X News Daily (@xDaily) November 9, 2023 マスク氏は、X社員の「ハッシュタグは無くすべきだと思う」という投稿に対して「そう思う」と返信しており、同氏がハッシュタグ廃止に向けて検討に入ったと思われる。 同氏は廃止を支持する理由について「(ハッシュタグがなくても)キーワードやフレーズで十分に分類可能だ」と主張。続けて「あれは完全に過去の遺物だ」と持論を展開した。 X
しばらくすると、その文字盤が「リフトアップ」され、ライン上の任意の位置にドラッグできるようになります(Redderユーザーのwccn616さんがこの機能を実演している様子をこちらの記事で見ることができます)。 5.Apple Watchの調子が悪いときは強制的に再起動させるPhoto: Twin Design (Shutterstock)通常、Apple Watchの電源を切るには、サイドボタンを長押しして、「電源オフ」スライダーをスワイプします。 しかし、時計の調子が悪いときは、このオプションにアクセスできないことがあります。その場合は、強制再起動を行うことで、通常の入力ができなくても、時計の電源を再び入れることが可能です。 Digital Crownとサイドボタンを同時に押し続けると、Apple Watchが真っ暗になるのがわかります。Appleのロゴが表示されるまでボタンを押し続け、
8/5にアップデートされた、VS Code v1.70で「スティッキー スクロール」を使用できるようになったので、紹介します。 JavaScriptやCSSで作業しているときに、関数やクラスなどが自動でスティッキーされ、エディタの上部にくっつきます。行数のある長いコードに便利ですね。 VS Codeの新機能「スティッキー スクロール」 「スティッキー スクロール」はVS Code v1.70でプレビュー機能として実装された新機能で、スクロール中にどのスコープにいるのかが分かかります。 エディタの上部にクラス/インターフェイス/名前空間/関数/メソッド/コンストラクタがスティッキーされ、常にコード内の場所を把握することができます。 Visual Studio Code July 2022 (version 1.70) 「スティッキー スクロール」を使用するのは、簡単です。 VS Codeの設
Web フロントエンドの実装において本来の機能を損なってはいけない 2022.12.24 データの取得・ルーティング・フォームの値の管理に至るまで JavaScript で制御するようになった結果、本来備わっていた機能を損なう形で実装されるような間違いが起きるケースも発生してしまいました。見た目上操作に不都合がないのですが、修飾キーが有効でなかったりと、とある要素が当然に持っているべき機能が失われていることがよくあります。 昨今の Web フロントエンドの開発においては、React や Vue.js などを利用した SPA を採用することが多くなりました。従来の MPA と比較して、リンククリック時やフォーム送信時にページリロードを挟まないので、高速な画面遷移を実現できるため、快適な操作を実現できます。 一方データの取得・ルーティング・フォームの値の管理に至るまで JavaScript で
「コンテナーがいっぱい」と聞くと、なんだか港の風景を思い出してしまうが、Windowsにもコンテナーが複数ある。コンテナーとは、アプリケーションの独立した実行環境とそこで動作するソフトウェアや設定などをファイル化して実行させるもの。あらかじめコンテナーを作っておけば、あとはそれを組み合わせてシステムを構築できるわけだ。 仮想マシン環境に似ているが、コンテナー自体にはOSは含まれないし、必ずしも仮想マシン支援機能を前提としているためでもない。そもそもコンテナーが普及した1つの理由は、仮想マシンにつきもののオーバーヘッドや長い起動時間、大量のメモリー消費といった問題がないため。コンテナーは、特定のハードウェアに縛られることなく実行でき、システムを複数のコンテナーで構築することも可能であり、このとき仮想マシンに比べて実行オーバーヘッドの低いコンテナーは魅力的だったのだ Windows 10Xには
米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は
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く