Docker Compose な開発環境にちょい足し3分で作るVSCode devcontainer
こんにちは、devcontainer職人です🧑🍳 今回紹介するのはDocker Composeを既に利用している開発環境にかんたんにdevcontainerを構築する方法を紹介します。 VSCodeのdevcontainerはとても良くできた開発環境構築方法なのですが、ちょっと難しそうと思われていたり、VSCode以外のエディタを使う人の開発体験が悪くなるのでは、などの懸念がありまだあまり使われていないような印象があります。今回はそんなdevcontainerを3分で作れるtipsを紹介します。 準備するもの Docker Composeで構築した開発環境 VS Code Docker Desktop for Windows/Mac Remote - Containers extension Docker Composeで構築した開発環境のサンプル 今回用意するのはサンプルとしてRu
Chrome DevTools の使い方
DevTools とはElementsStylesComputedEvent ListenersDOM BreakpointsPropertiesAccessibilityConsoleメッセージスタッキングコンソールの履歴実行コンテキストの選択コンソール出力のフィルタリングコンソールの設定Sourcesコード行ブレークポイント条件付きコード行ブレークポイントコード行ブレークポイントの管理DOM 変更ブレークポイントXHR ブレークポイントイベントリスナーブレークポイント例外ブレークポイント関数ブレークポイントNetworkネットワークリクエストの記録読み込み動作の変更リクエストのフィルタリングリクエストの並び替えリクエストの分析リクエストデータのファイル出力Performance概要ペインフレームチャートペイン詳細ペインMemoryHeap snapshotAllocation inst
デバッグのためにView階層を把握する - Qiita
※この記事はApple公式の「Debugging View Hierarchies」をベースにして「よくわかるAuto Layout iOSレスポンシブデザインをマスター」を参考にしつつ書いています。ちなみにこの記事執筆時に私が使っているXcodeのバージョンは8.1です。 ビューデバッガーの使いどころ あるviewがどこにくっついているのかわからない時に使うことが多いと思います。「なんでこのviewは隠れてしまっているんだろう」「removeFromSuperView()してこのviewも消えるはずなのになんで残ってるんだろう」などの疑問を感じた時に役に立ちます。 ビューデバッガーの表示 一番簡単なのはアプリ実行中にXcode下部にあるデバッグバーのDebug View Hierarchyボタンをクリックすることです。 もしくはXcodeのメニューバーからDebug > View Deb
VSCodeのSSH接続機能で、RaspberryPi内のコードを編集してデバッグ - Qiita
VSCodeとは？ マイクロソフトが開発したソースコードエディタ「Visual Studio Code」の略です。 無料・軽量・多機能の三拍子揃ったエディタとして、急速に支持を広げているそうです。 2019/10版より、RaspberryPi（ARM v8）へのSSH接続機能が公式サポートされたので、 RaspberryPi内のPythonコード遠隔編集を試した結果を記事にしました。 結論から言うと、ブレークポイント付きのデバッグが実現できたりと、快適な遠隔開発環境を実現できました！ ※SSHでなく直接RaspberryPiでVSCodeを使用したいとき 2021/4に、VSCodeがRaspberryPi OSに正式対応しました。こちらの記事が参考になるかと思います 必要なもの ・RaspberryPi (本例ではRaspberryPi3 ModelB) ・上記と同じネットワークにつなが
Androidソースコード検索サービス - Developer Collaboration Project
ポーティング職人さん、アプリをゴリゴリ作っている職人さんから「もっとAndroidのソースを簡単に見られるしかけがないかなー」という声がありましたので、ブラウザ上からOHA版Androidのソース一式を検索出来る検索エンジンを公開しています。 「https://search.siprop.org/」の次の文字列が対応バージョンになっています。 https://search.siprop.org/android-2.2_r1.1/ https://search.siprop.org/android-2.3_r1.0/ https://search.siprop.org/android-2.3.7_r1.0/ https://search.siprop.org/android-4.0.1_r1.0/ https://search.siprop.org/android-4.0.3_r1.0/ h
IoTの要(かなめ)！BLE通信をMacだけでデバッグできるようになる方法！ - Qiita
この投稿はBluetooth Low Energy Advent Calendar 2014 の6日目の記事です！ ここ数ヶ月間iOSアプリとBLEで通信する機器の開発を行っている @kazuph です。 元々は単なるWebプログラマーだったのですが、いつの間にかマイコンの組込みプログラミングをするまでになりました。 サーバー、アプリ、マイコン含めていわゆる"ソフトウェア"と呼べる部分は全部書いているのですが、その辺の習得までの流れとかはおいおいブログに書いていきたいと思います。 今回は普段仕事でBLE開発をする中で習得した、GATTの内容やアドバタイジングパケット内容をMacだけで確認する方法を書きたいと思います。 やってみる 何はともあれツールをインストールします。 用いるものは以下の２つです。 LightBlue PacketLogger LightBlue AppStoreからイン
初級者から中級者にレベルアップするためのXcodeデバッグ術 - Think Big Act Local
効率よくiOSアプリ開発を行うために、効率よくデバッグを行いたいですよね。 このエントリでは「print文を書く以外デバッグの方法を知らなかったあの頃の自分」を初級者と定義して、自分がやってるデバッグ方法について書いてみます。 Xcodeデバッグ術 1. printを使わずに変数の中身を確認する age, name, coverImage という以下の3つの変数が宣言されています。 let age = 27 let name = "Ryosuke Hiramatsu" let coverImage = UIImage(named: "sample.jpg") これらの変数の中身をチェックしたい時、printで出力するのでも良いですが、それでは出力する値を変えたくなった時（print(age)をprint(age*2+1)に変更とか）に再度ビルドが必要になって時間がかかります。 printで
今さらだけどweinreを使ったリモートデバッグを復習してみる - Qiita
ここでやりたいことは ケーブルレスでリモートデバッグ Cordova/PhoneGapなスマホアプリのデバッグ OS、ブラウザの縛りなし です。 ブラウザがネイティブでサポートしてくれるようになってずいぶんリモートデバッグも楽になってきました。 しかし、iOSにしてもAndroidにしてもケーブルで接続しないといけない。めんどくさい。。ケーブル挿したくないし。 Cordova/PhoneGapを使ったハイブリッドアプリとかは対応してないし。 と考えたところ原点回帰とはいいませんがやはりweinreに行きつくのかな。 weinreが登場する前は自力でsocket使ってjavascript送りつけてたなぁ（遠い記憶 そんなわけで久々にweinreを使ってみました！な覚書です。 覚書するほどでもないですがｗ weinreって何者？というところはどこか他のところで見てもらえばいいです。 例えばwe
weinreでiOSのブラウザのデバッグを行う手順 · zephiransasのチラシの裏
モバイル対応のWeb開発をしている時、iPhoneやiPadのブラウザでのデバッグに苦労したことはないですか？ PCの場合であれば、Chormeのデベロッパーツールとかでかなり簡単にデバッグを行うことができますが、iOSとかのSafariではデバッグツールをつかうことができません。 そんな時に便利なのがweinreです。weinreを使うことで、iOS側で表示されたWebページのデバッグツールの情報を、PCから見ることができる大変便利なツールです。 今回はweinreの使い方を紹介します。 weinreのインストール まずはweinreをインストールします。weinreはnpmで提供されているので、以下のコマンドでインストールします。 npmをインストールしてない場合は、先にnode.jsをインストールしてください。 $ sudo npm -g install weinre 自分の環境では
IntelliJ IDEA(無償版)でScala+PlayFramework2.3の開発環境を作った話 - 技術memo
何故かScalaを始めることにしたので、環境構築メモです。意外と躓きました。 環境 Windows 7 JDK 1.7.0.75 IDE IntelliJ IDEAをインストールします。 version(Community Edition): 14.0.3 Download -> Windows -> Download Community キーバインドをEmacs風に変更(個人的趣味によります)。 File -> Setting -> Appearance&Behavior -> Keymap の上部のキーセット一覧から択べます。 Vim派はプラグインから……。 Scala Pluginを導入 File -> Setting -> Plugins -> Install JetBrains plugin -> Scala でインストール、IDEA再起動。 Scala本体 Scala公式からダ
Java スレッドダンプとの戯れ方 - A Memorandum
プロセスIDの取得 スレッドダンプの取得 Windowsでプロセスをサービス起動している場合 スレッドダンプを読む プロセスIDの取得 まずは Java のプロセスIDを取得するところから始める。jps で取得できる。 $ <JAVA_HOME>/bin/jps -l 主要なオプションは以下の通り(SunVM)。 オプション 説明 -m main メソッドに渡される引数を出力 -l アプリケーションの主要なクラスのフルパッケージ名、またはアプリケーションの JAR ファイルへのフルパス名を出力 -v JVM に渡される引数を出力 JDK7 からは JRockit と統合されたため jcmd が使えるので以下でもプロセスIDを取得できる。 $ <JAVA_HOME>/bin/jcmd または、単に ps コマンドで取得するでもよい。 $ ps -ef | grep -v 'grep' | g
Swiftでデバッグ出力（日時、メソッド名、行番号） - 定食屋おろポン
メソッド名と行番号 かつてObjective-Cではこのように書いていた時代があった。 NSLog(@"%s, %d", __PRETTY_FUNCTION__, __LINE__); 今日からはこう書ける！*1 println(__FUNCTION__, __LINE__) //=> (someFunction(), 60) Swiftのprintlnは、NSLogと違って現在時間が表示されない。 出力したければNSDateを使えばよい。 println(String(NSDate.date().description), __FUNCTION__, __LINE__) //=> (2014-06-04 13:34:18 +0000, someFunction()someFunction(), 63) 追記: 普通にNSLogも使えるので使えばよい。 特殊リテラルには以下があるので好きに
05_Debugging_JavaScript
[2014-01-14 Tue 12:52] JavaScript アプリケーション増加の complexity (複雑さ) として、開発者は、速く問題の原因を発見し、かつそれを効率的にFIXするのを支援するために強力なデバッグ用ツールを必要とします。 Chrome DevTools は、JavaScript を debugging (デバッグすること) をそれほど痛くなくするのを支援する多くの有用なツールを含んでいます。 このセクションでは、Google Closure hovercard demo ( goog.ui.HoverCard ) と、このページにある他の動的な例をデバッグすることによって、これらのツールを使用する方法をウォークスルーします。 注: ウェブディベロッパーで、DevToolsの最新バージョンを得たければ、Chrome Canary を使用するべきです。 Sour
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
