Google SpreadSheet で手軽にデータ取得 - Tbpgr Blog
Google SpreadSheet で手軽にデータ取得する方法をまとめます。 ※個人メモとしての記事で、既出情報です IMPORTDATA サンプル IMPORTFEED サンプル IMPORTHTML サンプル IMPORTRANGE サンプル IMPORTXML サンプル IMPORTDATA 指定URLのデータをCSV,TSV形式でインポートする IMPORTDATA - Google ドキュメント エディタ ヘルプ サンプル 都道府県データのCSVを取得します 都道府県データ - tbpgr/sample_data - GitHub =IMPORTDATA("https://raw.githubusercontent.com/tbpgr/sample_data/master/prefectures.csv") IMPORTFEED RSS フィードや Atom フィードをインポー
【たぶん意味は無い】Gitでcommit以外のGitオブジェクトにタグをペタペタはりたおす - Tbpgr Blog
Git で commit 以外のGitオブジェクトにタグをはってみます。 特に価値があるものは得られない記事です。 Gitオブジェクト? アノテートタグ？ なんぞそれ？という方は先に以下の記事を参照ください。 tbpgr.hatenablog.com タグの type アノテートタグを作成したとき、 tag オブジェクトに type があります。 通常、ここには commit が設定されています。 大抵のユースケースでは特定のコミットに目印をつけるのがタグの目的になっているからです。 commit 以外にアノテートタグを付けた場合、 tag オブジェクトの type がどうなるか確認してみます。 タグｘオブジェクト種別 対応表 各オブジェクトにタグをつけると tag オブジェクトの type の設定が何になるか表にしました。 Case object type memo 1 commit
AtomのPackage開発 - Tbpgr Blog
AtomのPackage開発についてまとめます。 テンプレートの生成 Menu Packages Package Generator Generate Atom Package five-move という Package を作成する場合、 以下の様なファイル群が生成されます。 $ tree . ├── CHANGELOG.md ├── LICENSE.md ├── README.md ├── keymaps │ └── five-move.json ├── lib │ ├── five-move-view.js │ └── five-move.js ├── menus │ └── five-move.json ├── package.json ├── spec │ ├── five-move-spec.js │ └── five-move-view-spec.js
GitHubに新規追加された神機能Issue Template/Pull Request Template機能でホクホクしつつ「あの方法」と比較する - Tbpgr Blog
2016/02/18 GitHubにIssue and Pull Request templates機能が追加されました。 github.com ISSUE_TEMPLATE , PULL_REQUEST_TEMPLATE という名前でプロジェクトのrootにテンプレートを配置しておくだけで オーケーです。お手軽。 （拡張子は自由。 Markdown 形式 = .md に対応） 早速ISSUE_TEMPLATEをコミットして動作確認してみました。 サンプル ISSUE_TEMPLATE テンプレート ## 概要 ## 詳細 あれこれ :paw_prints: GitHub に push したテンプレート Issue 黒魔術テンプレート この機能が実装されるまでの間、下記のようにURLのパラメータに直接テンプレートを設定し、 CLIに仕込んだり、情報共有ツールやWikiにリンクを作成してテン
UI flows - Railsを作ったDHHが所属する37signals(Basecamp!)が生んだUIツール - Tbpgr Blog
37signals(現在はBasecamp!)が生んだUIツール「 UI flows 」についての関連情報をまとめます 前提 この資料は今後自分が業務で行う作業に必要になったためまとめたものです。 実践したうえでの情報ではなく、参考文献をもとに自分の中で理解した内容をまとめ直しただけです。 UI flowsとは？ UIのフローを作る際に、全てのアクションの画面遷移図を作るのは現実的ではありません。 逆にシナリオベースの文章の場合はそのフローを読んで理解にしにくいですし、 その内容をチェックリストにしたりメンテナンスするのも難しいです。 この双方の不足を補うことができるのが UI flows です。 UI flows では画面とアクションをテキストでシンプルに書きます。 画面に属するアクションを実行すると次の画面に遷移します。 テキストベースで作成できることから、デザイナ以外でも簡単に作成で
Slackで個人アイコンをEmoji登録するとホクホクできる話 - Tbpgr Blog
Slackで個人アイコンをEmoji登録するとホクホクできる、というのを最近感じています。 Emojiの登録方法 まずは登録しないことには始まらない。 メニューからCustomize Slackを選択します。 Customize Your Team が表示されるので、Emojiタブで以下の設定を行います Choose a name でEmoji名を決定 Choose a emoji でEmoji画像をアップロード Save New Emoji でEmojiを登録しする 登録内容を確認してみます。 利用例 会話の中に組み込む 通常の会話で個人を指す名前の代わりに（もしくは名前と併記）個人アイコンEmojiを利用する。 Add a reactionと併用する Slackは発言に対してEmojiでリアクションをする機能があります。 tbpgr.hatenablog.com 自分のアイコンでリアク
HugoとGitHub PagesでMarkdownベースのWebサイトをお手軽に構築 - Tbpgr Blog
HugoとGitHub PagesでMarkdownベースのWebサイトをお手軽に構築します。 今回は行った作業の概要のみをまとめて細部については省略します。 経緯 CodeIQで出題しているデスマコロシアムのWebサイトを作りたい、 と前々から思っていて放置していたのですが、 最近CodeIQのアイコンイラストをお願いしている Webデザイナの湊川あいさんのアドバイスもあり着手することにしました。 作成しはじめた時点ではデスマコロシアムが最終回になる予定じゃなかったんですけどね・・・ 湊川あいさんについて マンガでわかるWebデザイン執筆中の湊川あいさんにデスマコロシアムのアイコンを発注しました。 これが成果物です。 湊川さんは、Webデザイナでありつつイラスト・SEO・マーケティングなど 幅広い知識を持っており、アイコンイラストのみの枠に閉じていません。 マネーフォワード社のエンジニア
Go言語製のWebサイトエンジンHugoの疎通確認 - Tbpgr Blog
Go言語製のWebサイトエンジンHugoの疎通確認までをまとめます 特徴 Go言語製ということで、Goのコマンドラインツールの利点が際立っています インストールが簡単 バイナリが配布されている go環境があるならgo getでもよい マルチプラットフォーム 早い ミリ秒単位でビルドを完了 何処へでもホストできる 設定ファイルフォーマット YAML TOML TOMLについては => トムさんが作った設定ファイル用ミニ言語TOMLって？ #toml JSON その他の特徴 Introduction to Hugo - Hugo Docs 特に、MiddlemanをWindows環境で利用する場合は、ハマりどころがあるため そういった面で浪費しないで済むありがたさがある。 参考までにMiddlemanをWindows環境に入れる場合の問題が書かれた記事が下記。 dev.classmethod.
Rubyベースの文法でJVMで動作するMirah言語の情報まとめ #mirah #ruby - Tbpgr Blog
Rubyベースの文法でJVMで動作するMirah言語の情報まとめです。 2015/07/07 時点の内容をまとめました。 Official Site Mirah Official Wiki Mirah Wiki GitHub Mirah - GitHub Web Application Framework DubiousはMirthで書かれたApp Engine上で実行するWeb Application Frameworkです。 ちなみにDubious＝「怪しげな」の意。 Dubious - GitHub Pindah MirahでAndroidアプリを作成するためのツールPindah pindah - GitHub 外部サイト d.hatena.ne.jp d.hatena.ne.jp www.moongift.jp www.infoq.com yohshiy.blog.fc2.com
OGP(Open Graph Protocol)について - Tbpgr Blog
概要 OGP(Open Graph Protocol)について OGPとは？ Webページの内容をグラフィカルに、分かりやすく表示するための仕様です。 The Open Graph protocol 設定例 metaタグを設定しておくことで、表示内容を指定することができます。 貼り付けるのは先日私がクリエイターズネクスト社のTech Blogとして作成した記事 秒速でSlack,esa,Trelloを導入 には、下記のようなOGPを設定しました。 <meta property="og:title" content="秒速でSlack,esa,Trelloを導入" /> <meta property="og:type" content="activity" /> <meta property="og:url" content="http://cnxt.jp/topics/slackesatr
Rubyベースの文法で高速に動作するNativeコードにコンパイルされるCrystal言語の情報まとめ #crystal #ruby - Tbpgr Blog
概要 Rubyベースの文法で高速に動作するNativeコードにコンパイルされるCrystal言語の情報まとめです。 2015/06/18 時点の内容をまとめました。 特徴 Ruby風の文法 静的型チェック Crystal内でCのコードを呼び出せる 重複コードを避けるため、コンパイル時評価とコード生成 効率的なnative codeを吐き出す Official Site Crystal Official Author Ary Borenszweig GitHub Crystal - GitHub Docs Crystal Docs Qiita Qiita 内で公開されている情報 Crystal 入門 Crystal + HTTP Server Crystalの型を限定した配列と多機能な暗黙のto_proc Crystal + Amethystの導入からちょっとしたWebApp作成まで Cry
FontAwesome でアイコンを組み合わせ - Tbpgr Blog
概要 FontAwesome でアイコンを組み合わせてみます サンプル サッカー禁止 <div class="fa-stack fa-lg"> <i class="fa fa-ban fa-stack-1x" style="font-size:10em;"></i> <i class="fa fa-soccer-ball-o" style="font-size:3em;margin-left: 50px;"></i> </div> 三重回転 spinner をネストさせつつ fa-spin で回します <div class="fa-stack fa-lg"> <i class="fa fa-spinner fa-spin fa-stack-1x" style="font-size:3em;margin-left: 10px"></i> <i class="fa fa-spinner fa-
GitHub | Pull Requestの受入手順 - Tbpgr Blog
概要 Pull Requestの受入手順 詳細 Pull Requestの受入手順について 手順 GitHubのPull RequestのViewでコードレビューを行う。行単位でコメント可能 開発環境に最新の Pull Request 受信側リポジトリを反映する $ git clone <"受信側最新リポジトリ"> remote リポジトリに Pull Request 送信側リポジトリを追加する $ git remote add <"Pull Request 送信者名"> <"送信側リポジトリ"> $ git fetch <"Pull Request 送信者名"> 確認用のリポジトリを作成する $ git checkout -b <"作業用リポジトリ名"> マージする $ git merge <"Pull Request 送信者名">/<"ブランチ名"> 取り込んだ内容を動作確認する メイ
GitHub | 新規リポジトリの作成手順 - Tbpgr Blog
概要 新規リポジトリの作成手順 詳細 新規リポジトリの作成手順について 手順 GitHub手順 画面右上のメニューの「+」アイコンをクリック Repository nameに任意の名前を入力 Descriptionに任意の説明を入力 Public/Privateを選択 READMEを生成したい場合は、Initialize this repository with a READMEにチェック .gitignoreのひな形が欲しい場合は、 Add .gitignore のリストから対象言語を選択 LICENSEファイルが欲しい場合は、Add a license のリストから対象のライセンスを選択 ローカル環境手順 リポジトリのClone。画面右側のURLをコピーする git clone git@github.com:tbpgr/github_sample.git ローカル編集。hoge.txt
JavaScript | chart.jsでLine Chartを表示する - Tbpgr Blog
概要 chart.jsでLine Chartを表示する 詳細 chart.jsでLine Chartを表示する サンプル <!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="Chart.min.js"></script> <script language="JavaScript"><!-- function displayLineChart() { var data = { labels : ['0-160時間/月', '161-180時間/月', '181-200時間/月', '201-220時間/月', '221-240時間/月', '241-260時間/月', '261-280時間/月', '281-300時間/月', '301-744時
JavaScript | chart.jsでPie Chartを表示する - Tbpgr Blog
概要 chart.jsでPie Chartを表示する 詳細 chart.jsでPie Chartを表示する 仕様 ・CodeIQで出題しているデスマコロシアムのTEAMの参加分布を表示 ・テキストボックスの値をグラフに反映 ・テキストの内容を変更するとグラフも変更される サンプル <!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="Chart.min.js"></script> <style> table { font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; text-shadow: 1px 1px 0px #fff; background:#eaebec
オープンソース開発 | はじめてのPull Request。Rails GuidesにPull Requestを送ってみたら瞬殺でマージされた - Tbpgr Blog
概要 はじめてのPull Request。Rails GuidesにPull Requestを送ってみたら瞬殺でマージされた 経緯 最近、ライブラリを覚えるのとOSSのコードリーディングも兼ねてRailsのActiveSupportのGuideと GitHubのコードを毎日読んでいました。 String#indentのGuideを読んでいたところ、他のメソッドのところにはあった ソースコードの場所に関する記述がありませんでした。 これは記述があった方が便利だろう、ということで修正依頼もしくは修正する方法を調べてみることにしました。 ドキュメントに関するContributeのルールを読む 下記ページの項目6「Contributing to the Rails Documentation」を読みました。 http://edgeguides.rubyonrails.org/contributin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Skitchでちょっとした画像編集をする - Tbpgr Blog
クリップボード拡張Clipyを導入する - Tbpgr Blog
GitHub | ショートカットを利用してマウスを使わずに操作 - Tbpgr Blog
