あぁ、これは便利かも。 Githubのリポジトリをツリー形式で表示してくれるツールがGitrayだ。 使い方は簡単で、見てみたいリポジトリのgithub.comをgitray.comに変えるだけだ。 もちろんダウンロードやらgit cloneやらをしてもこうした情報は見れるが、ブラウザ上でちょっと見たいだけ、というときもあるだろう。 覚えておいても損はなさそうですな。
![Githubのリポジトリをエクスプローラー的にわかりやすく表示する『Gitray』 | 100SHIKI](https://cdn-ak-scissors.b.st-hatena.com/image/square/33a40fe57ac14bcbb1c14c0f3936f81c3cc50446/height=288;version=1;width=512/http%3A%2F%2Fwww.100shiki.com%2Fdocs%2F201305%2F28_logo.gif)
先日、日本企業に就職した各国留学生たちと久しぶりに懇談。中国、韓国、ベトナム、アメリカ、インド等、幅広いバックグランドを持つ英才たち。彼らの話は不満爆発一辺倒! 怒りが収まらない。彼らに言わせると、グローバル 採用とかグローバル経営とか言っているあの会社もこの会社も、彼らによるとまるでダメ。 連中は陰湿ないじめにあい、耐えているものはうつ病に近い。彼らを採用してくれた人事部長や役員はもう助けてくれないらしい。 「住んだり留学したりして大好きになった日本」だが、「会社に入って日本社会の印象が大きく変わってきている」ようだ。日本での学歴も海外での学歴もそうそうたる彼らだが、研修から配属が決まり、成長する機会を与えてさせて もらえそうもないことに失望している。入社式で、外国人新入社員ということでテレビに登場した人も多く、「自分たちは会社のイメージアップの道具だったのか?」とまで思い始めている。
数週間前から、「Adobe Photoshop CS6 は写真合成機能が大幅に向上している」という報道を見ることが多くなってきました。 例: GIZMODO しかし、Webデザインに関係ありそうな部分といえば「段落スタイル」と「パフォーマンスの向上」くらいで、これはスルーした方がいいかな…と思っていたのですが、試しに CS6 Windows 版のベータ版を使ってびっくり。Webデザインに関連する部分も大きく進化していました。 正直、「これは買い」だと思っています。 この記事では、私がこれまでに見つけた Adobe Photoshop CS6 の Webデザインに関連しそうな部分の変更点についてまとめています。 一部、私のWebデザインスクール の生徒の方が見つけたものもあります。この場で御礼申し上げます。 ※この記事は Photoshop CS6 ベータ版(Windows版)をもとに書かれ
こんにちは。今日も元気にPhotoshopと戯れます井畑です。 今回はPhotoshopの文字詰めに使うツールについてちゃんと調べてみました。 今では息をするように文字詰めをしていますが、デザイン初めたての時は勝手が分からず苦労しました…Photoshopの文字詰め♪ 基本的なことがほとんどなので、知ってる人にとっては当たり前のことですが、おさらいによろしければご覧ください。 それではどうぞ! ちょっと待って文字詰めって何? まずは文字詰めが何か分からない人の為に軽く説明しておきますね。 ワンランク上のデザインにはかかせない文字詰め 文字詰めとは読んで字のごとく、文字と文字の間を詰めてバランスをとる作業のことです。 通常文字を打っただけでは「ベタ組み」と呼ばれ、基本的に文字と文字の間が空きすぎています。それを詰めてデザインのバランスをとります。 WEBの性質上テキストデータの文字詰めは難し
ProductNew GitHub LogoToday we are excited to ship a new iteration of our visual identity: an updated logo, an official mark, and an Octocat that conveys as much character as the Octocats… Today we are excited to ship a new iteration of our visual identity: an updated logo, an official mark, and an Octocat that conveys as much character as the Octocats that power GitHub (they push the buttons for
PNG EXPRESS レイヤーのPNGへの自動書き出しとデザインの設計仕様の表示が出来る高機能エクステンション PNG EXPRESS http://www.pngexpress.com/ PNG EXPRESSは、任意のレイヤーまたはグループのpng画像への書き出しと、デザインの仕様(オブジェクトの位置、オブジェクトの幅や高さ、フォント名・スタイル・サイズ行の高さや色、レイヤー間のマージン等)の表示が出来る高機能なエクステンションです。 予め命名規則にそってレイヤーを構成しておくことによって、PSDファイル内のオブジェクトをワンクリックでエクスポート出来ます。 シェアウェアで$29で販売中です。 簡単な使い方 PNGへの書き出し まずはPNGに書き出したいレイヤーまたはグループにタグを入れ定義する必要があります。 タグは下記のような感じになっており、レイヤーまたはグループ名の頭に追加し
続いて、開発するアプリの登録を行います。アプリの登録では【1】アプリ名や識別名などの登録、【2】プロビジョニングプロファイルを作成しダウンロード、インストールします。 これらの準備が終わったら、App Storeへ公開するためのアプリ開発、パッケージング、アップロードといった流れになります。 「Jenkins Xcode Integration Plugin」でビルドを自動化 このアプリ公開までの作業のうち、いくつかをJenkinsによって自動化することで継続的にアプリを公開できるようになります。通常、アプリのビルドやパッケージングはXcodeから行うことになりますが、Jenkinsから実行する場合にはXcodeのコマンドラインツールである「xcodebuild」などを使って処理を行います。 Jenkinsジョブからシェルを起動してxcodebuildなどのコマンドを直接実行するか、「Je
継続的インテグレーションを始めるための基礎知識:グリーはいかにしてJenkinsを導入したのか(1)(1/2 ページ) 本連載では、グリーのサービス開発において導入している継続的インテグレーション(Continuous Integration、以下、CI)と、CIツールであるJenkinsの導入について3回に分けて説明します。Jenkinsのインストールといった“手順”よりも、CI導入の“モチベーション”や“進め方のポイント”を中心に説明します。 グリーの開発と継続的インテグレーション SNSやソーシャルゲームなどを運営するグリーでは、数百名の技術者が日々さまざまな機能やサービスを開発し、リリースしています。このような規模、リリース頻度での開発を支えるには数多くの工夫や仕組みが必要です。この中でも最も大きな仕組みの1つにCIが挙げられます。 グリーでは、開発にCIを本格的に導入し始めたのは
Backbone.jsはJavaScript MVCフレームワークの1つです。Backbone.jsの概要から、インストール方法、Modelの基本を説明していきます。 はじめに Backbone.jsはJavaScript MVCフレームワークの1つです。Backbone.jsはその名が示す通り、Webアプリケーションにアーキテクチャという背骨を提供することを目的としたライブラリです。直ぐに複雑なスパゲッティコードになりがちなWebアプリケーションに、Backbone.jsが提供するEvent, Model, Collection, View, Routerというコンポーネントを使うことで、Webアプリケーションに一定の構造を与えることが可能になります。 例:Backbone.jsによるアーキテクチャイメージ Backbone.jsによるWebアプリケーションの一例 様々なJavaScri
ソフトウェア開発におけるQCDを高い次元で満足させるための手法の一つである、継続的インテグレーション(Continuous Integration)について学習します。 システム開発における課題 最近のシステム開発において、最も求められていることはなんでしょうか? 以前から、QCD(品質、コスト、納期)といわれていますが、この三つを同時に満足することが困難であることは、ご存知かと思います。 品質を上げるためにはテストを十分に行う必要がありますが、そうすると、テスト工数が膨らみ、コストと納期が遅れる可能性があります。 納期を短縮するためには開発者の人数を増やす場合もありますが、「人月の神話」に代表されるように、人員を増やしてもある程度以上は生産性は向上しません。結果的に、コストが上がる場合も考えられます。また、納期を短縮するためにテスト工数を減らす、という対応をすることで、システムの品質が下
継続的インテグレーション(CI:Continuous Integration)を強力にサポートするツール 「Jenkins」 の機能や操作方法について解説していきます。今回は導入から簡単なジョブを実行するまでの初級編です。 はじめに 本記事 「Jenkinsチュートリアル」 では、継続的インテグレーション(CI:Continuous Integration)を強力にサポートするツール 「Jenkins」 の機能や、特に操作方法に焦点を当てて、その使用方法について解説していきます。 今回の初級編では、Jenkins に全く触れたことのない方向けに Jenkins を入手する所から、ジョブの作成、実行、結果の確認までを、一通り紹介します。Jenkins の基礎・基本となる必要最低限の使い方の説明に留めるため、応用や、より高度な活用方法については中級編以降をお待ち下さい。 Jenkinsについて
スマートフォンのブラウザでどの程度のグラフィック表現が可能なのか、性能が気になりませんか? 近年、HTML5を利用できる分野はウェブサイトのみならず、ゲームやSPA(シングルページアプリケーション)など多岐に渡っています。そこで、本記事ではiOSやAndroidの新旧さまざまな端末を使ってパフォーマンスを検証。記事の前半では描画性能を、後半ではJavaScriptの計算性能を測定しています。 描画性能の検証ビデオをご覧ください さまざまな端末を使って、描画検証の様子を録画しました。この80秒の動画では画像のオブジェクトの表示可能な個数を測定しています。ビデオの後半が見どころで、iPhone 5のパフォーマンスが良すぎてビデオを早送りするほどスコアがでるまで時間がかかっています。 さまざまな端末のスコアを測定しました 次の表に、2012年までに発売されたスマートフォンのスコアを掲載しました。
FlexやRuby on Railsなどで使い方とかを自分が後でわかるようにメモしておくブログ。最近はFlex系に飽きてます。 カテゴリ: 雑記 世間はWindows8 なんでしょうか Webエンジニアの間ではTwitter Bootstrapが一般的になってきました。 いかにもBootstrapというサイトも増えているように思います。 さてさて、Windows8のUIのことをModern UIというそうです。 最近までは、Metroといわれていたそうな。。。 BootstrapをベースにModern UIの表現 そんなModern UIをWebブラウザで表現しようとしているものをいくつかご紹介します。 Twitter bootstrapはちょっと、、、という人。Windowsを使っているような感じにさせたいという人に おすすめかも知れません。 こんな感じになるそうです。 これHTMLなん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く