いろいろな環境で動くプログラムでは互換性のためにその場しのぎのことをしないといけないことがよくあるけど、歴史が積み重なってくると、アドホックな技の上にアドホックな技が積み上がる喜劇的な状態になることがある。こういう問題は認識するのは簡単だが直すことは誰にもできない。まさに僕がそのような体験をしたのでちょっと説明したい。 僕は仕事としてオープンソースのlldというリンカを書いている。リンカというのはコンパイラが生成したバイナリファイルをつなぎ合わせて最終的な実行ファイルやDLLを作成するプログラムで、知らない人も多いと思うけど、何をコンパイルしても最後にはリンカが動いている。lldは既存プログラムより何倍も速くてビルドが早くなるというので最近は結構人気が高まっていて、FreeBSDなどのいくつかのOSが全面的にスイッチしようとしたり、あるいは大規模プロジェクト（Chromeや、どうもFire

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

Huawei has been secretly funding research in America after being blacklisted

eeGeo eeGeoは、「グランド・セフト・オート」や「レミングス」などのクリエイティブディレクターであったイアン ヘザーリントン氏が2010年9月に設立した3D地図を提供する会社です。 日本では、NTTドコモがライセンス供与を受け、屋内3Dマップの提供などを行っています。 今のところ、日本では3Dで表示できる地域がないのですが、ゲーム業界のノウハウを用いた地図サービスとして個人的に期待しています。 登録すれば個人ユーザーでもAPIを使用することができるので、紹介がてらサンプルを載せておきます。 Web版サンプル example 公式サイトに登録し、ダッシュボードから「Create new app」ボタンをクリックして「API Token」を取得してください。 スタイルシートとライブラリを読み込みます。 <link href="https://cdnjs.cloudflare.com/a

文字や画像をぽんっと配置するだけで、そのコンテンツが映えるApple風の美しいグラデーションの背景49種類をまとめたスタイルシートを紹介します。 コピペで簡単に利用できるので、CSSのスニペットに登録しておくと便利ですね。 HUE.css HUE.css -GitHub HUE.cssを使うと、簡単に美しい背景を作りだすことができます。 Appleのプレゼンテーションスタイルで、Hueを背景に使用したものです。 画像: Free Promo Backdrops and Gradients HUE.cssは上記のHueの背景画像にインスパイアされたもので、これらの美しいグラデーションの背景がCSSで簡単に利用できます。 元の画像は上記ページの下部から、.sketch, .png形式でダウンロードできます。 HUE.cssの使い方 使い方は、簡単です。 「hue.css」をダウンロードし、外部

なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま

"Ghost Browser allows you to log into any web site with multiple accounts from one window. This can be very handy when you manage multiple social media profiles for each of the social media platforms." "Since the Internet is your office, you need a tool that helps you get things done online. Ghost Browser is designed to simplify your browsing experience, keep you organized and boost your productiv

1996年にcurlプロジェクトの先駆けとなるhttpgetを始めたとき、私は初めてURLパーサを書きました。当時はまだ、ユニバーサルアドレスは URL : Uniform Resource Locators と呼ばれていました。その仕様は1994年にIETFによって発行されたものでした。この”URL”という用語からインスピレーションを得てツールとプロジェクトに命名したのが curl でした。 URLという用語は後に事実上、 URI : Uniform Resource Identifiers (2005年発行)に変わりましたが、「オンラインでリソースを指定する文字列のための構文と、そのリソースを得るためのプロトコル」という、基本的な点は変わりませんでした。curlでは、この構文仕様RFC 3986の定義に従う”URL”を許容するとうたっていますが、それは厳密には正しくありません。その理由

Joel Spolsky氏の新サービス「HyperDev」ベータ公開。アカウント不要、Git不要、サーバ申込不要、OSやミドルウェア不要。超簡単なフルスタックのWebアプリ開発環境 元マイクロソフトのプログラマで、エンジニアのコミュニティStackOverflowを立ち上げたジョエル・スポルスキー（Joel Spolsky）氏が、新サービス「HyperDev」をベータ公開しました。 HyperDevはWebブラウザから使えるWebアプリケーションの統合開発環境です。バックエンドにはNode.jsも立ち上がっています。 スポルスキー氏はHyperDevの特長を次のように説明しています。 アカウント作成不要 Git不要、そのほかのバージョンコントロールも不要 ネームサーバなどの操作不要 ホスティングへの申し込み不要 サーバのプロビジョニング不要 OSやLAMPやNode.jsサーバなどあらゆる

JAWS-UG福岡 2016/3/21「また濃い目にAWSの話をしてみよう」でお話した資料です。

Boostrapはプログラマーであっても規則に沿って書いていくだけでモダンなUIのWebアプリケーション、Webサイトが素早くデザインできます。 しかし規則すら覚えるのが面倒、もっと手軽に作っていきたいと考える人も多いでしょう。そんな方にお勧めなのがPingendo、Bootstrap専用のオーサリングツールです。 Pingendoの使い方 Pingendoを立ち上げたところです。 プロジェクトを選びます。ブランクか、あらかじめウィジェットが埋め込まれたものかを選択できます。 あとは画面中央にあるビジュアル化された画面に対してウィジェットを配置していくだけです。 細かな配置変更やプロパティの設定は右側でできます。 Pingendoを使えばドラッグ&ドロップを使ってビジュアル的にBootstrapを使ったオーサリングができます。これならばプログラマーでも簡単に画面を作成できるでしょう。あとは

By Unique Hotels ヒートマップ付きアクセス解析ツール「Ptengine」のマーケティング部門でVPを務めるJeff Deutsch氏は、インバウンドマーケティング業界に入る前まで、Googleに対するスパム行為で月収5万ドル(約560万円)もの収益をたたきだしていました。さらに当時の勤務時間は週に10時間も働けばいい方だったという恐るべきスパマーの実態について、Deutsch氏が告白しています。 Confessions of a Google Spammer https://inbound.org/blog/confessions-of-a-google-spammer ◆2009年のDeutsch氏の考え方 Deutsch氏は2009年当時、「もしスパム行為が間違っているのなら、なぜスパムはネット中で成功しているのか？」というブラックハットSEOを行うスパマー特有の考え方

前回までは、日報アプリケーションを題材に解説をしました。 特に「入力系」のアプリケーション開発の際に役立つ フォーム要素について解説するとともに、 実装に役立つツールを紹介してきました。 第9回　HTML5で日報アプリを作る　実装編［1］ 画面の構造を定義する 第10回　HTML5で日報アプリを作る　実装編［2］　画面のレイアウトを定義する 第11回　HTML5で日報アプリを作る　実装編［3］　操作や処理を定義する 第12回　HTML5で日報アプリを作る　解説編［1］　HTML5の入力補助部品を使う 第13回　HTML5で日報アプリを作る　解説編［2］　レスポンシブWebデザインとBootstrapを使う 第14回　HTML5で日報アプリを作る　解説編［3］　非同期処理とCSS Animationを使う 第15回　HTML5で日報アプリを作る ツール編［1］　開発者ツールで生産性を向上する

業務システムの画面やWebサービスの管理画面にBootstrapを採用するケースが増えていますが、それでもBootstrapならではの書き方を覚えないといけません。バージョンが上がるごとに書き方が変わるので習得が面倒と感じる人も多いでしょう。 そこで使ってみたいのがBootstrap用のUIビルダーです。ドラッグ&ドロップで画面が設計できれば作成も簡単ですよね。 lollytin beta 1.4 – A yummy HTML5 blockouterer! Bootstrapのデザインをドラッグ&ドロップで作っていくのですが、見た目はデフォルメされています。その分、細かいところにこだわりすぎずにさくさくと作っていくことができます。 Pingendo – web authoring with comfort PingendoはBootstrap専用のオーサリングソフトウェアです。Mac OS

ReactでWebアプリケーションを作るとサーバサイドの感覚でスムーズに開発ができます。しかしそれでもUI、UX周りになると気にしなければならないことも多数あります。 その一つとして長大なリストがあります。大量のDOMを表示したりスクロールすると時間がかかってしまうものです。それを改善してくれるのがReact Virtualizedです。 React Virtualizedの使い方 デモの画面です。一覧表示のコンポーネントが並んでいます。 実際に使っているところです。大量のデータを一気に表示したり、スクロールや行を指定したジャンプができるようになっています。 React Virtualizedでは一行あたりの高さを変えたり、ソートすることもできます。様々な場面で使えそうなライブラリです。 React VirtualizedはReact/JavaScript製のオープンソース・ソフトウェア（

先日『ほとんどのエンジニアには解けるが、下位10％のダメなエンジニアにだけ解けないパズル?』なるものを作って、しばらく様子を見ていたら想像以上にパズルを解いてコメントいただけたのでその結果報告をする。 内容は黒い画面にPlease call my APIs.（私のAPIを呼んで）のメッセージと「RESTful」とあるだけで、その後はヒントを手がかりに解いていただく形式。 tango-ruby.hatenablog.com 解いていただければ最後にコメントが入る形式にしておいた。で、その結果。 たくさんのコメントありがとうございます。 「これカンタンだー」みたいなコメントが並んでいる。「私のAPIを呼んで」のメッセージだけなのに、「それ以上言わなくても分かってる人には分かる」という感覚がとても心地いい。きっと分かっている人は数分で終わっていたのだろう。 社内のエンジニア達からは「もっと暗号化

Company Saying goodbye to Carousel and Mailbox By Drew and Arash Published on December 07, 2015 Update (December 8, 2015): We've added French, German, and Japanese translations of this post below. In 2013, we acquired Mailbox because we believed in the way it was making mobile email better. In 2014, we launched Carousel to create a new way to experience and share photos. With both, we aspired to e

Vonageは、電話やSMS・ビデオ・チャット・SNSなどさまざまなコミュニケーションチャネルを、Web・モバイルアプリケーションやビジネスへ容易に組み込めるクラウドAPIサービスです。システムを1から自社開発する必要なく、通信機能をサービスに実装・連携可能なため、よりスピーディにサービス改善を実現できます。

Electronを使えばHTML5/JavaScript/CSSを使ってデスクトップアプリが開発できます。それは知っていても、UIがなんとなくWebっぽい感じを残していると、それはやはりWebアプリケーションをラッピングしただけのものだと感じてしまいます。 そこで使ってみて欲しいのがPhotonです。Mac OSX用のツールであれば、まさにMac OSXっぽいUIに仕上げられるでしょう。 Photonの使い方 コンポーネントは多数用意されています。まずはバー。 アクション付きのバー。 タブ付きのバー。 ナビゲーション。 リスト。 ボタン。 フォーム。 テーブル。 アイコン。 PhotonはまさにMac OSXアプリで必要とされるようなUIコンポーネントを多数用意しており、デスクトップのネイティブUIと殆ど変わらない仕上がりにしてくれるのではないでしょうか。同様にWindowsやLinux版