タグ ブレークポイント
新着順 10 users 50 users 100 users 500 users 1000 usersVSCodeがWebAssemblyの実行時デバッグに対応。C/C++やRust、Zigなどのソースコードと関連付け、変数参照、ブレークポイントなど可能に
VSCodeがWebAssemblyの実行時デバッグに対応。C/C++やRust、Zigなどのソースコードと関連付け、変数参照、ブレークポイントなど可能に マイクロソフトは、オープンソースで開発しているコードエディタ「Visual Studio Code」(以下、VSCode)の最新版となる2023年9月版(バージョン1.83)で、JavaScriptデバッガがWebAss... 続きを読む
CSSでメディアクエリはもう必要ないかも -メディアクエリなしで実装するテクニックのまとめ
Webサイトやアプリをレスポンシブ化するためにメディアクエリに頼っているのであれば、CSSの機能を見直して、昔ながらのブレークポイントを新しい流動的なアプローチで実装ができないか検討する時期かもしれません。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。grid, flexbox, vh, vw, ... 続きを読む
2020年のCSSのまとめ、FlexboxやCSS Gridの使用状況、よく使用するプロパティや単位、人気のフレームワークやツールなど | コリス
CSSを10年以上書いてきた人にとって、この2020年は今までとは全く違ったCSSになったと感じた人も多いと思います。 レスポンシブはブレークポイントの代わりにCSS Gridでより簡単に実装できるようになり、グローバルなスタイルシートに頼るのではなく、CSS-in-JSでスタイルをコンポーネントに配置してテーマ性のあるデザ... 続きを読む
Bootstrap ナビゲーションバーのカスタマイズ方法といろいろなデザインの実装例 | コリス
Bootstrap 4のナビゲーションバーのカラーを変更したり、アイテムを整列させたり、レスポンシブのブレークポイントを変更するなどのカスタマイズ方法、ナビゲーションバーのいろいろなデザインの実装例を紹介します。 Bootstrap Navbar Guide and Free Navigation Examples by Nataly Birch 下記は各ポイントを意訳した... 続きを読む
プログラムの実行内容を記録して再現する「タイムトラベルデバッグ」(Time Travel Debugging)機能、マイクロソフトがVisual Studioにプレビューで提供開始 - Publickey
プログラムの実行内容を記録して再現する「タイムトラベルデバッグ」(Time Travel Debugging)機能、マイクロソフトがVisual Studioにプレビューで提供開始 モダンな開発ツールの多くには、デバッグ支援機能としてプログラムのステップ実行機能やブレークポイントの設定機能があります。これらを利用することにより、任... 続きを読む
レスポンシブ用にfont-size, margin, paddingなど、プロパティの値を一元管理できるSassの超軽量ライブラリ -SSCSS | コリス
デスクトップ・タブレット・スマホなどの異なるスクリーンサイズに応じて設定したブレークポイントをベースに、font-size, margin, padding, positionなど各プロパティの値を一元管理できるSass...記事の続きを読む 続きを読む
Xcodeのブレークポイントを通知センターに表示する - NANAIRO
2018 - 01 - 12 Xcodeのブレークポイントを通知センターに表示する 「 Xcodeのブレークポイントで音を鳴らす 」で耳 デバッグ を紹介されていますが、音を鳴らせない状況ではイヤホンを Mac につなぐと言われているように毎回気軽に デバッグ をできないのが難点ではあります。 そこで最近、便利だなと思っているのが通知センターを使う方法です。 Xcode から起動した際、該当箇所が... 続きを読む
[速報]「Visual Studio Live Share」発表。複数のプログラマがリアルタイムにコードの編集、ブレークポイント、デバッガ操作などを共有。Connect(); 2017 - Publickey
[速報]「Visual Studio Live Share」発表。複数のプログラマがリアルタイムにコードの編集、ブレークポイント、デバッガ操作などを共有。Connect(); 2017 マイクロソフトは11月16日(現地時間)、ニューヨークでオンラインイベント「Microsoft Connect(); 2017」を開催しました。 基調講演で同社は、統合開発環境のVisual Studioやコードエ... 続きを読む
効率よくデバッグする方法 - Fly me to the Luna
2013 - 10 - 14 効率よくデバッグする方法 Eclipseデバッガを活用する31のTips にたくさんの はてブ がつきました。たくさんの方に見ていただけたようで、とてもうれしいです。どうもありがとうございました。 デバッガの使い方のスライドを作ってみたものの、効率良く デバッグ する方法については書いていませんでした。例えば、 ブレークポイント をどこに貼ると効率が良い のか、教えて... 続きを読む
Visual StudioがNode.jsの開発ツールに。「Node.js Tools 1.0 for Visual Studio」が無料公開。ブレークポイントやステップ実行も可能 - Publickey
マイクロソフトの統合開発ツールVisual Studioを、Node.jsの開発ツールとして使えるようにする拡張ツール「Node.js Tools 1.0 for Visual Studio」(以下NTVS)が無料公開されました。 NTVSはオープンソースとして開発されたツール。Visual Studioの無料版となるVisual Studio CommunityやVisual Studio Ex... 続きを読む
激遅Swiftのコンパイル時間が75%ほど短縮したお話 | ここぽんのーと
iOSエンジニアの皆さん、ゴリゴリSwift書いていますか?サクサク書ける反面、コンパイルにやたら時間がかかってストレスフルですよね。今回は、激遅だったコンパイル時間が「ちょい遅」くらいに改善したお話です。 あらすじ 「ナウでヤングなiOSエンジニアはやっぱSwiftだよね!」ということで、半ば勝手にSwiftを採用して直近のプロェクトを進めていました。 補完機能が頻繁に落ちたり、ブレークポイント... 続きを読む
Google Cloud Debugger発表。クラウド上でアプリケーションの変数の値をチェック可能に。ログの統合やレスポンスの統計機能も - Publickey
Googleは11月4日、サンフランシスコで開催したイベント「Google Cloud Platform Live」で、Google App Engineの新機能「Cloud Debugger」を発表しました。 Cloud Debugger、ソースコードにウォッチポイントを設定可能 特定のコンピュータで実行されるアプリケーションであれば、そのマシン上で実行されるアプリケーションにブレークポイントを... 続きを読む
HTML - 覚えておきたいDevToolsのコマンドラインAPIまとめ - Qiita
DevTools、使ってますか? もはやChromeじゃないと開発できないくらいに飼い慣らされています。 ブレークポイントやconsole.logなど基本的な使い方から、TimelineとAuditsを使ってのパフォーマンス計測などなど、DevToolsのポテンシャルは計り知れません。 個人的にはConsole APIが好きなんですが、今回はConsoleパネルで使える Command Line ... 続きを読む
【レビュー】編集やデバッグが簡単になるバッチファイル向け統合開発環境「VisualBat」 - 窓の杜
レビュー 編集やデバッグが簡単になるバッチファイル向け統合開発環境「VisualBat」 バッチファイルのステップ実行や変数のダンプが可能に (2014/2/4 13:10) 「VisualBat」v1.0.0 「VisualBat」は、バッチファイルの編集やデバッグを行う統合開発環境風のアプリケーション。ブレークポイントを加えてステップ単位で実行し、複雑なバッチファイルの開発を効率化するのが主な... 続きを読む
【レビュー】編集やデバッグが簡単になるバッチファイル向け統合開発環境「VisualBat」 - 窓の杜
レビュー 編集やデバッグが簡単になるバッチファイル向け統合開発環境「VisualBat」 バッチファイルのステップ実行や変数のダンプが可能に (2014/2/4 13:10) 「VisualBat」v1.0.0 「VisualBat」は、バッチファイルの編集やデバッグを行う統合開発環境風のアプリケーション。ブレークポイントを加えてステップ単位で実行し、複雑なバッチファイルの開発を効率化するのが主な... 続きを読む
ステップ実行可能なRailsリモートデバッグ環境 - clock-up-blog
2014-01-28 ステップ実行可能なRailsリモートデバッグ環境 Ruby Rails IntelliJ IDEA RubyMine 環境構築 VirtualBox デバッグ 概要 IntelliJ IDEA 13 (または RubyMine) と rdebug-ide の組み合わせで Ruby on Rails のIDEデバッグ環境を構築する。大事なこと ブレークポイントを張れること ステ... 続きを読む
PHP 5.6 に採用されるデバッガ phpdbg を使ってみた - Shin x blog
Shin x blog Advent Calendar 2013 の 21 日目です。 PHP 5.6 に採用予定の phpdbg をひと足先に PHP 5.5.7 で触ってみました。 phpdbg phpdbg は、gdb ライクな PHP 用のデバッガです。ブレークポイントを設定して、その時点のコンテキストを確認したり、ステップ実行などができます。 phpdbg | php debugger ... 続きを読む
レスポンシブなWebサイトの作り方を解説したスライド。ブレークポイントやデザインワークフローなど、レスポンシブ特有の考え方を把握するのにちょうどいい資料。 → 文系デザイナーで
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう - 文系デザイナーでも大丈夫! レスポンシブWebサイトを で作ってみよう Nov 続きを読む
レスポンシブなCSSフレームワークの機能比較表。それぞれのブレークポイントの比較が地味に参考になります。 → Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton - コメンター
Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton - Compare Responsive CSS Frameworks: Twitter Bootstrap, ZURB Foundation, and Skeleton 続きを読む
画面サイズに応じて任意のCSSファイルをロードするJavaScriptライブラリ・sizeit.js - かちびと.net
画面のサイズを指定して、その サイズに応じて任意のCSSファイル をロードするスクリプトのご紹介。 Media Queries等によってCSSが 肥大化してしまった場合は使って あげると軽量化できるかもですね。 指定したブレークポイントに合わせて、ロードするCSSファイルを指定出来る、というスクリプト。非依存型なので単体で利用可能、サイズも圧縮版で1.7kbほどと軽量です。 Sample Medi... 続きを読む
画面サイズに応じて画像を差し替える軽量jQueryプラグイン・jQuery Picture - かちびと.net
スマフォやタブレットなどで閲覧した 際に表示する画像を差し替える軽量な jQueryのプラグイン・jQuery Picture のご紹介。レスポンシブWebデザイン でよく問題視される画像のサイズの件 に対応するライブラリです。 設定したブレークポイントに応じて画像を切り替えるライブラリです。2KBと軽量なのが良いですね。 jQuery Picture 以下サンプルです。手抜きですみません。 js... 続きを読む
ブレークポイント - Weblog - hail2u.net
このWebサイトのスタイルではブレークポイントがレイアウト向けに3つ、フォント・サイズ向けに4つ設定されている。なんと7段変速!なんでそうなってるのかとかそういう話を書きたくなったので書く。 レイアウト向け 主にデザインが格納できるのか、バランスはどうかみたいな理由でブレークポイントを設定している。Mobile Firstで書いているのはパフォーマンス的な問題なので、本当はもっと理由駆動でMedi... 続きを読む
CSS3で作る、ドロップダウン⇔アコーディオンの切り替えをするレスポンシブWebデザイン対応のグローバルメニュー - かちびと.net
JSを使わず、CSSのみでドロップダウン メニューとアコーディオンメニューを 特定のブレークポイントで切り替える レスポンシブWebデザイン対応のグロー バルメニューのサンプルです。これは なかなか良いのでは。 JS不要で、ドロップダウン⇔アコーディオンをスマフォ閲覧時などに切り替えるグローバルメニューのサンプル。 Responsive CSS3 Drop-Down to Accordion 大き... 続きを読む
li要素で作ったナビゲーションリンクを、Media Queriesで設定したブレークポイントでselect要素にする軽量ライブラリ・TinyNav.js - かちびと.net
シンプルで使いやすそうだったので 備忘録。Media Queriesと併用して、 ナビゲーションリンクをselect要素 に変換するjQueryのプラグインです。 圧縮版だと300kbほどと、超軽量で、 様々なブラウザにも対応できるので 覚えておこうと思います。 ウィンドウサイズが設定したブレークポイントに達するとli要素で作ったナビゲーションがselect要素に変わってくれるので、スマフォのよう... 続きを読む
Media Queriesのように、モニターサイズに応じてスタイルを変更可能にする非依存型で1KBの軽量jsライブラリ・syze - かちびと. net
シンプルで良さそうだったので一応備忘録。 Media Queriesライクにブレークポイントに 応じてスタイルを変更できるライブラリです。 非依存型で1KBと、超軽量スクリプトなので 簡単なキャンペーンサイトとかならこれでも いいかもしれないですね。 Media Queriesのようにデバイスを限定しないクロスブラウザ対応で、他のライブラリに依存せず利用出来る、圧縮版は1KBと軽量、というのが特徴... 続きを読む