はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ ブレークポイント

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 14 / 14件)
 

CSSでメディアクエリはもう必要ないかも -メディアクエリなしで実装するテクニックのまとめ

2021/11/18 このエントリーをはてなブックマークに追加 385 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS メディアクエリ テクニック Grid Flexbox

Webサイトやアプリをレスポンシブ化するためにメディアクエリに頼っているのであれば、CSSの機能を見直して、昔ながらのブレークポイントを新しい流動的なアプローチで実装ができないか検討する時期かもしれません。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。grid, flexbox, vh, vw, ... 続きを読む

2020年のCSSのまとめ、FlexboxやCSS Gridの使用状況、よく使用するプロパティや単位、人気のフレームワークやツールなど | コリス

2020/12/07 このエントリーをはてなブックマークに追加 271 users Instapaper Pocket Tweet Facebook Share Evernote Clip Flexbox コリス フレームワーク プロパティ CSS

CSSを10年以上書いてきた人にとって、この2020年は今までとは全く違ったCSSになったと感じた人も多いと思います。 レスポンシブはブレークポイントの代わりにCSS Gridでより簡単に実装できるようになり、グローバルなスタイルシートに頼るのではなく、CSS-in-JSでスタイルをコンポーネントに配置してテーマ性のあるデザ... 続きを読む

プログラムの実行内容を記録して再現する「タイムトラベルデバッグ」(Time Travel Debugging)機能、マイクロソフトがVisual Studioにプレビューで提供開始 - Publickey

2019/04/07 このエントリーをはてなブックマークに追加 199 users Instapaper Pocket Tweet Facebook Share Evernote Clip Publickey プレビュー マイクロソフト プログラム

プログラムの実行内容を記録して再現する「タイムトラベルデバッグ」(Time Travel Debugging)機能、マイクロソフトがVisual Studioにプレビューで提供開始 モダンな開発ツールの多くには、デバッグ支援機能としてプログラムのステップ実行機能やブレークポイントの設定機能があります。これらを利用することにより、任... 続きを読む

レスポンシブ用にfont-size, margin, paddingなど、プロパティの値を一元管理できるSassの超軽量ライブラリ -SSCSS | コリス

2019/03/10 このエントリーをはてなブックマークに追加 218 users Instapaper Pocket Tweet Facebook Share Evernote Clip padding margin Sass コリス 一元

デスクトップ・タブレット・スマホなどの異なるスクリーンサイズに応じて設定したブレークポイントをベースに、font-size, margin, padding, positionなど各プロパティの値を一元管理できるSass...記事の続きを読む 続きを読む

[速報]「Visual Studio Live Share」発表。複数のプログラマがリアルタイムにコードの編集、ブレークポイント、デバッガ操作などを共有。Connect(); 2017 - Publickey

2017/11/15 このエントリーをはてなブックマークに追加 455 users Instapaper Pocket Tweet Facebook Share Evernote Clip CONNECT プログラマ マイクロソフト ニューヨーク 速報

[速報]「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

2015/03/26 このエントリーをはてなブックマークに追加 111 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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%ほど短縮したお話 | ここぽんのーと

2015/03/19 このエントリーをはてなブックマークに追加 267 users Instapaper Pocket Tweet Facebook Share Evernote Clip Swift ほん コンパイル時間 ナウ コンパイル

iOSエンジニアの皆さん、ゴリゴリSwift書いていますか?サクサク書ける反面、コンパイルにやたら時間がかかってストレスフルですよね。今回は、激遅だったコンパイル時間が「ちょい遅」くらいに改善したお話です。 あらすじ 「ナウでヤングなiOSエンジニアはやっぱSwiftだよね!」ということで、半ば勝手にSwiftを採用して直近のプロェクトを進めていました。 補完機能が頻繁に落ちたり、ブレークポイント... 続きを読む

HTML - 覚えておきたいDevToolsのコマンドラインAPIまとめ - Qiita

2014/04/16 このエントリーをはてなブックマークに追加 673 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita DevTools TimeLine HTML

DevTools、使ってますか? もはやChromeじゃないと開発できないくらいに飼い慣らされています。 ブレークポイントやconsole.logなど基本的な使い方から、TimelineとAuditsを使ってのパフォーマンス計測などなど、DevToolsのポテンシャルは計り知れません。 個人的にはConsole APIが好きなんですが、今回はConsoleパネルで使える Command Line ... 続きを読む

【レビュー】編集やデバッグが簡単になるバッチファイル向け統合開発環境「VisualBat」 - 窓の杜

2014/02/04 このエントリーをはてなブックマークに追加 449 users Instapaper Pocket Tweet Facebook Share Evernote Clip VisualBat デバッグ パッチファイル ダンプ 変数

レビュー 編集やデバッグが簡単になるバッチファイル向け統合開発環境「VisualBat」 バッチファイルのステップ実行や変数のダンプが可能に (2014/2/4 13:10) 「VisualBat」v1.0.0 「VisualBat」は、バッチファイルの編集やデバッグを行う統合開発環境風のアプリケーション。ブレークポイントを加えてステップ単位で実行し、複雑なバッチファイルの開発を効率化するのが主な... 続きを読む

【レビュー】編集やデバッグが簡単になるバッチファイル向け統合開発環境「VisualBat」 - 窓の杜

2014/02/04 このエントリーをはてなブックマークに追加 449 users Instapaper Pocket Tweet Facebook Share Evernote Clip VisualBat デバッグ パッチファイル ダンプ 変数

レビュー 編集やデバッグが簡単になるバッチファイル向け統合開発環境「VisualBat」 バッチファイルのステップ実行や変数のダンプが可能に (2014/2/4 13:10) 「VisualBat」v1.0.0 「VisualBat」は、バッチファイルの編集やデバッグを行う統合開発環境風のアプリケーション。ブレークポイントを加えてステップ単位で実行し、複雑なバッチファイルの開発を効率化するのが主な... 続きを読む

PHP 5.6 に採用されるデバッガ phpdbg を使ってみた - Shin x blog

2013/12/21 このエントリーをはてなブックマークに追加 104 users Instapaper Pocket Tweet Facebook Share Evernote Clip Shin x blog GDB デバッガ コンテキスト PHP

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

2012/07/14 このエントリーをはてなブックマークに追加 123 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSSファイル JavaScriptライブラリ net 単体

画面のサイズを指定して、その サイズに応じて任意のCSSファイル をロードするスクリプトのご紹介。 Media Queries等によってCSSが 肥大化してしまった場合は使って あげると軽量化できるかもですね。 指定したブレークポイントに合わせて、ロードするCSSファイルを指定出来る、というスクリプト。非依存型なので単体で利用可能、サイズも圧縮版で1.7kbほどと軽量です。 Sample Medi... 続きを読む

Firebugで元のJavaScriptのコードに手を入れずにdebug用のconsole出力を入れる方法 - 文殊堂

2010/02/23 このエントリーをはてなブックマークに追加 354 users Instapaper Pocket Tweet Facebook Share Evernote Clip Firebug Console 文殊堂 false 出力

JavaScript, Firebug, tipsFirebugでは条件付きブレークポイントが使えるので、scriptタブにて該当行にブレークポイントを貼り、条件としてconsoleへの出力を||区切りで、最後に&& falseを入れる。 console.debug('this.lastPosition') || console.dir(this.lastPosition) && false こう... 続きを読む

IT戦記 - FireBug に JavaScript デバッガが付いて便利すぎる件について

2006/05/26 このエントリーをはてなブックマークに追加 243 users Instapaper Pocket Tweet Facebook Share Evernote Clip Firebug デバッガ スタック IT戦記 変数

javascript, firefoxFirebug を更新したら、またもや凄いことになってました。 まずはこれを見てください。http://sample.ecmascript.jp/20060526.htm 要はJavaScriptをステップ実行しながら結果を確認できる。 変数の値をウォッチできる。 適当にブレークポイントを貼ってスタックを追えば、他人のサイトを簡単にハックできる。 うれしい!た... 続きを読む

 
(1 - 14 / 14件)