You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
こんにちは、ふじけん(@kenshir0f)です。 Figma Config 2023 で Developer Mode (Dev Mode) が追加され、エンジニアなど実装を担当する人目線でのデザインの確認がより便利になりました。 この Dev Mode はいったい何が便利なのか、どうやって既存のファイルで活用するのかを紹介したいと思います。 公式のチュートリアルはこちら↓ Dev Mode とは?Dev Mode はデザインデータを実装担当者が見るときのモードです。 エンジニアが Figma にあるデザインを実装する時に、デザインに関する情報をすぐに参照したり、UIに関連するコードを確認したりすることができます。 具体的なメリットは以下の通りです。 開発に必要なデザイン・画面だけを素早く参照できる デザインに関連するリンク(GitHub や Storybook, Notion など)を
コンテナイメージなのにブート可能な新技術による「Image mode for Red Hat Enterprise Linux」、Red Hatが発表。レジストリなどのコンテナ関連ツールがそのまま利用可能 Dockerコンテナで使われるコンテナイメージは、そもそもOSのカーネルなどが含まれていないためそれ単体で実行することはできず、コンテナに対応したOSの上にデプロイすることで実行されます。 このコンテナイメージのフォーマットは業界標準の「OCIコンテナ」(Open Container Initiativeコンテナ)として標準化されていますが、このOCIコンテナのフォーマットを守りつつ、ベアメタルサーバ上でブート可能な「ブータブルコンテナイメージ」の開発が進められています。 ブータブルコンテナイメージとは? ブータブルコンテナイメージは、カーネルやデーモンなどの単独で実行可能なOSとしての
マイクロソフト、Chromiumベースの「Microsoft Edge WebView2」.NET正式対応版リリース。バージョンを固定できる「Fixed Version distribution mode」も マイクロソフトは、ネイティブアプリケーションに埋め込めるコンポーネント「Microsoft Edge WebView2」(以下、WebView2)の.NET正式対応版がリリースされました。.NET Core、.NET Framework、WinForms、WPFアプリケーションに対応しています。 10月にはWin32 C/C++対応版が先行して登場しており、.NET対応版の登場が待たれていました。 Today, we are excited to announce that Microsoft Edge WebView2 is Generally Available for prod
ジャパンスタイル復活! “型はガラケー、中身はスマホ。” SIMフリースマートフォン 『Mode1 RETROⅡ(モードワン レトロツー)』2023年10月20日(金)発売開始『Mode1 RETROⅡ(モードワン レトロツー)』予約開始日:2023年10月13日(金)、発売日:10月20日(金) より開始致します。 株式会社P-UP World(本社:東京都足立区千住1-4-1 代表取締役 中込 正典)は、SIMフリースマートフォン「Mode1 RETROⅡ」を2023年10月13日(金)より予約販売開始、同年10月20日(金)以降から発売開始致します。 ジャパンスタイル復活!『Mode1RETROⅡ』誕生 2000年〜2010年代に日本独自で発展した、型は“ガラパゴスケータイ”、中身は現代の“スマートフォン”を融合した、今なお根強い人気機種“Mode1 RETRO”の後継機 『Mode
Concurrent Modeは、現在(2020年3月)実験的機能として公開されているReactの新しいバージョンです。Reactの次のメジャーバージョン(17.x)で正式リリースされるのではないかと思っていますが、確証はありません。なお、React公式からもすでに結構詳細なドキュメントが出ています。 並列モードの導入(実験的機能) Concurrent Modeに適応したアプリケーションを作るためには、従来とは異なる新しい設計が必要となります。筆者はConcurrent Modeを使ったアプリケーションをひとつ試作してみました。この記事から始まる「Concurrent Mode時代のReact設計論」シリーズでは、ここから得た知見を共有しつつ、Concurrent Mode時代に適応したReactアプリケーションの設計を提案します。 なお、Concurrent Modeはまだ正式リリース
こんにちは!はてなデザインチーム所属のid:cormorantcraftです! 先日、配信させていただいたはてなブックマークiOS版のDark Mode、みなさん使っていただけているでしょうか? 今回はそのDark Modeの実装にあたって、デザイナーとエンジニアのコミュニケーションをどのように行っていたかという点にフォーカスしてお話しさせていただければと思います。 コミュニケーションプロトコルの設計 いきなり「コミュニケーションプロトコルの設計」って言われても? という声が聞こえてきそうですが、Dark Mode実装の上で平たく表現すると「色を指定するデザイナー」と「色を実装するエンジニア」の間の意思疎通の枠組みを作ることです。 これをしないで進行してしまうと、デザイナーとエンジニアの間で手戻りが多数発生したり、精神的にお互い疲弊したりチームの雰囲気にも悪影響が出たりしてしまいます。気持
GitHub Dark Mode is Too DarkIf you hate it too this is why. Using color theory to show why GitHub dark mode is disappointing Shared on Hacker News and Twitter This past week, GitHub released a long-awaited feature — dark mode. Like many devs around the world, I was hype. In 2020, a dark mode toggle for anything remotely related to tech seems like a requirement. So I flipped the switch. My immediat
Caution: This page is somewhat outdated and only exists for historical purposes. React 18 was released with support for concurrency. However, there is no “mode” anymore, and the new behavior is fully opt-in and only enabled when you use the new features. For up-to-date high-level information, refer to: React 18 Announcement Upgrading to React 18 React Conf 2021 Videos For details about concurrent
この記事は amdxg を作りながら, next.js で AMP に対応したときにやったことです。 コードはこちらです amdx/packages/ssg at master · mizchi/amdx AMP について Google の推奨する HTML のサブセット仕様です。制約付きのインライン CSS のみ + 一切の JS が書けず、代わりに動きがあるものは amp plugin を使って記述します。 モバイルでは、Google の検索結果画面からは GoogleCDN 上のキャッシュが返却されるので、非常に高速に開くことができます。 (⚡ マークが AMP 対応の印) モバイルに限らず、ある種のベストプラクティスの強制なので、PC でも AMP 対応することに意味はあります。 この記事では、実際にこのブログのための SSG を作る過程で、どのように next.js 上で AMP
「ウォーキング・デッド」「ブレイキング・バッド」などで知られる米国のテレビ局AMCは、同社が初めてパブリッシングを担当するゲーム『Airplane Mode』を発表しました。 同作は、大西洋を長距離飛行する旅客機の乗客となるフライト(?)シミュレーター。飛行時間はおよそ6時間で、その間さまざまなランダムイベントが発生するとのことです。 このゲームについて タキシング、テイクオフからランディングまで再現飛行ルートの景色は衛星写真を使用スナックや高級飲料、機内食など(魚料理オプション含む)本、ヘッドフォン、ペン、充電ケーブルの入った機内持ち込みバッグ頭上の読書ライトや、安全のしおり(無料)amc系列のチャンネル、IFCが制作した機内安全ビデオプレイごとに異なるランダムイベント。乱気流やWi-Fiの接続不良、フライトの遅延など赤子の泣き声(毎フライトで聞こえる訳ではありません)など、まるで本物の
Background これまでVitestでコンポーネントのテストを行う時は、jsdom や happy-dom を使ってブラウザ環境を偽装していました。しかし、偽のブラウザ環境を使うことは多くの問題があり、また開発者はテスト以外でどこにも存在しない環境を作り上げるという不毛な作業が必要でした。 この問題を解決するために、Playwright や Cypress などのテストフレームワークは Component Test をサポートしています。しかし、UnitテストでPlaywrightやCypressを使うのは少々Fatであり、Reactのhooksなどのテストをすることができません。 Vitest Browser Modeを使用することで、Vitest上でComponent Testが可能となり、これらの問題を解決できます。 Installation Browser ModeのSetu
こんにちは、デザイナーだけどFigmaよりTypeScriptを触っている時間のほうが長いid:ymrl です。 この記事はfreee Developers Advent Calendarの2日目です。 CSSの mix-blend-mode 、なんだかカッコいい見た目のものを作るのに便利そうとずっと思っていたものの、 mix-blend-mode に何を指定したらどうなるのか想像しづらく、私は「当てずっぽうでいろんな値を入れてみていい感じになったのを使う」みたいな状態でずっと誤魔化していました。 なにせ MDNのmix-blend-modeのページに載っているサンプルがこれですよ。 MDNに載っているサンプル(MDNのmix-blend-modeのページより引用) これだけ見てもよくわからない! ということで、それぞれの blend-mode の値のときの色の計算方法を調べて、自分で計算
Table of Contents Introduction Part 1: Treesitter for Typescript & TSX LSP Support Completion setup Linter setup LSP Setup Eslint (Optional) Tailwind LSP Server LSP Performance Emacs LSP Booster Structural editing Formatting buffers with Prettier Other resources Conclusion Introduction I've worked within the JS ecosystem for the past 8 years using editors like Webstorm and VSCode, I started using
背景 タスク管理 2022: Bear を使ってジャーナリングしてる 昨年まで bear.app で日々の作業メモと TODO 管理を行ってきたが、以下の理由で 3 月ごろから環境を変えた。 Bear は iCloud Sync を前提としており、MDM で制限がかかった環境などで使いにくい 作業時間の記録などタスク管理に特化した機能が物足りない テンプレート機能や自動化は Shortcuts を駆使して頑張るしかなく、痒いところに手が届きづらい あと一歩のカスタマイズ性やデータフォーマット・同期周りの不自由さという、アプリを使っててあるあるの話。Bear 自体は念願の 2.0 が出てますます良いノートアプリになってると思う。 移行先としては Obsidian など他のアプリも検討したが、結局アプリを使い続ける限り同じ問題は起きるので思い切って org-mode に移行した。メリットはカス
Maybe you have experienced the default Vi mode in Zsh, after turning on the default Vi mode, you gradually found that it had many problems, some features were not perfect or non-existent, and some behaviors even were different from the native Vi(Vim) mode. Although the default Vi mode was a bit embarrassing and unpleasant, you kept on using it and gradually lost your interest on it after using for
OpenAI APIであらゆるジャンルのクイズを無限に作る(Function Calling、JSON Mode)PythonOpenAIChatGPT OpenAIのChat Completion APIを使って、あらゆるジャンルのクイズを無限に作るクイズAPI1を作ってみました。利用するためには、OpenAIのAPIトークンが必要です。 PythonのStreamlitで作ったデモアプリの中で使っています。 クイズのデータ形式 ジャンルを指定すると、Chat Completion APIを使って、次のようなJSON形式の4択クイズデータを生成します。次の例はジャンルにPythonを指定した結果です。 { "questions": [ { "question": "Pythonの特徴でないものはどれ?", "options": ["動的な型付けを採用している", "クラスベースのオブジェ
異色の携帯電話端末「Mode1 RETRO II MD-06P」が2023年10月20日に発売された。昨今では珍しい折りたたみ型かつテンキー付きの携帯電話端末だ。 しかも、Android 13の搭載により、LINEやX(旧Twitter)など、スマートフォン向けにGoogle Playで配信されているアプリをインストールできる。 そんなニッチな端末を世に送り出したのがモーターバイク事業のMoto-UP、携帯電話販売店「テルル」運営元のピーアップなどを傘下に持つP-UP World(ピーアップワールド)だ。なぜ今どき珍しい端末をあえて市場に投入したのか、Mode1 RETRO IIの商品開発を担当した梅澤俊之氏に話をうかがった。
Christoph Kerschbaumer, Julian Gaibler, Arthur Edelstein and Thyla van der Merwe November 17, 2020 Security on the web matters. Whenever you connect to a web page and enter a password, a credit card number, or other sensitive information, you want to be sure that this information is kept secure. Whether you are writing a personal email or reading a page on a medical condition, you don’t want that
はじめに この記事は, Introducing Concurrent Mode (Experimental) – React を,和訳しつつ自分の解釈や図を少しだけ足したものになります. 筆者は,そこまで英語が得意ではないので,一部適切でない表現があるかもしれませんがご了承ください. Introducing Concurrent Mode (Experimental) Blocking vs Interruptible Rendering Concurrent Mode は,バージョンコントロール を使って説明します. ここで言うバージョン管理というのは,gitのようなバージョン管理システムです. ブランチを切って作業を行い,他の人が pull できるように作業ブランチをマスターにマージします. バージョン管理の概念が存在する前と後では,開発ワークフローは大きく異なっていました. ブランチ
パブリッシャーのAMCは、Bacronymの開発する旅客シミュレーションゲーム『Airplane Mode』の新しいトレイラーを公開した。映像ではニューヨークのジョン・F・ケネディ国際空港からカナダのハリファックス・ロバート・L・スタンフィールド国際空港までのフライトの一幕を描いている。 Microsoftがリリースしたフライトシミュレーションゲームが話題になっているが、本作は旅客機に客として乗り込み、フライトの時間をリアルタイムで楽しむゲームだ。乱気流や遅延など、プレイするたびに飛行機での移動でありがちな事件が起きる。 飛行機を操縦することはできないが、プレイヤーは席に座ってシートベルトを締め、目の前にあるモニターで映画を見たり、有料wifiでインターネットをしたり、音楽を聴いたりできる。 ゲームで楽しめるのは、前述の通り飛行機に乗ったことがある方にはお馴染みの出来事ばかりだ。しかもプレ
メリークリスマス! Emacs Advent Calendar 2021です! 今月頭にはGNU Emacsの次期安定版であるEmacs28のプレテスト版(いわゆるベータ版に相当)がリリースされました。いつもの通り?ならここからEmacs半年かからずにリリース候補版・正式版がリリースされるのではないでしょうか。Emacsの独特なバージョンのルールや過去のリリース履歴などは以下のページでご確認ください。 さて、2021年のEmacs界隈を賑わしていたのが新しいミニバッファ補完UIの潮流でした。 各パッケージの位置付けや比較などは何人もの方が詳細な記事を書いてくださっているので参照ください。 Emacsの次世代ミニバッファ補完UI | 日々、とんは語る。 君はselectrumとEmacsる? - tsuu32 selectrum/consult/marginaliaの設定 - 備忘録 まあざ
Posted Aug 4, 2021 2021-08-04T08:50:00-07:00 by Johnathan Norman IntroductionThe VR team is experimenting with a new feature that challenges some conventional assumptions held by many in the browser community. Our hope is to build something that changes the modern exploit landscape and significantly raises the cost of exploitation for attackers. Mitigations have a long history of being bypassed, s
技術構成 API: microCMS(ヘッドレスCMS) Next.js Vercel TypeScript はじめに プレビュー機能は、Next.jsのPreview Modeのおかげで、実装自体は簡単になりました。ですが、「現在どのプロセスを実行中で、どのシステムやサービスに対してどんな操作を行っているのか?」 の把握に少し時間がかかりました。 なのでこの記事では、プレビュー機能を実装する過程を分けて解説し、図解した上で今はどの過程かを示して書くようにしました。特に初めての方が迷わずに進められるように心がけました。 プレビュー機能とは? プレビュー機能は、コンテンツの公開前に、そのコンテンツがウェブサイト上でどのように見えるかを確認できる機能です。この機能により、下書き状態や編集中の記事を、実際の公開環境と同じ条件下で閲覧することが可能となります。 プレビュー機能をどう実現しているか?
Backlink | Photo by Alex Müller on Unsplash Org-mode そうそう、この書き方。 句読点を使わず、文を改行で区切りながらのフリーライティング。 下書きの段階はそうなりますね。 iPhoneで句読点が打ちにくくて始めた方法ですが、すぐ指に馴染みました。 句読点を省くと、改行と空行がリズムパートを担当するようになる。 思考がゆったりと詩のロジックで進んでいきます。 空想が広がる。 まあ、書きやすいです。 句読点は原稿用紙。 それに対し、箇条書きは便箋に綴るような感じ。 (あとで気づいたけど本来「句読点」は言葉に存在しないからだ、きっと) ただ全体像が捉えにくい。 その短所を補うためにWorkflowyを導入したのでした。 箇条書きをアウトライナーで扱うとちょうどいい。 全体も見えるし、部分も見える。 それをテキストベースにしたのが Org-mod
This is a minimal-state, immediate-mode graphical user interface toolkit written in ANSI C and licensed under public domain. It was designed as a simple embeddable user interface for application and does not have any dependencies, a default render backend or OS window/input handling but instead provides a highly modular, library-based approach, with simple input state for input and draw commands d
使わなくなった古いiMacやMacBookを新しいMacのサブディスプレイにできるMac-to-Mac ModeでEthernet/Thunderboltによる接続をサポートした「Luna Display v4.5」がリリースます。詳細は以下から。 iPadにMacの画面を映し出し、液タブ/サブディスプレイにするアプリ「Astropad/Luna Display」シリーズを開発しているAstro HQは現地時間2021年05月05日、本日リリースした「Luna Display v4.5」で使わなくなった古いiMacやMacBookに搭載されているディスプレイを他の新しいMacのセカンドディスプレイとして利用できるようにするMac-to-Mac Modeをアップデートし、EthernetやThunderboltによる有線接続をサポートしたと発表しています。 More ways to work
Concurrent Modeのドキュメントを読みました。useEffect によるFetch-on-render から、Suspense によるRender-as-You-Fetch への変化が本質にみえます。 before function ProfilePage() { const [user, setUser] = useState(null); useEffect(() => { fetchUser().then(u => setUser(u)); }, []); if (user === null) { return <p>Loading profile...</p>; } return ( <> <h1>{user.name}</h1> <ProfileTimeline /> </> ); } function ProfileTimeline() { // 省略 } afte
Microsoft、Edgeブラウザの安全強化モード「Super Duper Secure Mode」のテスト開始 米Microsoftは8月4日(現地時間)、Webブラウザ「Edge」の安全性を高めるための新たなプロジェクト「Super Duper Secure Mode」(SDSM)を発表した。「super duper」は「超かっこいい」というような意味のスラングで、プロジェクトを楽しくするために命名したが、このモードが公式になれば名称を変更する予定としている。 大まかに説明すると、エクスプロイトの原因になりがちなJavaScriptのJIT(Just-In-Timeコンパイル)を削除することで安全性を高める。JITはJavaScriptのパフォーマンスを最適化できる重要な機能だが、例えば2019年以降のCVEデータによると、JavaScriptエンジン「V8」のCVEの約45%がJI
Recently, I needed to change some design elements of a site when the site is in the fullscreen mode. So, I was looking for a way to it using CSS as all I wanted to change was hiding some stuff when in the fullscreen mode. And that’s when I came across this CSS media feature display-mode which can be used to test the display mode of an application. This feature would work just like any other media
最近、Denoの開発をはじめたことにより、EmacsでTypeScriptの開発をするときに、lsp-modeで起動するLSPサーバーをプロジェクトによってNode.js(ts-ls)とDeno(deno-ls)で切り替えたいと思いました。 lsp-modeはすでにJavascript/Typescript (deno)をサポートしているので、おそらくできるはです。 公式回答はディレクトリローカル変数を使う # 調べてみたところ、公式ドキュメントのFAQに次の記載がありました。 I have multiple language servers for language FOO and I want to select the server per project, what can I do? You may create dir-local for each of the project
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く