チームメンバーにコーディング規約を守らせる。絶対に。 - Qiita
Editorconfig, Prettier, ESLint（TSLint）でコード規約を守らせます！絶対に！ 種別 Editorconfig, Prettier, ESLint（TSLint）とコーディング規約に関するものが三種類もあります。利用する場面によって使い分けを行います。 EditorConfig エディタの整形に利用します。 EditorConfig .editorconfigファイルを利用して コードを書いているとき に整形します。 主にインデントの整形を行います。 Prettier コード修正を行います。 Gitのコミット前にPrettierを掛けることでコードの表記の揺らぎを修正します。 ESLint 構文エラーを解析します。 TravisCIやCircleCI系のCIサービスと連携することで、PRがコード規約を守っていることを担保します。 ３つもあるけどどれも使うの？
Headless Chromeでデザイン変更履歴を追える魚拓を作ってみた - pixiv inside
はじめに こんにちは、普段はPawooの開発を担当している新卒エンジニアのabcangです。 最近話題のHeadless Chromeを使って魚拓を作ってみましたので、その話をします。 結論から言うと、こういうものができました。 以下、詳しくお話していきます。 日々行われるデザイン変更をどう把握するか pixivには毎日新機能やUIの変更がデプロイされており、どんどんページが変わっていきます。 ある日、ディレクターから「デザインの変更履歴を追うための魚拓ツールがほしい」と相談されました。魚拓ツールがあると、なにか数値の変動があったときにデザインの崩れを確認したり、過去のデザインを振り返ったりするときに便利とのことです。 ちょうどそのタイミングでHeadless Chromeが利用できるGoogle Chrome 59がリリースされていたので、試すいい機会だと思い引き受けました。 Headl
JavaScriptでシェルスクリプトを書いて面倒な作業はサクッと片付ける
クライアントのWebサイトをSSLにアップグレードしました。証明書はワンクリックでインストールできるので難しくなかったのですが、SSLへ移行後、混在コンテンツの警告がたくさん出ました。WordPressのサイトなので、修正にはテーマディレクトリのアセットをHTTP経由でインクルードしているファイルをすべて特定する必要がありました。 以前は簡単なRubyスクリプトで自動化して対処していました。Rubyは私が最初に覚えた言語で、このようなタスクに適しているからです。しかしNodeでコマンドラインインターフェイスを作る方法で紹介したとおり、JavaScriptはブラウザーだけの言語ではなくデスクトップのスクリプトにも使えます（ほかにも用途はたくさんあります）。 この記事では、JavaScriptで再帰的にディレクトリ内のファイルにアクセスして特定の文字列を検出する方法を解説し、シェルスクリプトを
どれを使う？プロトタイピングツールの特徴・使用感まとめ - ぐるなびをちょっと良くするエンジニアブログ
こんにちは！ かつ、はじめまして！ わたくし、デザイナーのピエール高木と申します。 埼玉生まれ・J-POP育ち、悪そうなやつにはだいたいビビッてました。 どうぞよろしくお願いします！！ お初の投稿になりますが、デザインやコンセプトの面白いサービス&アプリ、気になるツール、参加したイベントなど幅広くお伝えできればと思っています。 今回のテーマは【プロトタイピングツール】。 はじめに・プロトタイピングツールとは 昨今ではデザイナーに求められることが増えつつあります。 ディレクターやエンジニアに対して、プロダクトの画面遷移や動きのイメージを伝えること （特にネイティブアプリなどの案件で）プロジェクトの早い段階から実装に近いイメージを作ること 修正による無駄な開発リソースを削減すること ・・・ そんな中増えてきているのが、高度なプログラミングなしでプロトタイプが作成できる「プロトタイピングツール」
GitHub と homesick を使って複数 Mac 間で dotfiles を同期する | DevelopersIO
複数 Mac 間で、.vimrc や .zshrc などの設定ファイル（dotfiles）の同期って面倒くさいですよね。 dotfiles の管理には、GitHub とシェルで管理したり、Dropbox を使ったりあるようですが、 最近 homesick という gem を教えてもらい、簡単に管理することができたので、私はコレを使っています。 用意するもの GitHub のアカウント Mac *1 homesick のインストール homesick は gem install で簡単にインストールできます。 $ gem install homesick rbenv を使ってる場合は、rehash しておきましょう。 $ rbenv rehash GitHub に dotfiles リポジトリを作成 GitHub にリポジトリを作成します。 先ずは、ローカルに dotfiles ディレクトリ
swfファイルを抽出・解析・flaにデコンパイルするアプリケーション集 | コリス
サイトで使用しているFlashのswfファイルを抽出したり、flaファイルにデコンパイルしたり、ActionScriptを抽出できるアプリケーションのリンク集です。 [ad#ad-2] ※バージョンやプロテクトにより、対応不可なものもあります。 flaファイルにデコンパイル Action Scriptの抽出 swf内で使用しているファイルの抽出 ページに使用しているswfを抽出・保存 flaファイルにデコンパイル SWF Decompiler swfファイルをflaファイルにデコンパイルするアプリケーションです。 $79.99。体験版あり。 Motion Decompiler: 日本語版 swfファイルの解析や、flaファイルにデコンパイルするアプリケーションです。 ダウンロード版：9,800円。体験版あり。 Action Scriptの抽出 Flare swfファイルから、Action
CentOS & Trac | Hanada.Org
CentOS5.0にtrac-0.10.4-ja-1をインストールしました。 社外からもアクセスできるようにFirewall開けてもらったり、CentOS初めてだったりで3日かかりました。しかも深夜まで・・・ClearSilverとかにもはまりましたよ。 参考にさせていただいたページ ・CentOSで自宅サーバー構築 [ http://centossrv.com/ ] ・madboa.com Setting Up Trac on CentOS [ http://www.madboa.com/geek/trac-centos/ ] ・kazfの日記 [ http://d.hatena.ne.jp/kazf/20070401 ] ・jigelog CentOSでyumからTracをインストール [ http://jigen.aruko.net/archives/412/ ] ・p
簡単自動ブラウザ操作スクリプト·CoScripter MOONGIFT
今、入力している会員登録のテスト、自動的に操作できればどれ程システムテストが楽になるだろうか。エラーが起きるたびに入力をやり直していたら、気持ちまでめげてしまう。 システムでは同じ操作、繰り返しの操作はCronやスクリプトで自動実行するようにする。ブラウザであってもそれは同じだ。 今回紹介するフリーウェアはCoScripter、ブラウザを自動操作するFirefoxアドオンだ。 CoScripterはFirefoxアドオンとしてインストールするソフトウェアで、簡単に呼び出して利用できる。Webサイトと連携し、自動操作スクリプトは共有し、利用できる（プライベートにしておくこともできる）。 特徴的なのは操作の記録がWikiベースで行われる点だ。JavaScriptのようなプログラム的な書き方ではなく、箇条書きで書いていくだけで良い。録画（？）機能もあるので、まず最初に操作してその結果を修正すれば
窓の杜 - 2007年 窓の杜大賞 ノミネートソフト一覧
2007年 窓の杜大賞 概要ページへ トップページへ Copyright ©2007 Impress Watch Corporation, an Impress Group company. All rights reserved. 編集部への連絡は まで
patch/diff Tips
Copyright (c) 2001 Koichi OKADA まず「取扱説明書」をお読みください。 はじめに diff/patch とは diff というのはファイルの差分を作成するツール、 patch というのはファイルの差分からファイルの変更を再現するツールです。 通常 diff で作った差分ファイルをパッチ(ばんそうこう)と呼びます。 ライセンス 多分、気にしなくて良いです。 準備 UNIX の場合 通常 UNIX には diff と patch は標準で入っています。 特に準備はいらないはずです。 Windows の場合 一番手っ取り早いのはcygwinを入れることです。 cygwin はでか過ぎるとか cygwin はちょっとって言う人は vector辺りで win32 native な rcs/diff と patch を 取って来る
try ruby! (in your browser)
Got 15 minutes? Give Ruby a shot right now! Ruby is a programming language from Japan (available at ruby-lang.org) which is revolutionizing the web. The beauty of Ruby is found in its balance between simplicity and power. Try out Ruby code in the prompt above. In addition to Ruby's builtin methods, the following commands are available: help Start the 15 minute interactive tutorial. Trust
開発マシン（Win/Mac）
自宅では Mac、会社では Windows を使っています。いろんなUIとかレンダリングエンジンに日ごろからふれておくのは何かとよいと思う。今まで、会社の Windows はデスクトップだったのですが、このたび ThinkPad を会社に買わせることに成功支給していただけることになりました。ありがとうございます。 誰かの参考になるかもしれないので、使ってるアプリや環境をまとめてみました。コンセプトは、「Windows、Macで同じことをやりたい」です。片方でできる作業が、片方でできないときついんで。 ターミナル Winでは Putty + Poderosa、Macでは iTerm。Puttyは設定ファイルがiniファイルにできるのをこのへんから持ってきて使ってます。とはいえメインの開発は Poderosa ないし iTerm でやっています。タブ一つ一つを仕事の案件ごとに開いて、その中で
xyzzy
Software Download xyzzy version 0.2.2.235 テキストエディタのような謎のもの ソース 赤塚君による詳しい紹介 Xyzzy Wiki unrar32 version 0.10 unrar.dll の wrapper Ispell 3.1.20 for Win32 Ispellのてきとー移植版 CropClip version 0.9.3 ぐらい 他の PC のクリップボードの中身を盗ってくる kbdacc version 0.13ぐらい キーリピートを加速するだけ traypse version 0.5 タスクトレイをキーボードで操作 Link Kei's Home Page とか Common Archivers Library 庄田さんち The xyzzy faq page 逸見さんち 負け犬スパイラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳
使えるIDEを一挙まとめて：C/C++、Java、.NET、Perl、PHP、Python、Ruby:ニュース - ZDNet Japan
2007-10-31 - 技じゅちゅ的メモ