タグ

tipsに関するHoriuchi_Hのブックマーク (201)

  • Dockerコンテナ内でのnpm installを改善してみる

    開発やCIでやDockerイメージをbuildする際にnpm installすると、cacheがないため時間がかかる。 これはpackageの数が多くなると結構辛いことになるので、なんとかできないかと試してみた。 以下のような適当なpackageを使って試してみる。 { "name": "example-project", "version": "0.0.1", "description": "example", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "kazu69", "license": "MIT", "dependencies": { "express": "^4.13.4", "react": "^15.0.1" }, "

  • README - TypeScript Deep Dive

    I've been looking at the issues that turn up commonly when people start using TypeScript. This is based on the lessons from Stack Overflow / DefinitelyTyped and general engagement with the TypeScript community. You can follow for updates and don't forget to ★ on GitHub 🌹

    README - TypeScript Deep Dive
    Horiuchi_H
    Horiuchi_H 2016/10/22
    basaratさん、いつの間にこんなコンテンツ作ってたんですか?色々と異論はあるけど、有用ですね。
  • バージョン管理したくない作業用スクリプトは「,」ディレクトリに入れるといい - Qiita

    TL;DR: グローバルな gitignore に ,/ を追加して、作業用スクリプトを , ディレクトリに入れると便利。 ,/tmp_script.sh で実行できる。 Git リポジトリの中に一時的に使う作業用スクリプトを置いておきたいことがある。自分だけが使うものなのでコミットはしたくないが、いちいち .git/info/exclude に追加して無視させるのも面倒臭い。 今まで自分は、 tmp_script.sh~ や tmp_script.sh.bak など、グローバルな gitignore で無視されるファイル名にしていたが、これは不要なファイルと間違えて消してしまう危険がある。 ignored.tmp_script.sh は分かりやすいぶん長い。 _tmp_script.sh は悪くないが、コミットすべきファイルにもアンダースコアで始まるものがあって紛らわしい。 そこで、作業

    バージョン管理したくない作業用スクリプトは「,」ディレクトリに入れるといい - Qiita
  • Situs Judi Online dan Slot Online Bocoran Rtp Terpercaya Indonesia - devtoolstips.com

    Banyak Kegembiraan di Situs Slot Online Resmi Terbaik Sangat mudah untuk menemukan situs yang tepat dan segera mulai menang besar. Untuk menemukan bandar mesin https://youcb.ac.id/slot-gacor/ di internet, mulailah dengan mencari di grup media sosial. Dalam hal Read More

  • AngularJSアンチパターン集 - Qiita

    (150522追記)稿の続編としてAngularJSモダンプラクティスを掲載しました。稿は2014年9月に執筆し、情報がかなり古くなっています。続編では、AngularJS 1.4やAngular 2に関する情報をまとめ、入門者への新鮮なチュートリアル、熟練者の移行手引として作成しました。どうぞご覧ください。 この記事は記録のため残します。 AngularJS歴1年の筆者による個人的なAngularJSアンチパターン集です。自分のための戒めとメモを兼ねています。個人差があると思いますので、参考程度に。 また、筆者はTypeScriptで書いています。 Components ComponentsのDI数が6以上になる 危険度★★★ angular.module('myApp') .service('FooService', [ '$q', '$resource', '$rootScope

    AngularJSアンチパターン集 - Qiita
    Horiuchi_H
    Horiuchi_H 2014/09/17
    “DIアノテーションを書かない” は "ng-annotateを使う" が正しいでしょ。DRYに行こうよ。
  • 2013年8月現在のHaskell開発環境 - maoeのブログ

    以前はHaskell Platformを使っていたのだけど、Cabalの依存関係ソルバがあまり賢くなかったこともあり、いわゆるdependency hellに陥ることが多かった。それからというものHaskell Platformを使わない環境を使っている。OS Xでは公式のインストーラやらHomebrewやMac Portsなど幾つかの方法が用意されているが、こんな方法もあるよということで紹介してみよう。 GHCのインストール GHCのリリース版は自分でビルドしない。時間が掛かるから。インストーラは使わずにtarball版を使う。これはインストール先を自分で指定したいため。 tar zxvf ~/Downloads/ghc-7.6.3-x86_64-apple-darwin.tar.bz2 cd ghc-7.6.3/ ./configure --prefix=/usr/local/ghc/

    2013年8月現在のHaskell開発環境 - maoeのブログ
    Horiuchi_H
    Horiuchi_H 2014/02/07
    cabal sandboxか。Haskell Platformで使えるようになるのは何時だろう?
  • 論理削除が奪うもの

    論理削除が奪うもの JPOUGのAdvent Calendar 12/10担当です。 12月 - 忘年会シーズンです。酒で記憶を失っている際に、怒ったとか、近くにいた人にカラんだとか、脱いだとか、毛を燃やしたとか、エレベーターホールにズボンが脱ぎ捨てられていたとか、会議室でが発見されたとか、そういう事件が多発する月ですね。皆様いかがお過ごしでしょうか。 微塵も記憶がない状態で、やらかした内容を色々な人から聞かされるにつけ、穴を掘って蓋してセメントで埋めてもらいたくなるのは常ですが、こういう時はどんな対処を取ればいいんでしょう。 得てしてロクでもない行動を取った時の翌日における参加者の記憶力の良さと来たらFlight Recorderも真っ青です。 なんとか失敗を無かったことにしたいと立ち回りたいですが、まあ無理です。各所にヒアリングを重ねれば重ねるほど確度と精度が高まります。エビデンスま

    論理削除が奪うもの
    Horiuchi_H
    Horiuchi_H 2013/12/26
    “論理削除などというアンチパターン”
  • Git の diff を美しく表示するために必要なたった 1 つの設定 #git - 詩と創作・思索のひろば

    Git に同梱されている contrib/diff-highlight を使います。 あとは README に書いてあることの引き写しですが、PATH の通ったディレクトリに置いて、~/.gitconfig に以下のように設定を書く。 [pager] log = diff-highlight | less show = diff-highlight | less diff = diff-highlight | less すると、対応するコマンドの出力がこんな風になります。 行レベルの diff に加えて、単語レベルでの diff もハイライトされ、GitHub での diff のように描画されました。 組み込みのオプションで --color-words というのがありますが、こちらを使うと行レベルの diff 情報が失われるので、少し不便だったわけですね。とすべて README に書いてあ

    Git の diff を美しく表示するために必要なたった 1 つの設定 #git - 詩と創作・思索のひろば
    Horiuchi_H
    Horiuchi_H 2013/11/27
    これは便利。brewで入れている場合には、ln -s /usr/local/share/git-core/contrib/diff-highlight/diff-highlight /usr/local/bin/diff-highlight でPATHを通すのが良い感じ。
  • Git Cheatsheet

    stash workspace index local repository upstream repository status Displays paths that have differences between the index file and the current HEAD commit, paths that have differences between the workspace and the index file, and paths in the workspace that are not tracked by git. diff Displays the differences not added to the index. diff commit or branch View the changes you have in your workspace

    Horiuchi_H
    Horiuchi_H 2013/11/11
    それぞれのコマンドが、どこからどこへ影響するのかが分かりやすい。
  • Jenkinsの使い勝手をよくするための見直し6点 | Developers.IO

    今回の課題 こんにちは植木和樹です。7月にserverspecを使ったChefの自動テストのエントリを書きました。 【AWS】JenkinsとserverspecでChefのテストを自動化する このエントリは初めてJenkinsを触った時に書いたので、いろいろと流儀がわかっていませんでした。その後弊社にJenkinsマイスターの渡辺修司さんが入社したということで、Jenkinsの設定について見てもらいました。その時に次の6点を見直すよう指摘がありました。 ジョブは意味ある単位で1つにまとめるべし ジョブで実行するシェルスクリプトもgitから取得すべし EC2の起動に失敗したら後続処理を停止させるべし serverspecの実行結果はJUnit(XML)形式で出力すべし 実行結果のXMLをJenkinsで読み込んで統計グラフを出力すべし 定時実行でなくgit push hookを入れるべし

    Jenkinsの使い勝手をよくするための見直し6点 | Developers.IO
  • Effective NeoBundle -- autoload関数を理解しNeoBundleを使いこなすための8の方法 -- - Qiita

    Effective NeoBundle -- autoload関数を理解しNeoBundleを使いこなすための8の方法 --Vim この記事はVim Advent Calendar 2012 : ATND 160日目の記事になります。 159日目は@tyruのこれであなたも節約上手!キーボード上のキーを最大限活用できる人のN個の習慣とは?でした。 第44回 vimrc読書会で「neobundle#config() に関する記事を書くと有り難がられる。」 という話になったので、今回はNeoBundleのコアな設定(もしくは意外と知られていない設定) について紹介したいと思います。 neobundle#rc()は引数を省略できる。 この関数neobundle#rc([{base-path}])は引数である{base-path}を省略することができます。 省略するとどうなるかというと、下記のコー

    Effective NeoBundle -- autoload関数を理解しNeoBundleを使いこなすための8の方法 -- - Qiita
  • 起動オプション - Google Chrome まとめWiki

    起動オプションの設定方法 Windows版の場合 Google Chromeのショートカットを新規作成 作成したショートカットを右クリック、プロパティを選択 ”リンク先”へ起動オプションを追加 例 XP "C:\Documents and Settings\<ユーザー名>\LocalSettings\ApplicationData\Google\Chrome\Application\chrome.exe" --disable-javascript --disable-java --disable-plugins Vista "C:\Users\<ユーザー名>\AppData\Local\Google\Chrome\Application\chrome.exe" --disable-javascript --disable-java --disable-plugins 半角スペースを空けてオ

    起動オプション - Google Chrome まとめWiki
  • 最初に設定しないと絶対損する!Google Analytics 9個の必須設定&解説 | Find Job ! Startup

    アクセス解析は最初の解析設定が命。「やっておけばよかった!」と後悔しても、設定し忘れた集計数値はもう2度と手に入りません。 Webサイトの財産とも言える解析データをしっかり取得してビジネスの成長につなげるためにも、必ず設定しておきたいGoogleアナリティクスの必須設定項目をまとめました。 もし抜けがあるようでしたら、この機会に設定してみて下さい。 ※現時点で、アナリティクスの設定は標準・ユニバーサルの2種類があります。ユニバーサルは、まだ不完全なので今回は「標準」での設定をベースにご紹介します。 【設定1】プロパティ&プロファイル まずはサイトの運用方針などに合わせて、的確にプロパティとプロファイルを設定します。 基的には「サイトごとにプロパティ」設定がおすすめ いくつものサイトを『それぞれ別のドメインで展開』する場合や、サブドメインでそれぞれのサイトを管理する場合、基的に

    Horiuchi_H
    Horiuchi_H 2013/07/04
    GAの設定について。
  • jquery小技まとめ32

    作成:2013/07/1 更新:2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー(Google Analytics関係とか)なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール 1.ページ内リンク/フッターまわり/トップに戻る 2.パララックス スライド 3.カルーセル 4.レスポンシブなスライダー 5.ヌルヌルサクサクなスライドメニュー 6.サムネイル付きクロスフェードスライドショー 補助 7.Google Ana

    jquery小技まとめ32
  • Windows7で拡張パーティションを作る : らいっちのPC奮闘記

    Windows7では『コンピューターの管理』の『ディスクの管理』からは、1つのディスクの4つ目のパーティションが自動で拡張パーティションとなりますが、パーティションを作るときにプライマリか論理(拡張)かを選択することができなくなったので、2つ目のパーティションを拡張にして論理ドライブとして作るにはコマンドでの入力が必要です。 コマンド プロンプトでDiskPartを使います。 >diskpart ディスクの操作を行うためのコマンドモードに入る。 >list disk 目的のディスク番号を確認 >select disk [番号] 目的のディスク番号を選択 select disk 2 >create partition extended 目的のディスクで残りの容量に拡張パーティションを作成 >list partition 目的のパーティションを確認 >select partition [番号]

    Windows7で拡張パーティションを作る : らいっちのPC奮闘記
    Horiuchi_H
    Horiuchi_H 2013/03/07
    ディスクの管理から、拡張パーティションが作れなくなっていたので、コマンドで論理ドライブを作る方法
  • jQueryによるフォーム部品操作のレシピ - むつらつれづれ

    テキストボックスやラジオボタンなどのフォーム部品は、論理モデルとしては単純なnameとvalueの組み合わせであるものの、jQueryを以ってしても画面上では統一的に扱えずに意外と苦労する。忘れがちなので纏めてみた。 フォーム部品共通 フォーム部品(のjQueryオブジェクト)を取得する var obj = $('#target'); // id指定 var obj = $('.targets'); // class指定 var obj = $('input[@name=xxx]'); // name指定 テキストエリア、リストメニューなど同一ドキュメントで唯一なものにはユニークなidを振っておき、チェックボックスやラジオボタンなど同一のname要素で複数存在するものにはそれらで共通のclassを振っておくか、name要素で指定するのが無難か。 テキストボックス(input[@type=t

    jQueryによるフォーム部品操作のレシピ - むつらつれづれ
    Horiuchi_H
    Horiuchi_H 2013/02/12
    毎回検索しているので、メモしておく。
  • Voicepicで写真に音を入れやすくする3つの方法。これでキャンペーンの豪華商品をゲットだ!(昼刊) | AppBank

    Voicepicで写真に音を入れやすくする3つの方法。これでキャンペーンの豪華商品をゲットだ!(昼刊) 今、開催中の豪華賞品があたるキャンペーンはご存知でしょうか? Voicepicで音写真を投稿された方の中から「iPhone5、iPad mini、iPod touch」が当たるのです。たくさん応募がきていますが、まだ期限まで時間はあります。(〜12月2日まで) しかし…写真は好きだけど、音を入れるのに困っているという方は多いのではないでしょうか。声を吹き込むのは難しいし…。 ということで、今回は音写真に音を入れる方法をご紹介します。この方法なら恥ずかしくないので、オススメですよ。 普段から音を集めておこう ふとした時に「あ、この音にピッタリだ!」と思う時ありませんか? しかし、録音画面までいくと間に合いません。 そんな時は、動画を録りましょう。 トップ画面から、すぐに起動できるので音だけ

    Voicepicで写真に音を入れやすくする3つの方法。これでキャンペーンの豪華商品をゲットだ!(昼刊) | AppBank
  • 天下一gitconfig大会

    天下一gitconfig大会(サイボウズ社内git勉強会@2012/11/20)の@teppeisの資料です。 ぎっとぎとにしてやんよ GistDeck gistでmarkdown書いたらbookmarkletでプレゼンになるよ。 ↓これをBookmarkに登録してこのページで実行してみよー! javascript:(function()%7Bvar%20s%3Ddocument.createElement(%27script%27)%3Bs.setAttribute(%27src%27,%27https://raw.github.com/teppeis/gistdeck/fix/gistdeck.js%27)%3Bdocument.getElementsByTagName(%27head%27)%5B0%5D.appendChild(s)%3B%7D)()%3B 複数行のcodeとかが微

    天下一gitconfig大会
    Horiuchi_H
    Horiuchi_H 2012/11/21
    参考にしてみよう。
  • [Android Tips] layoutoptでレイアウトを最適化 | DevelopersIO

    Android開発では、パフォーマンスの最適化がとても重要になってきます。 レイアウトは通常XMLで記述しますが、このレイアウトの構造もパフォーマンスを意識して作らなければ 目に見て分かるレベルでアプリの動作速度が変わってきます。 そこで今回はレイアウトを最適化するツール「layoutopt」使って、最適化を試してみたいと思います。 layoutoptとは layoutoptとは、XMLで記述されたレイアウトファイルの階層構造を分析し、最適化を支援するコマンドラインツールです。 Android SDKに標準で同梱されています。 layoutoptの使いかた layoutoptの使いかたはとても簡単です。 layoutoptはAndroidSDKのtoolsフォルダ内にあるので、コマンドラインでアクセスし実行します。 以下のように、レイアウトのパフォーマンスをチェックしたい対象のレイアウトフ

    Horiuchi_H
    Horiuchi_H 2012/11/15
    layout xml用のlintツール、layoutopt。
  • シェルスクリプトで「ビルドスクリプト」を作る時に便利なテクニック - ククログ(2012-10-11)

    プログラムの種類によっては、そのまま実行できるものと、実行できるようにするために「ビルド」が必要なものとがあります。Cなどのコンパイルが必要な言語で書かれたプログラムは当然ビルドが必要ですし、コンパイルが不要な言語であっても、インストーラパッケージを作るというビルド作業が必要な場合はあります。 ビルド作業の自動化のためのツールとしてmakeなどがありますが、そこまで格的な事をやる必要がない場合は、シェルスクリプトで「ビルドスクリプト」を作るのが手軽でおすすめです。この記事では、そのような場合に役立つシェルスクリプトのテクニックを4つご紹介します。 エラーの気付きやすさとデバッグのしやすさを高める メッセージに色を付ける シェル関数をライブラリにする 一時的に作業ディレクトリの中に入る エラーの気付きやすさとデバッグのしやすさを高める はじめに紹介するテクニックは問題が発生した時に気づきや

    シェルスクリプトで「ビルドスクリプト」を作る時に便利なテクニック - ククログ(2012-10-11)
    Horiuchi_H
    Horiuchi_H 2012/10/12
    これを覚えておくと便利そう。