Webflow acquires Intellimize, a website personalization and conversion rate optimization platform.
レスポンシブWebデザインでは要素を可変にするために数値を%で指定することが多いですが、%指定の仕様を理解してないとハマることがあります。自分もそのような経験があったので備忘録としてまとめました。 要素の幅と高さの%指定 レスポンシブWebデザインのように、ある要素の幅を一定の比率を保ったまま可変するようにするには、通常、値を%で指定します。この時の値は、 求める要素の幅÷親要素のコンテンツ幅×100% の式で求められます。 例えば求める要素の幅が20px、親要素のコンテンツ幅が200pxの場合は、10%となります。 また、ここで言うコンテンツ幅とはmargin、padding、borderを含まない幅です。 同様に高さを%で指定する場合は、 求める要素の高さ÷親要素のコンテンツの高さ×100% となります。 marginとpaddingの%指定 左右のmargin、paddingを%で指
社会人は絶対にマスターしたいパワポテク・ベスト10 資料作成やプレゼンなど、ビジネスシーンにおいて特に使用頻度が高いソフトのひとつPowerPoint(パワーポイント)。習熟度によって見栄えにも大きな差が出ることでも知られています。そこで今回は「PowerPointの使い方」ガイドが、社会人は絶対にマスターしたいパワポテクをベスト10形式でご紹介!
Tech Stack Intelligence provides real-time visibility into all the developer tools, services, and packages you're using internally, down to the version level, across all your Git repos. StackShare EnterpriseOur platform gives companies real-time visibility into all the tech stacks in use across their engineering teams. StackShare Enterprise helps CTOs and other technical leaders make smarter decis
前回に引き続き、C、shell、Perl、R、VB、Scala、ActionScript。7つのプログラミング言語を擬人化しました。話題沸騰中の子もいれば、舞台の中心からちょっとはずれてきてしまっている子もいる。プログラミング言語のセンター争いは熾烈です。 Perlは1987年12月、アメリカのウォール夫妻の元で生を受ける。父のラリーはコンピュータや言語学に精通し、母も中世ルネサンスや言語学を専攻する、高い教養を持つ両親の元で育った。 父の教えは厳しかったが、同時に自由でもあった。父は教育の中で、よくこの言葉を口にした。 「方法は1つだけじゃない」 (There's more than one way to do it) 何かを実現しようと思った時、それを達成する方法は1つだけじゃない。何通りも考えられる。そんな父の教えは、彼女の人格形成に大きな影響を与えた。 「こんな風にやってみたらどう
デザインの細かいところまでこだわりが! こんな発想はどこから生まれるの? そんな次のプロジェクトのヒントになるような面白いアイデア満載のウェブサイトを紹介します。 時間のある時にじっくり楽しんでください!
中黒のような黒丸、四角、数字など、リストの先頭につくマークを左寄せに揃えるスタイルシートのテクニックを紹介します。 対応ブラウザはIE8+で、ネガティブマージンは使用しません。 Align Lists Flush Left ブラウザごとに異なるサイズのマークでも、数字のリストで1桁から2, 3桁と増えても全てに対応できるテクニックです。 まずは、マークアップから。 HTML ulもolもシンプルな実装です。 <h3>Unordered List</h3> <ul> <li>Lorem ipsum dolor sit amet</li> <li>Lorem ipsum dolor sit amet</li> <li>Lorem ipsum dolor sit amet</li> </ul> <h3>Single Digit List</h3> <ol> <li>Lorem ipsum dol
Browse Themes by Tag Preview all themes Resources for Bootstrap Useful links for additional Bootstrap themes, extras and code snippetsOfficial Bootstrap Bootply Playground Bootstrap 4 Upgrade BootstrapBay WrapBootstrap HTML5 Zero StartBootsrap Why Bootstrap? It's no surprise that Bootstrap is the most popular frontend framework. Web designers and developers can leverage Bootstrap to build responsi
2月が終わり3月も始まったということで、2月中に話題になったWebサービスやアプリを11個ほどご紹介します。 Threes!(2/6) 2月6日に世界的に配信されはじめ、2月10日に米国有料アプリランキング1位にランクインしたパズルゲーム「Threes!」が注目されています。 ルールはシンプルで、4×4のグリッド上になったマスの上で、3の倍数になるように数字をスライドさせていくパズルゲームです。1度挑戦すると何度も挑戦してしまう中毒性を持っています。シンプルだけど面白いです。 姫騎士と最後の百竜戦争(2/07) 2月7日に正式リリースされ、Androidだけで2週間で40万ダウンロードされた姫百(ひめひゃく)というアプリ。 ディフェンスとアタックをタイミングよく押し、敵を倒していく新感覚のアプリです。ゲームを体験して思うことは、演出のレベルここまでいくともはや「家庭用ゲームと変わらない」く
最近、人に本を薦める事が多くなった。とりあえずこの辺を読むといいですよ的なリストを作っておくと便利だと思ったので作ることにした。 以下、「事前知識のいらない入門本」「事前知識はいらないけど本格的な本」「事前知識がないと何言ってるかわからないけど有益な情報が満載な本」の3つにわけて列挙する。 事前知識のいらない入門本 数式少なめ、脳負荷の小さめな本をいくつか。何をやるにしてもデータ構造、アルゴリズム、数学はやっておくと幸せになれるよ。 情報検索と言語処理 データマイニングとか自然言語処理とかやりたい人にはとりあえずこれ。さすがに古い話が多くなってきたのでそろそろ新しい入門用情報検索本がでないかなあと思っている。 図解・ベイズ統計「超」入門 伝説のベイジアン先生がベイズの基礎を教えてくれる本。ベイズやりたい人はこれ。 珠玉のプログラミング データ構造とかアルゴリズムとかの考え方の基礎を教えてく
TL;DR コーディングやシステムは分かるけど、最終的に使いやすい設計やクライアントさんが納得するようなデザインにならない。納品後に使いにくい箇所があると言われる。そうなる前に「何となく進めない」ようにサイト制作やサービス・アプリを作成する前の段階で知っておきたい知識。UX・UI・IA の違いが漠然としているときに。 IA(情報アーキテクチャ) 1.基礎知識 情報アーキテクチャとは Web サイト全体の設計図、情報を分かりやすく伝えること。主にIA(インフォメーションアーキテクト)が担当します。国内ではディレクターが担当する会社も多いと思います。情報アーキテクチャはサイトを見た目の印象だけでなく、目に見えないサイト構造をデザインすることで、わかりやすいサイトにする技術。 [スライド] 社内の IA(情報アーキテクチャ)研修の講師をしてみた。:そのフォローアップ | future-proof
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 開発はみんなでやると楽しいですよね! チャットワークなど企業向けにオンラインでコミュニケーションを促進しようとするサービスが多数あります。個人向けであればLINEやTwitter、Skypeもその一つといえるでしょう。しかし開発者にとってはどうも手に馴染まないものが多いです。 プログラマ、デザイナにとって必要な機能に特化させられれば、より開発がスムーズになるかも知れません。その一つになるかも知れないのがDevHubです。 DevHubの使い方 外部サービスから通知を受け取れるようになっており、JenkinsやSubversionからコミット時などに通知を受け取るための設定が書かれています。もちろん他のシステムからもWeb APIを叩けば通知が使えます。 # Subversionの例
Web アプリ開発をする上で読むべき基本的な本は無いかと聞かれて,すぐに出てこなくて困った 今後もそういうことを聞かれることもあるかもしれないので個人的にまとめておきたい 基本的には何かを作ってみて,習うより慣れろの精神で行くのがいい 最近は Ruby on Rails が流行りな気もするのでその辺りで役に立ちそうなサイトを紹介する Ruby on Rails チュートリアル:実例を使って Rails を学ぼう サクサク引ける Rubyリファレンスマニュアル bbatsov/ruby-style-guide Rails のチュートリアルはたくさんあるので他にも読んでみると良いかもしれない ただ Ruby on Rails が簡単というのはウソ - #生存戦略 、それは - subtech に書かれていることを全部やろうとすると絶対にハマるので分かるところから少しずつやるといい それと We
Gitを使ったことがない人が、Gitを最初に取り入れるときにぜひ読んでほしい資料をまとめてみました。初心者のWebエンジニアが、clone, checkout, add, commit, pushやPull Request(Pull Request)ができるようになるまでの一連の流れができるようになることを目標にしています。 (09/06 17:45) はじめてコードレビューされる人のためのPull Requestとcommitの作り方を追加 🐹 目標Git コマンドのclone, checkout, add, commit, pushを使えるようになること プルリクエストができるようになること 🎃 基本的な概念の理解イラストでわかる!git入門の入門 (1) ソフトウェア開発におけるバージョン管理の考え方、(2) Gitを使った開発の基本的な概念、 (3) 基本的なコマンド(add,
マイクロソフト、クラウドのシステム構成図に使えるアイコン集を公開。Windows Azure以外にも一般的なシステム構成図で使えそう マイクロソフトは、Windows Azure関連のシステム構成図を描くために使えるアイコン集「Windows Azure Symbol/Icon Set」を公開しました。こうしたアイコン集はすでにAmazonクラウドがすでに公開しており、多くの利用者に使われてます。 Windows Azure用に作られてはいますが、一般的なシステム構成図のためのアイコンも多く含んでいるため、さまざまな場面で利用できそうです。公開された多数のアイコンの中から、よく使われそうなアイコンを集めてみました。 データはPowerPoint形式、Visio形式、PNG形式で提供されています。GitHubやBitBucket、DropBoxなどのアイコンもあるので、デプロイ関連の図を描く
追記 いくつかフィードバックを頂いたので補足。 まず、 Dart と NaCl は比較対象じゃないだろ的な話は、別に比較してません。 何か新しい実行環境を載せるなら LLVM が乗った方が汎用性があるのでは?という意味です。 Dart も NaCl で動けばいいんだろうし。 あと、 Angular.Dart は確かに Angular.js のポーティングに留まらず、 Dart ならではの実装になっていると聞きます。 Angular は流行ってるように思いますが、 DI 周りとか見ても結構 JS の限界を突破している感じがするので、 そこから Dart に流れる人もいるのかもしれませんが、そこからの流入はあまり現実的な気がしないなぁ。。 話はずれるけど、 HTML5 の下りはあまりよく無かったです。うまく書けてなかったけど、例えば Gears のことです(HTML5 が始まる前から、俺の中で
HOMEソフトウェア開発AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは AngularJSはあくまでクライアントサイドのフレームワークなので、サーバサイドをどうしようかなーと悩むことがあると思います。Railsが得意ならRailsに組み込むのもいいんですが、Railsはビューヘルパーが異様に充実しているので、Rails上でAngularJSのコードを書いてるとRailsの良いところが10%も生かせてない気がして辛い気持ちになってきます。うーん、どうしよう。 そんな風に悩んだらYeomanのgeneratorであるgener
ヒカラボ(ウェブ技術でiOS/Androidアプリ開発!!~HTML5ハイブリッドアプリ開発[実践]入門~)での発表スライドです。 書籍『HTML5ハイブリッドアプリ開発[実践]入門』には、このスライドに載っていないCordovaの使い方、最適化のためのノウハウやテクニック、ジェスチャやviewportなどのモバイル特有の事情への配慮、ハイブリッドアプリで利用できるストレージ、デバッグ手法やセキュリティ、ネイティブとHTML5間のブリッジの仕組み、WebViewの扱い方などのHTML5ハイブリッドアプリ開発を網羅した内容をまとめています。 http://www.amazon.co.jp/dp/4774162116
はい え!?有給休暇取ってないの!?翌日が祝日なのに!?なにすんの!?前日が日曜日で?次の日が建国記念日で?有給取らない?なにすんの!?なにすんのそれ!?え!?有給取らないの!?4連休に出来るのに!?なにすんの!?どこ勤務?どこ勤務?どこ勤務?どこ勤務?どこ勤務?どこ勤務?どこ勤務?ど— すぎやまたいち (@sgymtic) 2014, 2月 9 有給とったはいいけど自宅の空調から異音がして全取っ替えを頼んだら 5 時間近く立ち会いでどこにも行けず暇になったので作った。 Repository: drillbits/nhk-api · GitHub PyPI: nhk-api 0.0.2 : Python Package Index 使い方は README を、API の詳細は公式ドキュメントを読めばいいと思う。例によって Python 3.3 じゃないと動きません。 先行者たち PHP:
WEB+DB PRESS Vol.79 で iOS 特集記事の一部を執筆しました。 WEB+DB PRESS Vol.79 作者:成瀬 ゆい,そらは(福森 匠大),西 磨翁,小川 航佑,佐藤 新悟,塚越 啓介,藤原 亮,堀 哲也,田村 孝文,桑野 章弘,松浦 隼人,中村 俊之,田中 哲,福永 亘,杉山 仁則,伊藤 直也,登尾 徳誠,近藤 宇智朗,若原 祥正,松木 雅幸,奥野 幹也,後藤 秀宣,羽二生 厚美,笹田 耕一,平河 正博,東舘 智浩,渡邊 恵太,中島 聡,A-Listers,はまちや2,川添 貴生,山田 育矢,伊藤 友隆,村田 賢太,まつもと ゆきひろ,佐野 岳人,山口 恭兵,千葉 俊輝,平松 亮介技術評論社Amazon 雑誌に記事を書くという経験は人生初だったので、色々と勉強になりました。なかなか体験できないことなので、今回得たことを忘れないうちにメモしておきます。 編集者とのや
作成:2014/02/10 更新:2014/11/01 ディレクション > 今回はサイト制作後からの保守について、どんなものがあるのか、どういった知識を身についておくべきか書きます。安定収益源にしていくために「作って終わりにしない方法」をメモしておきます。フリーランスや起業前にチェック。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 保守、運用ガイドライン 0.保守、運用ガイドライン 解析レポート 1.事前に行うべきツール設定ポイント 2.時間帯からユーザーを推定する方法 3.コメントの書き方 4.日次・週次・月次チェックポイント 5.購入レポート サーバー保守 6.FTP+DoS攻撃対策 7.リソース監視 8.セキュリティ監視 9.データバックアップ SEO保守 10.SEOレポートの書き方 11.ウェブマスターチェック 12.指南書の書き方 広告出稿代行
JALの6桁数字パスワード問題から派生して、JALのサイトがパスワードリマインダとして「現在のパスワード」を教えてくれることから、JALサイトではパスワードを平文保存しているのではないかという疑惑が持ち上がっています。それに対して、「いやいや、従来の主流と思われるソルト付きMD5ハッシュでの保存しても、実用的な速度でハッシュ値から元パスワードを『解読』できるよ」と、JALを擁護(?)するエントリが現れました。 パスワード問合せシステムを作る (clojureのreducers) この記事では、最初Clojureによる単純な総当たりで36秒、Clojureのreducersによる並列化で11秒でハッシュ値から元パスワードが求められるよ、と説明されています。まことに痛快な記事ですので、未読の方には一読をお勧めします。 とはいうものの、100万件のMD5の総当たりが、逐次実行で36秒、並列化して
Mac・iPhone・iPad を使い倒したい Apple 製品の Mac, iPhone, iPad などを使い倒すための使い方や Tips の紹介 Mac OS X は、Windows における「プログラムの追加と削除 (プログラムと機能)」のように、アプリ一覧から指定したアプリを削除していくという機能がありません。 Mac は Mac なりのアプリ削除方法がありますので、これを覚えておくようにしましょう。適当に削除すると意図せずファイルが残ってしまい、削除したのに容量が減らなかったり動作が不安定になったりする可能性があります。 "App Store からインストールしたかどうか" で削除方法は異なります。以下にご紹介します。 App Store からインストールしたアプリの削除方法 App Store からインストールしたアプリを削除するには、まず Launchpad を開きます。L
Turning your data into knowledge is slow and error-prone. You can’t trust tools that don’t embrace best practices and provide quality assurance. Enso redefines the way you can work with your data: it is interactive, provides intelligent assistance, and was designed on a strong mathematical foundation, so you can always trust the results you get. Intelligent suggestions of possible next steps. Buil
個人でも商用でも無料で利用できる、ざらっとした紙、つるっとした紙、もわっとした紙など、さまざまな紙が揃ったテクスチャ素材を紹介します。 紙系のテクスチャ好きの人には、嬉しい素材ですね。 Free Paper Texture Pack ダウンロードできる素材のフォーマットは.jpgで、サイズは2,100x1,500pxの高解像度のテクスチャ素材です。 紙は全部で64種類! その中からいくつかジャンルごとに紹介します。
LPO研究所の土井です。 さて、あなたは「ヒートマップ解析ツール」というのを使ったことがあるでしょうか? ヒートマップ解析ツールとは、サイトに訪れたユーザーがページ内でどこに注目しているのかを、冒頭の画像のようにサーモグラフィーのように表示するアクセス解析ツールです。 「アナリティクスしか見てない」 「ヒートマップって役に立つの?入れてもムダじゃない?」 「難しそうだし私にはちょっと…」 ヒートマップ解析というとこのような方が大半だと思いますが、非常にもったいないと思います。 まずは以下の事例をご覧ください。 これはあるコスメ系ECサイトで、ヒートマップ解析をもとに「買い物かごボタン」の再配置などを行った結果、コンバージョン率が1.5倍になった事例です。 このように、「もう上がらないだろう」と思っていたページのコンバージョン率が、ヒートマップ解析ツールを適切に使うことで1.5倍、2倍になる
なんだか、Web制作の際に起こる様々な面倒くさいタスクを自動化してくれるGruntというツールがあるらしく、私の周りのWebデザイナーさんやコーダーさんがこぞって導入されておりました。 はじめは「へぇ…あちきは別に興味ないからいいでありんすよ」と指をくわえて傍観していたのですが、便利便利の声を聞くにつれやっぱり羨ましくなってきました。だから導入した。使った。良かった。 そんな訳で今回は、Grunt.jsの導入から簡単な使い方までを紹介したいと思います。私のような黒い画面に抵抗を持っている初心者の方でも導入できるよう、コピペさえ出来ればGruntが使えるようになる記事にしてあるつもりです。 なお、今回導入した私のPC環境はOS X 10.9.1です。Windowsでの導入手順は今更だけどやるgrunt入門編・インストールから基本的な使い方|WEB Drawerをご覧下さい。 Gruntで何が
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、HTML5カルタ大会という大会で優勝させていただきました。 いやあ、実に光栄です。 そこで今回は、HTML5ネタ繋がりで、“間違えて使ってしまいがちなんじゃないかと思うややこしいHTML5タグ”をまとめてみました。 あ、でも皆さん誤解しないでくださいね。 この記事は大会前にカルタの準備がてら執筆したものなので、決して「このキング・オブ・HTML5こと俺様がレクチャーしてやんよ!」なんてことは1mmも考えておりません。 どうか、一Web制作会社の端くれエンジニアが戯言ほざいてやがるな、まあ暇だし読んでやるかくらいのノリでお付き合いくだされば幸いです。ありがとうございます。 【こちらもおすすめ】 その使い方合っていますか?間違えやすいタグ15選(HTML5対応) “定義”に関わるタグ <dt>,<df
特別な機能を使わず、標準機能だけでできますよ〜 一瞬何のことか?と思った方は↓の画像を見て下さい。これです。 位置情報検索を利用して、一定の範囲内に該当するデータが何件あるかをまとめて表示する機能の事です。 実装方法 google mapを用意する boundsからメッシュを構築する メッシュの分割手法 メッシュを1個づつfacetで一括検索する メッシュの真ん中に件数を表示する google mapの表示が検索の始動となる 緯度経度を持つデータが用意しにくい!! 雑感 実装方法 この画像ではgoogle map clusterを使った例ですが、clusterを使わず、超高速に位置情報検索を実装する方法を検討してみました。主にsolrとelasticsearchで実現可能かと思います。 google mapを用意する 地図はgoogle mapを使います。 googlemap apiには今
これは Git ドキュメントの翻訳作業用プロジェクトです。 リポジトリは https://github.com/ktateish/git-doc-ja_JP にあり、 ja_JP.work: 作業用ブランチ master: 翻訳済みブランチ となっています。誤訳等あれば ja_JP.work に対するPRなどでご指摘ください。 原文と訳を比較する場合、 ja_JP.work ブランチのファイルが原文と訳の両方を 含んでいるので比較が楽です。 最終的には https://github.com/yasuaki/git-doc-ja/ にマージしていけたらと思います。 翻訳済みドキュメントは以下の通りです git-add git-branch git-checkout gitworkflows Copyright, ライセンスは原文(Git本体)と同一です。
本記事は Vim Advent Calendar 2013 の18日目です。17日目は cocopon さんの オシャレ派Vimmerのあなたへ。こだわりのカラースキームギャラリーを贈ります。 | ここぽんのーと でした。 ここではサーバ管理作業などで知っていると捗るだろうなと思っている Vim の使い方を 10 個ほど紹介したいと思います。 1. EDITOR 環境変数 まずはじめは EDITOR 環境変数。いきなり vim の使い方ではありませんが、自分が普段使うエディタをシステムに宣言しておくことは非常に重要です(かなり)。 UNIX 系 OS ではファイルを編集する際に使用するプログラムとしてこの値を参照するアプリケーションがいくつかあります。 例えばバージョン管理システム。CVS や Subversion、Bazaar、Mercurial、Git など多くの VCS ではコミット
通常のググり方は知っていても、効率的なググり方を知っている人はあまり多くありません。「Hack College」による上記動画が、3つのコツを1分間でわかりやすくまとめてくれています。 1. 具体的に検索 特定のサイト内で探す: site:[webサイトのURL]と検索フレーズ 著者名で探す: author:[著者名] タイトルに含まれるワードで探す: intitle:[検索ワード] 2. ファイル形式で検索 filetype:[jpg/doc/pdfなどの拡張子] 3. 検索範囲を広げる アスタリスク(*)を空欄を埋めるためのワイルドカードとして使う。例えば、「Why money is*」(お金はなぜ*)など 以下は応用編です。 練習用の試験問題や参考資料を探す 「site:」演算子を使って「site:ac.jp」と指定すれば、大学などの教育サイトのみを検索できます。例えば、「site:
今日はグリー株式会社で開催された Conference With Developers 2 に参加してきました。 Conference With Developersは、iOSに携わるすべての開発者に向けたカンファレンスイベントで、去年に引き続き2回目の開催らしいです。私は1回目に参加できなかったので、初めての参加になります。 イベント詳細ページを見ても分かる通り、LT含め、発表者陣がめちゃくちゃ豪華でした! Conference With Developers 2 - Peatix イベント中のツイートもまとめさせて頂きました。 2014/2/1 #confwd Conference With Developers 2 以下はイベント中のメモになります。 GitHub活動を通して個人のキャリアを積みつつ仕事の成果を出す方法 GitHub活動を通して 個人のキャリアを積みつつ 仕事の成果を
外道はるかぜちゃんジェネレータというWebアプリを いまどきな手法を用いて爆速で開発した話を紹介します。 先の3連休中、外道はるかぜちゃんジェネレータというWebアプリを開発&公開しました。ここで採用した開発手法がいまどきな爆速開発でしたのでちょっと紹介&ステマします。使った技術は以下の通りです。 AngularJS: Googleが開発しているViewModelなWeb開発ライブラリ(MVW: Model View Whateverだったかな?w) Github pages: スタティックサイトのホスティングに最適 Kii Cloud: mBaaS (mobile backend as a service) で共有データの保存に利用 HTML5 Canvas: 画像生成に。サーバサイドではなにもしてない! サービス概要 外道はるかぜちゃんジェネレータはベースとなる画像があり、そこに面白い
苦戦中の就活で、ある企業の人材募集が目に入った。「あなたの人物性を重視」「厳しい仕事を通して成長できる」と書かれており、熱意あふれる会社という印象だ。適性試験は免除で、面接を1度パスすれば内定を得られる可能性がある。初任給の金額も悪くない。これは応募するべきではないか――。 ところがこうした条件は、専門家が分析するとブラック企業の恐れが非常に高いようなのだ。実は市販の資料を手に入れ、その見方ひとつで、「入ってはいけない会社」を避ける確率を高められるという。 無料公開「ブラック企業の見分け方」 「ブラック企業対策プロジェクト」という団体がある。若者の労働問題に取り組むNPO法人「POSSE」代表の今野晴貴氏が共同代表を務め、大学教授や弁護士らがメンバーに名を連ねる。2013年11月23日付で「ブラック企業の見分け方~大学生向けガイド~」をまとめ、同団体のウェブサイト上で無料公開している。 執
Web技術について横断的に語り合うイベント「CROSS 2014」が1月17日、都内で行われました。 そのセッションの1つ「現場に聞く!テスト/CI/DevOps、実際のところどうなの」では、フリーランスエンジニアの伊藤直也氏がセッションオーナーとして司会を担当し、クックパッドで開発まわりのエンジニアをしている舘野祐一氏、はてなでアプリケーションエンジニアをしている伏井洋平氏、KAIZEN platform Inc.の石橋利真氏らがスピーカーとして登壇。 先進的な現場でテストやCIがどのように行われ、エンジニアのチームがどのように情報共有をしているか、本音で語るという注目すべき内容でした。本記事ではそのダイジェストを紹介しましょう。 現場に聞く!テスト/CI/DevOps、実際のところどうなの 伊藤 今日のテーマとしてはCI(Continuous Integration、継続的インテグレー
毎日他の人のコミットをながめる文化で生活していると、理由は浮かばないけど「ん?このコミットはなんか気になる」と感じるようになります。それは、新しいことを知ることができたコミットだったり、真似したくなるようなコードが入っているコミットだったり、なんかまずそうな気がするコミットだったり、様々です。 「ん?」と感じてコミットを見直してみても、何が気になったか自分でもすぐにわからない場合があります。そんなとき、気になったことをコミットした人に伝えるために、コミットへのコメントをまとめ始めます。「コミットした人に伝えるため」というように、他の人に伝えようとすることがポイントです。他の人に伝えるためにまとめようとすると、思いの外なにが気になったかまとまるものです。 今回は、メタプログラミングを使ってコードを整理したコミットで「ん?」と感じたときのことについて紹介します。このおかげで「メタプログラミング
@HIROCASTER さんの記事 プログラミング上達がはやいヤツの特徴10個 を騙されたと思って試し,9ヶ月経った今の気づきを書いておきます. ① 毎日コードを書く 始めた当初は楽しさがわからず,なかなか辛かったです. しかし入社した時に,5分でもとにかく「毎日」続けようと決めて,PCも常に持ち歩いて続けました. コードを書く 不明点が出て壁にぶつかる 調べる 解決 モノが動く 楽しい コードを書く ... 結論これです. 毎日続けると,様々なものがどんどん積み上がります. コードを書くスピード,品質が上がるのに伴って,コードを通して実現できることが増えます.そして,難しいことにも挑戦してみようと思うようになります. その結果,やっている内にどうしていいかわからないバグなどが発生し,一旦は壁にぶつかります.しかし,ネットで調べたり人に相談したりして解決できると,楽しくて,またさらに新しい
(追記:2014-3-3) Gvizについてのまとめ頁を作りました。 Gvizの目次 - Rubyの世界からGraphvizの世界にこんにちは! GraphvizのRubyラッパーであるGvizというツールを作っておりまして。 gviz | RubyGems.org | your community gem host melborne/Gviz それは、次のようなgraph.ruというファイルを用意して、 route :main => [:init, :parse, :cleanup, :printf] route :init => :make, :parse => :execute route :execute => [:make, :compare, :printf] save :sample
前職 と 現職 で、ペアプログラミング文化からコードレビュー文化への移行を経験した。文化の差に適合するのは興味深い経験だった。ちょっと気づいたことを書いてみよう。 (ペアプログラミング|コードレビュー)の(メリット|危険性)みたいな題名の記事はもう山ほどある。著者はどっちかの信奉者なわけだ。私は明確トレードオフがちょっとあるにせよ、どっちの戦略も有効であると認識している。このトレードオフについて、もうちょっとバランスのとれた議論をしてみようと思う。 用語の定義 まず、舞台を整えよう。”ペアプログラミング” とか”コードレビュー”という言葉は、人によってとらえ方が大きく異なることがある。 ペアプログラミング文化 といったとき、作業のほぼ100%をペア作業で行っているチームを指す。一つのタスクに二人の開発者が割り当てられ、同じ画面を共有して作業をする。開発者は両方コード構築のプロセスに関わって
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
Ninja is a small build system with a focus on speed. It differs from other build systems in two major respects: it is designed to have its input files generated by a higher-level build system, and it is designed to run builds as fast as possible. Why yet another build system? Where other build systems are high-level languages Ninja aims to be an assembler. Ninja build files are human-readable but
GitHubが2月26日、同社内で開発したテキストエディタ「Atom」を発表した。6年以上をかけて開発したもので、拡張可能で使いやすい「21世紀向けのハッキング可能なテキストエディタ」と称している。現時点ではMac版のみが招待制ベータとして提供されており、将来的にはWindowsおよびLinux版のリリースも考えているという。 Atomは高い拡張性と使いやすさを目指して開発されたエディタで、「小学生が最初にコードを学習するのにも利用できる簡単さ」と「熟練のハッカーも利用できる幅の広さ」を持つことを目標としている。開発者らはMac OS X環境で有名なテキストエディタである「Sublime Text」や「TextMate」、そしてUNIX環境で広く使われているEmacsやVimと比較し、「Sublime TextやTextMateは便利だが拡張性が限定的、EmacsとVimは柔軟性に優れるが
TOPICS Web , JavaScript 発行年月日 2014年04月 PRINT LENGTH 220 ISBN 978-4-87311-667-9 原書 AngularJS FORMAT PDF EPUB Web開発者にいま最も支持されているJavaScript MVCフレームワーク「AngularJS」の解説書。定型的な単純作業が繰り返されがちなWeb開発をよりシンプルで楽しいものにしようというのがAngularJSの試みです。本書ではまずAngularJSアプリケーションの構成要素を押さえた上で、AngularJSアプリケーションの開発、テスト、実行手順を解説します。サーバ通信のAPIや考慮するべき点、ディレクティブの仕組みについて解説し、最後にAngularJSのさまざまな活用例を紹介します。GoogleがサポートするAngularJSには、開発メンバーがGoogleのメー
setting git diff/git mergeはツールの使用を推奨。ツールの設定を行い、下記のコマンドで実行する。 diff : git difftool -y --dir-diff merge : git mergetool -y difftool/mergetoolの設定 git config --global merge.tool vimdiff 標準ではkdiff3、tkdiff、meld、xxdiff、emerge、vimdiff、gvimdiff、ecmerge、opendiffが使用可能。 WinMergeはないのか、という場合こちら参照。 推奨されているP4Mergeの設定はこちら WinMerge2.14.0.37では下記の設定で意図通り動作することを確認。 [diff] tool = WinMerge guitool = WinMerge [difftool] k
はじめに ここでは、MacBookAirで私が使っている便利ツールを紹介していきます。長文過ぎると、途中で表示できなくなってしまうことを学習したため、不要な解説は省略します。また、個人的な価値観から形成された表現を含むかもしれませんが、その点の説明も省略します。ご了承ください。 便利なアプリを知っていたら、是非コメントをお願いします。 MacBookAirにインストールしたアプリ BetterTouchTool //トラックパッド拡張、ショートカットキー拡張 Google Chrome //インターネットブラウザ Growl //通知を拡張するアプリ Kopypasta //クリップボードをバックアップ WindowFlow //ウィンドウ切り替え XtraFinder //Finderを拡張するアプリ Xcode //開発環境を提供するアプリ TinkerTool //Macの隠し機能を
文系人間なんです(プログラムとか無理) わたしはけっこうな文系人間で、特にPCとの親和性が非常に低い。 どのくらい苦手かというと、ACCESSほぼ無理(最初から組まれているデータベースを利用する程度)、EXCELはマクロまでって感じ。SEが多いと言われるはてなユーザーじゃ珍しいレベルのダメさ、だと思う。 もとからそれほどPCが大好きってタイプじゃ無かった。 けど、ここまでできないのは、あまりこの手のスキルが要求されない職場環境だったことも影響していると思う。なんというかいろいろすでに整っていて、既存ものを利用したほうが効率が良さそうな感じ。 が、一方で自分でプログラム作れるってことへの漠然としたあこがれはある。 また、さすがに社会人として経験年数も増えてきたので、もう少しPCスキルも上げておきたいところ。 おそらく自分で(簡単な)VBAくらいできれば、業務の柔軟性みたいなものが向上する気が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く