社内でよく使う VSCode の機能紹介 - Techtouch Developers Blog
テックタッチのバックエンドエンジニアの taisa です。 社内勉強会で、Visual Studio Code（以降 VSCode と記載）ナレッジ共有会を実施したのでその内容を紹介します。 今回の趣旨は「VSCode で各自がよく使う機能やショートカット、ちょっとしたノウハウを共有することで開発効率を向上させたい」というものです。自分自身 VSCode を使いこなせておらず、他のメンバーの使い方に興味がありました。共有会では、みんなで順番に画面共有しながら進めていきました。 コマンドパレット編 シンボル検索編 ショートカット編 最近開いたプロジェクトを開く 最近開いたファイルを開く / ファイルを検索する サイドバーを開く/ 閉じる、パネルを開く/ 閉じる、エクスプローラを開く 指定のエディタに移動する Grep する 特定の文字列を選択して置換する 定義へ移動、直前の場所に戻る、直前の
Pythonの主要なLint(pep8, pylint, flake8)の設定方法まとめ - Qiita
ちょっとしたメモ書き。 pep8 pylint flake8 のそれぞれで、「一部の警告をチェック対象から除外する」などの設定を行いたいときの 設定ファイルの書き方と置き場所を整理。 参考：[Python]pep8とpylintの設定ファイルを作成して一部の警告を非表示にする - dackdive's blog 上記ブログ記事に flake8 の情報を追加したものです。 要約 いずれも、設定ファイルは ~/.config/ ディレクトリ下に作れば良い。（その他の選択肢もある） ファイル名は pep8 -> pep8 pylint -> pylintrc flake8 -> flake8 と、pylint だけ注意。 設定ファイルの書式も pylint のみ異なる。 設定ファイルの場所 http://pep8.readthedocs.org/en/latest/intro.html#conf
わかりやすい差分(diff)の取り方いろいろメモ
はじめに vimdiffが使える場合はこの記事は読む必要がありません。 また、はじめには読み飛ばして下さって構いません。 エンジニアにとって、2つのファイルの比較を行うことはよくあることだと思います。 ですが最近仕事で2つのファイルの差分を誰でもすぐに読み解ける方法を考え出す必要が出てきました。なお、補足をするとそのプロジェクトではgitを導入できる段階ではありませんでした。 全員がvimを使えるならvimdiffで良いと思います。 ここでは主にdiffコマンドに関することでの視覚的なことについてメモしたいと思います。 パッチ等他の形式については Linuxエンジニアらしいパッチのつくりかた がよくまとまっていると思いますので、そちらをご覧ください。 diffコマンド 一般的に差分を取るときは普通はdiffコマンドが思いつきます。diffコマンドの差分の判定についてのオプションについてはこ
ngrokというサービスを使ってLAN内のサーバーに外部から接続する - 偏った言語信者の垂れ流し
ngrokはNATやファイヤーウォール以下にあるローカルサーバーを、インターネット越しにアクセス可能にしてくれるサービス。 便利だよと教えてもらったので、試してました。 ngrok.com 無料版の機能はアカウント登録等不要で、ngrokコマンドをダウンロードして実行すると、すぐに使えました。 ngrokコマンドは依存ライブラリ等なしの単一バイナリで、Windows, MacOSX, Linux用のものが配布されています。 公開したいサーバー お試しなので、とりあえずPython3に組み込みのhttp.serverを使ってみます。 $ python3.5 -m http.server カレントディレクトリにはindex.htmlを配置済み。これでlocalhostの8000番ポートでHTTPサーバーが起動します。 このサーバーをngrokで外部から接続できるようにしてみます。 ngrokの
【2016年版】アプリ開発編・新人エンジニアが知っておくべきサービス4選 | SELECK
今回は数あるSELECKの事例の中から、アプリ開発に関するサービス・ツールを新人エンジニア向けにまとめてみました。DeployGate・Appium・Fabric・GrowthPushの4ツールです。 誰でも簡単にアプリ開発ができる時代。この4月から入社した新入社員の中にも、入社以前からプログラムを書いていた人も少なくないかもしれません。 しかし個人開発では、なかなか「品質」と「納期」というものを意識しないものです。その2点が、会社でプログラムを書くこととの大きな違いではないでしょうか。 ということで、今回はアプリ開発において、品質向上・効率化に役立つサービスを紹介します。サービスの使い方、そしてアプリ開発のベテラン達の考え方を学んで、趣味から一歩進んだエンジニアリングを身につけましょう！ ▼第1回の「スタートアップ編」はこちら 【2016年版】スタートアップ編・新人エンジニアが知っておく
cheat: コマンドラインツールのコマンド例を呼び出す
B! 24 0 0 0 コマンドラインで作業を行ってる時、 ちょっとオプション等の使い方がわからないコマンドがあった時に ヘルプやmanを参照したり、それでもよくわからないとググる ことがありますが、 cheatコマンドを使えば具体的な使い方をぱっと見ることが出来ます。 cheat cheat コマンドのインストールは $ pip install cheat かまたはMacなら $ brew install cheat で1。 使い方は $ cheat sed # To replace all occurrences of "day" with "night" and write to stdout: sed 's/day/night/g' file.txt # To replace all occurrences of "day" with "night" within file.txt
Web便利ツール@ツールタロウ
Web制作やシステム開発に便利な無料ツール集。 Whois、diff、IPアドレス確認、画像リサイズ、パスワード生成、各種エンコードなどの簡単Web便利ツールが満載。 PC・スマートフォン・タブレットのブラウザで使えます。常時SSL対応です。 皆さまの「こんなツールが欲しい」等のご意見・ご要望も随時受付中です。 フィードバックボタンよりお気軽にお送りください。 また、当サイト内のページはすべてリンクフリーです。 データの取り扱いについて 当サイトは、入力された値を安全に送受信するためにSSL暗号化通信を利用しています。 当サイトで提供しているツールは、入力された値をサーバに送り、サーバで処理した結果を使用しています。 サーバ上で使用・処理した値はただちに破棄されます。 免責事項 当サイトで提供しているツールや情報は、全て無料でご利用いただけます。 ツールの調査結果や掲載の情報は、正確なもの
AndroidStudioで覚えておくべきデバッグTIPS - Qiita
前口上 AndroidStudioのデバッガは非常に高機能でちゃんと使いこなせば人生が捗ります。 教わらないと意外に知らない機能もあると思うので紹介したいと思います。 基本 ブレークポイントはる 行番号の辺りをポチッと押すとその行にブレークポイントはれます。基本ですね。 デバッガを実行中のプロセスにアタッチする 虫マークでビルドしなおさなくても、その2つ右隣の アイコンをクリックすると既に実行中（デバッグ実行じゃなくて普通のRunでよい）のプロセスにアタッチできます。 アタッチ可能なデバイスを選択します。 デバイスが2つ表示されていますが下の方には当該アプリを入れてないので選択できません。 なので予めアタッチしたいデバイスで当該アプリをRunしておいてください。 止まる あとは普通にアプリを動かすとブレークポイントはったところで止まります。 ブレークポイントで止まったらAndroidStu
一文字エイリアスはいいぞ！ - Qiita
一日に何十回もやる作業にかかる労力は最小にすべきだ、ということでいくつかのコマンドを一文字エイリアスにしてるので紹介してみます。 一文字 元のコマンド 説明
js-mobile-console
npm install js-mobile-console bower install js-mobile-console mobileConsole.show(); console.log(1); asdf; mobileConsole.commands({ 'check': 'var a = 10; a;', 'run': '10/5' }); or mobileConsole.options({ showOnError: true, proxyConsole: true, isCollapsed: true, catchErrors: true }); console.log(1); asdf;
それなりに使える、Web制作者がお世話になる便利ツール
作成：2016/01/4 更新：2018/05/01 Web制作 > 毎回使うわけではないけれど、いざとなったら意外と役に立つもの。今回はディレクターからコーダーまで「それなり」に使えそうなツールをまとめました。作業労力を軽減してくれる系です。 エンジニア速報は Twitter の@commteで配信しています。 便利なツール ロゴの特許、商標の検索 キーワードを入力すると登録番号・出願・商標・出願人・登録日の他、ロゴイメージなどを見ることができるサービス、特許情報プラットフォーム。ロゴを作成し商標登録後はここでチェックしておきたいですね。 検索の他、実用新案、意匠、商標の簡易検索ができます。意外と紹介している人が少ないのと、たまに使うことがあるのでメモしておきます。 J-PlatPat 特許事務所は検索で沢山出てきますので、ここでは割愛します。商標登録とロゴマーク作成を一括で頼めるサービ
物理サーバを選定する際のポイント – Eureka Engineering – Medium
Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.
使ってない人は損してる！Macのクリップボード拡張アプリ「Clipy」は便利だぞ！｜男子ハック
@JUNP_Nです。Macのクリップボード拡張アプリの定番といえば「ClipMenu」でしたが既に開発が止まっています、現在は「ClipMenu」をベースとしたクリップボード拡張アプリ「Clipy」を@econa77さんが開発、しばらく使ってみましたがコレはオススメできるアプリ！ OS X El Capitan対応、クリップボード拡張とスニペット機能が便利な「Clipy」クリップボード拡張アプリは使っていますか？クリップボードにコピーした履歴を管理して便利に使うことができるという超便利なアプリなので、使ったことがない人は損してますよ！ 今までMacアプリでクリップボード拡張といえば「ClipMenu」が定番として紹介されてきましたが、既に開発が止まっていること等もあり、ClipMenuをベースに開発されたのが「Clipy」というアプリ。 ClipMenuにあった「スニペット機能」も搭載され
sar(sysstat)によるボトルネック特定 - Qiita
sar(sysstat)とは LoadAverageやCPU使用率、ディスクI/Oの状態を表示できるコマンド。 何より便利なのは、過去にさかのぼれる点。 sarのインストール
URLを入力するだけ！コンテンツをスクレイピングしてデータ化してくれる無料ツール「import.io」
import.ioとは import.ioは、データ化したいページのURLを入力するだけで、自動でデータ箇所を判断して情報を集めてくれるスクレイピングサービスです。 無料で利用することができ、セットアップも、データ収集用のトレーニングなども必要ありません。 URLを入力して、ボタンを押すだけという簡単さから、誰にでも利用できるデータ収集ツールだと思います。 以下では、その簡単な使い方や、利用例などを紹介したいと思います。 定期的なサイトへのスクレイピングは相手サイトの負荷になるので、一日に何度も何度も同一サイトに使用するのはやめましょう。加えて、取得したデータを、そのまま何かに利用すると著作権違反になる恐れもあります。 基本的な使い方 import.ioの最大の特徴は、使い方の簡単さです。 以下では、その使い方の例として、IKEAのソファー検索結果ページのデータを取得してみたいと思います。
[CSS]使い方をしっかりマスターしておきたい便利な5つの疑似クラスと疑似要素
CSS3のセレクタには便利なものがたくさんあり、複雑なHTMLやJavaScriptを使用しなければ実現できなかったことが非常に簡単なコードで実装できます。 Webページでよく利用されるテクニックに役立つ便利な5つの疑似クラスと疑似要素を紹介します。 5 Lesser Used CSS Selectors 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 疑似クラス・と疑似要素を使おう E:empty E::first-letter, E::first-line E:not(セレクタ) E:lang(fr) E:target 疑似クラス・と疑似要素を使おう もしあなたがCSSの新入生なら、あなたが使うセレクタはおそらくclassやidや要素名がほとんどでしょう。実はCSSで利用できるセレクタは、38種類あります（参考: Selector
![[CSS]使い方をしっかりマスターしておきたい便利な5つの疑似クラスと疑似要素](https://cdn-ak-scissors.b.st-hatena.com/image/square/74174ecfeac99fc45dc37b0a40bfc40eea6c4183/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015080410.png)
Web制作に役立つ便利すぎるブックマークレットのまとめ
Webサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。 ページにグリッドを表示した確認 レスポンシブWebデザインの確認 デザインの確認をピクセル単位でできる ページで使用しているフォントをチェック ページをワイヤーフレーム化 ページの構造が正しいか確認 マークアップのいまいちな箇所を指摘してくれる 背景を素敵なテクスチャに変えてみたい ページのパフォーマンスを確認 minifyされたCSSを見やすく表示 SEOやソーシャルメディアに大切な項目を確認 コードとアクセシビリティをチェック ページにグリッドを表示した確認
プログラミングで変数名や関数名のネーミングに迷ったときに便利なカンニングペーパーまとめ
僕は、プログラムをする上で変数や関数に良い名前を付けるのはとても重要と考えています。 というのも、良い名前を付ければ、それだけでそのコードがしたいことの説明になり、コメントと同等の働きをすることもあるからです。 自分がちゃんとそれをできているのかはさておき、僕は普段から、できれば読みやすくて分かりやすい名前を付けたいと思っています。他の人も読むコードであれば、できればプログラムでよく使われるような単語を利用して書いた方がより分かりやすいです。 ただ、よい名前を考えるのって、ちょっと面倒くさいんですよね。僕はこれまで、英語の辞書を利用して、考えたりしていたのですが、「何か、プログラムでよく使われる単語をまとめたものはないか？」と探したら、ドンピシャのものがいくつかあったので、それらをまとめて以下で紹介します。 photo by Michael Coté codic codic – デベロッパ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
クリップボード履歴＆定型文ツール「Clipboard History」、履歴のインクリメンタルサーチが可能に
