タグ ブレークポイント
人気順 5 users 10 users 50 users 500 users 1000 usersCSSでメディアクエリはもう必要ないかも -メディアクエリなしで実装するテクニックのまとめ
Webサイトやアプリをレスポンシブ化するためにメディアクエリに頼っているのであれば、CSSの機能を見直して、昔ながらのブレークポイントを新しい流動的なアプローチで実装ができないか検討する時期かもしれません。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。grid, flexbox, vh, vw, ... 続きを読む
2020年のCSSのまとめ、FlexboxやCSS Gridの使用状況、よく使用するプロパティや単位、人気のフレームワークやツールなど | コリス
CSSを10年以上書いてきた人にとって、この2020年は今までとは全く違ったCSSになったと感じた人も多いと思います。 レスポンシブはブレークポイントの代わりにCSS Gridでより簡単に実装できるようになり、グローバルなスタイルシートに頼るのではなく、CSS-in-JSでスタイルをコンポーネントに配置してテーマ性のあるデザ... 続きを読む
プログラムの実行内容を記録して再現する「タイムトラベルデバッグ」(Time Travel Debugging)機能、マイクロソフトがVisual Studioにプレビューで提供開始 - Publickey
プログラムの実行内容を記録して再現する「タイムトラベルデバッグ」(Time Travel Debugging)機能、マイクロソフトがVisual Studioにプレビューで提供開始 モダンな開発ツールの多くには、デバッグ支援機能としてプログラムのステップ実行機能やブレークポイントの設定機能があります。これらを利用することにより、任... 続きを読む
レスポンシブ用にfont-size, margin, paddingなど、プロパティの値を一元管理できるSassの超軽量ライブラリ -SSCSS | コリス
デスクトップ・タブレット・スマホなどの異なるスクリーンサイズに応じて設定したブレークポイントをベースに、font-size, margin, padding, positionなど各プロパティの値を一元管理できるSass...記事の続きを読む 続きを読む
[速報]「Visual Studio Live Share」発表。複数のプログラマがリアルタイムにコードの編集、ブレークポイント、デバッガ操作などを共有。Connect(); 2017 - Publickey
[速報]「Visual Studio Live Share」発表。複数のプログラマがリアルタイムにコードの編集、ブレークポイント、デバッガ操作などを共有。Connect(); 2017 マイクロソフトは11月16日(現地時間)、ニューヨークでオンラインイベント「Microsoft Connect(); 2017」を開催しました。 基調講演で同社は、統合開発環境のVisual Studioやコードエ... 続きを読む
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を採用して直近のプロェクトを進めていました。 補完機能が頻繁に落ちたり、ブレークポイント... 続きを読む
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」は、バッチファイルの編集やデバッグを行う統合開発環境風のアプリケーション。ブレークポイントを加えてステップ単位で実行し、複雑なバッチファイルの開発を効率化するのが主な... 続きを読む
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 ... 続きを読む
画面サイズに応じて任意のCSSファイルをロードするJavaScriptライブラリ・sizeit.js - かちびと.net
画面のサイズを指定して、その サイズに応じて任意のCSSファイル をロードするスクリプトのご紹介。 Media Queries等によってCSSが 肥大化してしまった場合は使って あげると軽量化できるかもですね。 指定したブレークポイントに合わせて、ロードするCSSファイルを指定出来る、というスクリプト。非依存型なので単体で利用可能、サイズも圧縮版で1.7kbほどと軽量です。 Sample Medi... 続きを読む
Firebugで元のJavaScriptのコードに手を入れずにdebug用のconsole出力を入れる方法 - 文殊堂
JavaScript, Firebug, tipsFirebugでは条件付きブレークポイントが使えるので、scriptタブにて該当行にブレークポイントを貼り、条件としてconsoleへの出力を||区切りで、最後に&& falseを入れる。 console.debug('this.lastPosition') || console.dir(this.lastPosition) && false こう... 続きを読む
IT戦記 - FireBug に JavaScript デバッガが付いて便利すぎる件について
javascript, firefoxFirebug を更新したら、またもや凄いことになってました。 まずはこれを見てください。http://sample.ecmascript.jp/20060526.htm 要はJavaScriptをステップ実行しながら結果を確認できる。 変数の値をウォッチできる。 適当にブレークポイントを貼ってスタックを追えば、他人のサイトを簡単にハックできる。 うれしい!た... 続きを読む