はてブログ

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



タグ ブレークポイント

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

VSCodeがWebAssemblyの実行時デバッグに対応。C/C++やRust、Zigなどのソースコードと関連付け、変数参照、ブレークポイントなど可能に

2023/10/16 このエントリーをはてなブックマークに追加 36 users Instapaper Pocket Tweet Facebook Share Evernote Clip ZIG コードエディタ rust WebAssembly 以下

VSCodeがWebAssemblyの実行時デバッグに対応。C/C++やRust、Zigなどのソースコードと関連付け、変数参照、ブレークポイントなど可能に マイクロソフトは、オープンソースで開発しているコードエディタ「Visual Studio Code」(以下、VSCode)の最新版となる2023年9月版(バージョン1.83)で、JavaScriptデバッガがWebAss... 続きを読む

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でスタイルをコンポーネントに配置してテーマ性のあるデザ... 続きを読む

Bootstrap ナビゲーションバーのカスタマイズ方法といろいろなデザインの実装例 | コリス

2019/08/20 このエントリーをはてなブックマークに追加 46 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ナビゲーションバー Bootstrap レスポンシブ

Bootstrap 4のナビゲーションバーのカラーを変更したり、アイテムを整列させたり、レスポンシブのブレークポイントを変更するなどのカスタマイズ方法、ナビゲーションバーのいろいろなデザインの実装例を紹介します。 Bootstrap Navbar Guide and Free Navigation Examples by Nataly Birch 下記は各ポイントを意訳した... 続きを読む

プログラムの実行内容を記録して再現する「タイムトラベルデバッグ」(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...記事の続きを読む 続きを読む

Xcodeのブレークポイントを通知センターに表示する - NANAIRO

2018/01/11 このエントリーをはてなブックマークに追加 27 users Instapaper Pocket Tweet Facebook Share Evernote Clip NANAIRO XCode デバッグ 難点 イヤホン

2018 - 01 - 12 Xcodeのブレークポイントを通知センターに表示する 「 Xcodeのブレークポイントで音を鳴らす 」で耳 デバッグ を紹介されていますが、音を鳴らせない状況ではイヤホンを Mac につなぐと言われているように毎回気軽に デバッグ をできないのが難点ではあります。 そこで最近、便利だなと思っているのが通知センターを使う方法です。 Xcode から起動した際、該当箇所が... 続きを読む

[速報]「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やコードエ... 続きを読む

効率よくデバッグする方法 - Fly me to the Luna

2015/12/10 このエントリーをはてなブックマークに追加 48 users Instapaper Pocket Tweet Facebook Share Evernote Clip Fly me to the Luna 方法 デバッガ はてブ

2013 - 10 - 14 効率よくデバッグする方法 Eclipseデバッガを活用する31のTips にたくさんの はてブ がつきました。たくさんの方に見ていただけたようで、とてもうれしいです。どうもありがとうございました。 デバッガの使い方のスライドを作ってみたものの、効率良く デバッグ する方法については書いていませんでした。例えば、 ブレークポイント をどこに貼ると効率が良い のか、教えて... 続きを読む

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を採用して直近のプロェクトを進めていました。 補完機能が頻繁に落ちたり、ブレークポイント... 続きを読む

Google Cloud Debugger発表。クラウド上でアプリケーションの変数の値をチェック可能に。ログの統合やレスポンスの統計機能も - Publickey

2014/11/05 このエントリーをはてなブックマークに追加 39 users Instapaper Pocket Tweet Facebook Share Evernote Clip Publickey 変数 レスポンス アプリケーション 統合

Googleは11月4日、サンフランシスコで開催したイベント「Google Cloud Platform Live」で、Google App Engineの新機能「Cloud Debugger」を発表しました。 Cloud Debugger、ソースコードにウォッチポイントを設定可能 特定のコンピュータで実行されるアプリケーションであれば、そのマシン上で実行されるアプリケーションにブレークポイントを... 続きを読む

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」は、バッチファイルの編集やデバッグを行う統合開発環境風のアプリケーション。ブレークポイントを加えてステップ単位で実行し、複雑なバッチファイルの開発を効率化するのが主な... 続きを読む

ステップ実行可能なRailsリモートデバッグ環境 - clock-up-blog

2014/01/28 このエントリーをはてなブックマークに追加 62 users Instapaper Pocket Tweet Facebook Share Evernote Clip clock-up-blog RubyMine ステップ実行

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

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 ... 続きを読む

レスポンシブなWebサイトの作り方を解説したスライド。ブレークポイントやデザインワークフローなど、レスポンシブ特有の考え方を把握するのにちょうどいい資料。 → 文系デザイナーで

2012/11/04 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip Nov デザインワークフロー WordPress スライド

文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう - 文系デザイナーでも大丈夫! レスポンシブWebサイトを          で作ってみよう Nov 続きを読む

レスポンシブなCSSフレームワークの機能比較表。それぞれのブレークポイントの比較が地味に参考になります。 → Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton - コメンター

2012/11/04 このエントリーをはてなブックマークに追加 54 users Instapaper Pocket Tweet Facebook Share Evernote Clip コメンター Skeleton Bootstrap 参考 比較

Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton - Compare Responsive CSS Frameworks: Twitter Bootstrap, ZURB Foundation, and Skeleton 続きを読む

画面サイズに応じて任意の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... 続きを読む

画面サイズに応じて画像を差し替える軽量jQueryプラグイン・jQuery Picture - かちびと.net

2012/06/15 このエントリーをはてなブックマークに追加 46 users Instapaper Pocket Tweet Facebook Share Evernote Clip net 画面サイズ 画像 jQuery ライブラリ

スマフォやタブレットなどで閲覧した 際に表示する画像を差し替える軽量な jQueryのプラグイン・jQuery Picture のご紹介。レスポンシブWebデザイン でよく問題視される画像のサイズの件 に対応するライブラリです。 設定したブレークポイントに応じて画像を切り替えるライブラリです。2KBと軽量なのが良いですね。 jQuery Picture 以下サンプルです。手抜きですみません。 js... 続きを読む

ブレークポイント - Weblog - hail2u.net

2012/05/19 このエントリーをはてなブックマークに追加 39 users Instapaper Pocket Tweet Facebook Share Evernote Clip Medi Weblog hail2u.net バランス 理由

このWebサイトのスタイルではブレークポイントがレイアウト向けに3つ、フォント・サイズ向けに4つ設定されている。なんと7段変速!なんでそうなってるのかとかそういう話を書きたくなったので書く。 レイアウト向け 主にデザインが格納できるのか、バランスはどうかみたいな理由でブレークポイントを設定している。Mobile Firstで書いているのはパフォーマンス的な問題なので、本当はもっと理由駆動でMedi... 続きを読む

CSS3で作る、ドロップダウン⇔アコーディオンの切り替えをするレスポンシブWebデザイン対応のグローバルメニュー - かちびと.net

2012/04/10 このエントリーをはてなブックマークに追加 89 users Instapaper Pocket Tweet Facebook Share Evernote Clip アコーディオン ドロップダウン レスポンシブWebデザイン

JSを使わず、CSSのみでドロップダウン メニューとアコーディオンメニューを 特定のブレークポイントで切り替える レスポンシブWebデザイン対応のグロー バルメニューのサンプルです。これは なかなか良いのでは。 JS不要で、ドロップダウン⇔アコーディオンをスマフォ閲覧時などに切り替えるグローバルメニューのサンプル。 Responsive CSS3 Drop-Down to Accordion 大き... 続きを読む

li要素で作ったナビゲーションリンクを、Media Queriesで設定したブレークポイントでselect要素にする軽量ライブラリ・TinyNav.js - かちびと.net

2012/04/03 このエントリーをはてなブックマークに追加 44 users Instapaper Pocket Tweet Facebook Share Evernote Clip ナビゲーションリンク ウインドウサイズ jQuery net

シンプルで使いやすそうだったので 備忘録。Media Queriesと併用して、 ナビゲーションリンクをselect要素 に変換するjQueryのプラグインです。 圧縮版だと300kbほどと、超軽量で、 様々なブラウザにも対応できるので 覚えておこうと思います。 ウィンドウサイズが設定したブレークポイントに達するとli要素で作ったナビゲーションがselect要素に変わってくれるので、スマフォのよう... 続きを読む

Media Queriesのように、モニターサイズに応じてスタイルを変更可能にする非依存型で1KBの軽量jsライブラリ・syze - かちびと. net

2012/01/16 このエントリーをはてなブックマークに追加 56 users Instapaper Pocket Tweet Facebook Share Evernote Clip Media Queries 備忘録 クロスブラウザ対応 変更

シンプルで良さそうだったので一応備忘録。 Media Queriesライクにブレークポイントに 応じてスタイルを変更できるライブラリです。 非依存型で1KBと、超軽量スクリプトなので 簡単なキャンペーンサイトとかならこれでも いいかもしれないですね。 Media Queriesのようにデバイスを限定しないクロスブラウザ対応で、他のライブラリに依存せず利用出来る、圧縮版は1KBと軽量、というのが特徴... 続きを読む

 
(1 - 25 / 28件)