TypeScript + React: Component patterns
This list is a collection of component patterns for React when working with TypeScript. See them as an extension to the TypeScript + React Guide that deals with overall concepts and types. This list has been heavily inspired by chantastic’s original React patterns list. Contrary to chantastic’s guide I use mainly modern-day React, so function components and – if necessary – hooks. I also focus exc
Help message for shell scripts
July 7, 2020Have you ever thought how good it would be to have a help message for your shell script that you wrote a month ago and already forgot what it is supposed to do? Yeah, there is always a way to show a message using cat (meow) or a bunch of echo calls. But there is a neat trick. Add your message with all the required information on top of your file, just right after the shebang. #!/bin/ba
Sassの変数とmixinで変更に強いメディアクエリをつくる ｜ Tips Note by TAM
レスポンシブWebデザインではメディアクエリ（media queries）を書くことが多くなります。通常のCSSではブレイクポイントを変更したくなったときに、すでに書いてしまった箇所を直していくのはとても大変です。 Sass（scss記法）を使えば、変数や@mixinを使うことで1箇所で管理することが容易になります。今回はSassでメディアクエリを管理する方法を紹介します。 ブレイクポイントを変数（マップ型）で定義する メディアクエリにはブレイクポイントと呼ばれる処理を変更する横幅を決めます。通常のSassの変数でブレイクポイントを定義した場合は以下のようになります。 $breakpoint-sm: 400px !default; $breakpoint-md: 768px !default; $breakpoint-lg: 1000px !default; 今回は変数は変数でも、マップ型
知っておくと便利な git clone --depth と git diff --indent-heuristic - kakakakakku blog
コミット履歴が無駄に多く，黒歴史のある Git リポジトリで開発をする場合，初回の git clone が非常に遅いという問題がある．コミット数に依存せずに素早く落とせる方法を探していて，最近（今さら...！） git clone の --depth オプションのことを知った．用途によっては非常に便利なので，まとめておこうと思う． 前提 現時点で公開されている最新バージョンの Git 2.12.1 を前提にしている．Git は今もまだ機能が増えているため，定期的にバージョンアップしておくと良いと思う．Mac なら brew upgrade git でサクッと最新バージョンになる． $ git --version git version 2.12.1 git clone --depth とは git clone で --depth オプションを使うと，指定したコミット数で刈り取ることができる
無料サービスを使え！ – 役立つ無料サービスのレビュー、まとめ、比較記事を紹介
コンテンツへスキップ 無料で使える！HubSpotの顧客リストの活用法 無料のアンケート作成ツール 比較／まとめ 無料「Excel」 テンプレート 比較／まとめ 無料で使えるノートアプリ比較 (Evernote / OneNote / Google Keep) おすすめの無料Web会議システム5選 WebP Converter 徹底解説！初心者でも直ぐに使える HubSpot は、マーケティング、セールス、サービスのためのCRM（Continue reading 多くの人の声を聞くことで改善できることも多い 企業や団体など運営していContinue reading 就職・転職には必須となる履歴書・職務経歴書 これから就職活動をスタートContinue reading 便利なノートアプリで効率的な仕事をしよう いつの時代も仕事をしていてメContinue reading 近年、リモートワーク
Rakeを利用した電子書籍ビルドの自動化 - Fuzoku実践入門ブログ
はじめての電子書籍執筆を支えたソフトウェアで紹介した通り、 Re:VIEWとkindlegenとmd2reviewを導入することで、Markdownで執筆を行ないながら、コマンドを実行するだけで、MarkdownファイルからEPUB, PDF, MOBI（以下、これらを総称して電子書籍ファイルと呼びます）を生成することが可能となりました。 ゲラの執筆段階では、たまに電子書籍ファイルを生成するだけですが、校正段階に入ると、表示確認のために頻繁に電子書籍ファイルを生成するようになりました。 MarkdownファイルからEPUB, MOBI, PDFを生成するために必要なコマンドは次のようになります。 $ md2review d2review chapter1.md > ./chapter1.re # .md を .re に変換 $ review-epubmaker config.yml # E
ATOM: gitignoreしたファイルを表示する方法 - JavaScriptをがんばるブログ
ATOMエディタはデフォルトだとgitignore対象のファイルがtree view(左のファイル一覧)に表示されず、 ファイル検索にもヒットしません。 そのためbundlerやcomposerで落としたパッケージのコードを読む時などは少し工夫が必要です。 PHPのsilexというフレームワークを例に解説して行きます。 1.gitignore対象をtree viewに表示 preference → Packages → tree-viewの[Settiongs]ボタン よりtree viewの設定画面へ遷移し、Hide VCS Ignored Fileのチェックを外す。 gitignore対象のvendorディレクトリ以下がtree viewに表示されました。 2.tree viewのgitignore対象を見やすい色に変更する 現状のままでは背景のグレー色と重なりファイル名が読みにくいの
覚えるだけでPythonのコードが少し綺麗になる頻出イディオム - タオルケット体操
まえがき 今年の春から今まで、2年ぶりにPythonを沢山書いているわけなんですが、JavaScriptのクソに頭をやられて久しぶり書くだけあって基本的なところから色々と頭から抜け落ちていたわけです。 そんで何か思い出すたびに会社のwikiを使ってメモっていたのですが、せっかくなので少々訂正をしてブログにも書きます。 また、弊社はPython2を使っているので、2が前提の記述になっているところがいくつかあります。なるべくフォローしていますが、参考にする場合は自分が使っているバージョンを確認することをおすすめします。 また、今から新しくPythonでプロジェクトを始めようと思っている人は3系を使いましょう。 知ってる人は当然知ってる、でも結構長いことPythonを書いてても知らなかったりするような小技を載っけました。 なお、メタプログラミングとかの黒魔術っぽい記事のまとめはこちら: hach
tmuxのpane内でスクロール - 不完全な死体
どうも。 季節の変わり目だからでしょうか。不穏な頭痛で躁状態になりそうです。 ハシモトです。 一度はめんどくさくて断念したtmuxを最近また使ってみています。でもサーバーマシンならまだしもクライアント内で色々と開発作業をする際には面倒くさいことがやはり多いなぁと感じます。そこで今日の1tipsが掲題。 How do I scroll in tmux? (http://superuser.com/questions/209437/how-do-i-scroll-in-tmux) とこちらでも質問されていますが、tailfなどでログをtmuxのpane内で流していると、ついついトラックパッドやマウスでスクロールしようとしてしまいますが、そうするとウィンドウ毎スクロールしてしまいます。そんな時は、 Ctrl-b [ でスクロールモードに入り、macなら fn + ↑↓ のような感じらしい。 他
人間らしいGitのエイリアス | POSTD
断固としてコンピュータ言語を拒絶する 私の知っている最も一般的な .gitconfig は、ユーザ名の設定だけが記されたものです。そして、その次に一般的なものはこれです。 [alias] ci = commit cia = commit -a cam = commit --amend cama = commit --amend -a cl = clean cldf = clean -df res = reset resa = reset HEAD ... # 82 more 4-character aliases このコンフィグは、要するにあなたの頭の中のスペースをキーストロークに置き換えます。短縮コマンドのエイリアスを覚えれば、タイピング数の節約が可能です。しかし私はこれが好きではありません。私はタイプミスをしますし、睡眠不足なこともたまにあるので、このエイリアスではやりづらくなってしま
今さら聞けないgit pushコマンド - Shoichi Matsuda's diary
id:koogawaさんのgitの記事を読みました。 これを読んでそういえばみんな知ってるのかなと思った点があるので書いておきます。 取り上げるのはgitのpush周りのお話です。 （これ以降の記事中のリモートは全てoriginとします。） このコロンは何？？ リモートブランチの削除で以下のようなコマンドを実行すると思います。 git push origin :hoge コロンが付いていますがこのコロン正体、正しく説明できますか？ 実用Git 作者: Jon Loeliger,吉藤英明(監訳),本間雅洋,渡邉健太郎,浜本階生出版社/メーカー: オライリージャパン発売日: 2010/02/19メディア: 大型本購入: 7人 クリック: 287回この商品を含むブログ (44件) を見る pushコマンドの実体 普通、ローカルブランチをリモートに反映する際のコマンドはこんな感じです。 git p
19 Git Tips For Everyday Use - alexkras.com
Table of Contents: Parameters for better logging git log --oneline --graphLog actual changes in a file git log -p filenameOnly Log changes for some specific lines in file git log -L 1,1:some-file.txtLog changes not yet merged to the parent branch git log --no-merges master..Extract a file from another branch git show some-branch:some-file.jsSome notes on rebasing git pull --rebaseRemember the bran
Effective Pythonを読んで心に響いたこと - MyEnigma
Effective Python ―Pythonプログラムを改良する59項目posted with カエレバBrett Slatkin オライリージャパン 2016-01-23 Amazonで探す楽天市場で探すYahooショッピングで探す 目次 目次 はじめに Pythonのランタイムの種類 プライベート属性はアンダーバーを２つ先頭におく リストや文字列の空判定にlenなどは使わない mapやfilterよりもリスト内包表記を使う rangeよりはenumarateを使う オプションのキーワード引数は、位置ではなくキーワードで与えるとコードが読みやすい どんなクラスオブジェクトでも__dict__ですべてのフィールド辞書にアクセスできる Pythonコードのプロファイルを取るにはcProfileを使うと便利 参考資料 MyEnigma Supporters はじめに 以前、C++の名著Ef
IntelliJ IDEA keyboard shortcuts | IntelliJ IDEA
IntelliJ IDEA keyboard shortcutsIntelliJ IDEA has keyboard shortcuts for most of its commands related to editing, navigation, refactoring, debugging, and other tasks. Memorizing these hotkeys can help you stay more productive by keeping your hands on the keyboard. All default shortcuts are configurable and you can also assign shortcuts to any action that does not have them by default. For the pred
Maven のビルドでテストをスキップする - tm_senda の技術ノート
Maven を利用する場合、テストをスキップするのは本来であれば推奨されないわけですが、 テストに時間がかかりすぎるので普段はテストをスキップしたい スケジュールに追われてテストコードのメンテナンスが追いつかない！けどビルドは通したい…*1 などの事情によりテストをスキップしたい場面に出くわすことがあります。 まれに、"rm -rf src/test/java" というワイルドな手法も見かけるのですが… テストをスキップするには… テストの実行のみをスキップする mvn install -DskipTests=true テストコードのコンパイル、およびテストの実行をスキップする mvn install -Dmaven.test.skip=true テストをスキップするには上記を使い分けます。 後者の場合、jar:test-jar(org.apache.maven.plugins:maven
委譲メソッド自動作成 - qsonaの日記
これは知らなかった・・・ Eclipseで、変数右クリックして Source -> Generate delegate Methods...で その変数のデリゲートメソッドを自動生成できる これは便利っす。 前回の話でもポーカーのカードリストとかって、さすがにArrayListを継承するわけにはいかないし、 デリゲートにする(カードリストのクラスはListを保持)するしかないけど、 カードリストのクラスにaddだのremoveだのいちいち実装するの、面倒ですからね。 バンバン使います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
In git, is there a way to show untracked stashed files without applying the stash?
Selecting columns in Visual Studio Code
標準入力同士の diff - Qiita
vimでペーストするときインデントさせない - Qiita
