It was a very busy week in the world of fintech, which certainly kept us on our toes. We covered a couple of notable M&A deals (including one of the biggest of the year so far), a different kind o

どうも、まさとらん（@0310lan）です。 みなさんは、Webアプリの開発にトライしたことはありますか？ いざ、コードを書き始めるとちょっとしたことで悩んだり、簡単に思っていた処理が意外と面倒であったり、データベース操作が難しかったり…など、予想以上に困難な場面に直面することが多いと思います。 そこで今回は、初級者から上級者まで幅広い開発シーンを想定し、面倒な作業を解消して便利に活用できる無料Webサービスを厳選してみましたので、ご紹介しようと思います！ 目次 ・悩みがちな「関数」や「変数」の名前を日本語で一発変換！ ・Eメール認証の判定を自動化する！ ・多彩な「情報リソース」を無料でゲット！ ・わずか数行で画像要素をInstagram風のオシャレ写真に変換！ ・任意のWebサイトURLから自動で「スクショ」をゲット！ ・超お手軽にソースコードをシェア＆レビューする！ ・Googleスプ

モバイルサイトのデザインデータなど、縦長の画像を自動分割して印刷用に1枚にまとめるツールを作成しました。 データのアップロード等も不要ですので、機密性の高いデータを印刷する場合でも安心して無料でお使いいただけます！ 明けましておめでとうございます。本年もWebNAUTをよろしくお願い致します。私の新年1本目の記事は特に正月らしい内容ではありませんが、Web制作の各場面で使える「痒い所に手が届く」ツールを紹介させていただきます。 デザイン確認時のよくあるやりとり ディレクター： ここでディレクターさんはデザインの確認と指示出しをどのように行うでしょうか？ デスクトップ上で修正指示を書き込むようなアプリも幾つかありますが、やはり見やすさや書き込みのしやすさでは紙に印刷して手書きで指示を書く事が多いと思います。 その際、縦に長い画像を印刷しようとすると一般的なアプリではこのようになってしまいます

HTML5の時代となり、フロントエンドの重要性が増してきています。業務システムにおいても、HTML5を本格的に適用する事例が増えてきました。このような環境において、バックエンドを含めた次世代アーキテクチャのベストプラクティスを模索するというのが本記事の趣旨です。 本記事では、HTML5時代におけるアーキテクチャの概要を提示した上で、アーキテクチャ実装の具体例として、「OData＋UIフレームワーク」を採用した事例を紹介します。その上で、このアーキテクチャを採用した場合のメリットと、今後の課題について記述していきます。 HTML5時代における業務システムアーキテクチャのポイントとは 業務システムにおけるHTML5化の流れについては、「JavaからHTML5ヘ。業務システムの開発におけるWeb技術の変化と適応事例」にて、エキスパートの佐川夫美雄さんが語っているように、HTML5時代において「J

Parse.com 今話題のMBaaSの１つ 2013年のAndroid Advent Calendarでも話題にされたり、Effective Androidでも記事が執筆されるなど、モバイル・アプリケーション界隈で最近人気の出ているサービスです。 MBaaS(Mobile Backend as a Service) の名前の通り、このサービスを利用することで、モバイル・アプリケーションに必要な主要な機能をサーバーレスで実現することができます。 裏側ではAWSが動いているそうです。 それなりにボリュームがあるので、まずは第一弾として全体像を薄くざっくりと見てみます MBaaS？ dropboxやGoogle Drive, iCloudなどをはじめ、Cloud上にデータを置くことは一般的に浸透してきました。 iOSやAndroidのモバイル端末でも、この流れは当然あるわけで、Cloud上にデ

連載目次 一昔前であれば、HTML／JavaScript／CSSを使用してWebアプリを作成する場合、（筆者の経験では）所定の位置にファイルを置くだけでした。最近はHTML／JavaScript／CSS関連の技術も複雑化／多様化し、いろいろなことを考慮しなければなりません。 例えばJavaScriptファイルの場合は、以下の作業を行うこともあるでしょう。 minify（圧縮）や結合 単体テストの実行 JSLint（構文チェック）の実行 さらに、CoffeeScriptやTypeScriptを使用している場合にはコンパイル（JavaScript変換）を行う必要もあります。 また、SCSS（Sass）やLESSなどのCSS拡張メタ言語を使用している場合にも、コンパイル（CSS変換）作業が必要です。 ファイルを修正してビルドするたびに、これらの作業をいちいち手作業で行っていては非常に面倒でしょう

ちょっと前にTwitterでAPIのバージョニングをどうやるかみたいな話をしていたのですが、そのへんもやもやしているので少し整理しておきたいなと。 APIのURLを/api/v1/*とかってやるの、やめたほうがいいとおもうんだけどなぁ。いざv2を作るとなったときに、大量のコピペが発生して後悔するよ、って伝えたい。— Kenn Ejima (@kenn) February 28, 2014 さて、これについて色々と異論・反論も含めた意見が出たのですが、まずは、大昔にURL方式（＝コントローラ分割）でやってきて後悔したぼくが、（5年ぐらい前から）現在はどうやってAPIのバージョンを管理しているか？について紹介します。 基本原理としては、コピペが多発する根っこで分岐（＝コントローラ分割）じゃなくて、必要最小限のところで限局的に分岐するのがいい、という考え方に基づきます。 一言でいうと、「パラメー

Sorry, JavaScript is required to view Global Stats charts.

Ever found yourself staring at the Output Window, overwhelmed by endless lines of logs and cryptic messages? You're not alone! For years, developers have relied on the Output Window for critical build and debug information. But making sense of it—and translating it into action—has...

第七弾・番外編映像で見るあの現象？ 番外編ということで映像でみたことはあるけど名前ってあったの？区別は？っていう現象について解説＆用語集 また、よく映像演出で使われる(特にコンポジット等で)気象現象等についても書いてます。 一部以前書いているものも含まれます。 ※多くはWikiからの引用をしてますが、個人的見解のものもあります。間違い等ご指摘下さい。 またこれも追加したら？というもの、抜けてるのもがあれば是非コメント下さい。 どうして起きるのかが分かることでコンポジット時の順番や再現の仕方などが自然と見えてきます。 ※基本wikipediaにリンクを付けしてます。(英語版の方が内容が良かったり、表現が違う場合英語版のリンクも付けてます) 特に注釈がない限り画像は自分が撮影した、ほぼ加工無しの写真or動画からの切り抜きです ボケ(Bokeh) レンズの焦点が合わすボケて見える状態。基本的には

デザイナーのみなさんはOGP画像をデザインする機会がたくさんあると思います。 でもFacebookだと、OGP画像が正方形で表示されたり横長で表示されたりで、 レイアウトが大変ですよね。。。 そんな時に便利なのがこちら！！ og:image Simulator http://ogimage.tsmallfield.com/ 作成したOGP画像が、Facebookのタイムライン上でどのように表示されるかを、 簡単操作でシミュレートできるWEBアプリです。 使い方はとっても簡単！ 画像をブラウザにドラッグ＆ドロップするだけ。 正方形の場合と、横長の場合とでどのように表示されるかプレビューできます！ また、裏ワザ的な使い方として、 Facebook で http://ogimage.tsmallfield.com/　をシェアする際に 赤丸のボタン（複数のOGP画像の中から選ぶボタン）を操作するこ

最近、rebuild.fm で紹介されていたタスク管理ツールのTrelloを試しに使ってみたんですが、個人的にかなりヒットでした。このTrello、Joel on Softwareで有名なJoel Spolsky氏のサービスだと知って驚いたんですが、氏のTrelloに関するブログエントリーが興味深かったので、著者の許諾を得て翻訳します。 原文：How Trello is different - Joel on Software Trelloは何が違うのか(How Trello is different) 2012年1月6日　金曜日 つい数ヶ月前、私たちは非常にシンプルなWebベースのチーム・コラボレーション・システムのTrelloをローンチした。まだ始まったばかりの1.0状態だというのに、フィードバックは圧倒的に好感触で、採用の勢いは非常に力強い。 Fog Creekにとって、Trello

こんにちは！ChatWork CTOの山本です。 ChatWork Advent Calendar3日目を担当します。 今回は、ChatWork社内でサイト制作に使っている、デザイナ向け静的サイトジェネレーター「Phest(フェスト)」というツールを公開します！ >>PhestのGitHubリポジトリはこちら 静的サイトジェネレーターって？静的サイトジェネレーターとは、テンプレートなどプログラム的な処理を実行し、 HTML/JavaScript/CSS/画像などだけで構成された静的なWebサイトとして書き出すツールのことです。 Webサイトをつくる上で共通のヘッダやフッタなどは、PHPやSSIなどのinclude構文を使ったり、 そもそもWordpressなどのBlogやCMSなどを使って構築するケースが多いと思います。 静的サイトジェネレーターは、そういったシステムが必要な部分をあらかじ