初めまして。今回よりChrome Web Store及びWeb Appsについて連載させて頂きます、吉川と申します。本連載では、Web Appsの作り方から各種APIの紹介、Chrome Web Storeでの公開方法まで、解説していきたいと思います。最後までお付き合い頂ければ幸いです。 Webアプリケーションの進化 HTML、CSS、JavaScriptなどで構成されるWebアプリケーション（以下、Webアプリ）は、Ajaxの登場以降も、HTML5やその関連技術によって劇的に進化しています。今では、デスクトップアプリケーションと遜色のないWebアプリも多く登場しています。通信インフラの発達や携帯用デバイスの普及、クラウドなどで、Webアプリの重要性は益々増しており、今後も大きな流れとなることは間違いありません。その中で、Chrome Web Storeは、Webアプリの普及について大きな

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

「あるユーザがXをYできるかどうか」というメソッドを定義したいとき、Userに実装するよりも、Xに実装した方がうまくいくことが多かった。例えば「ユーザが投稿を編集できるか」という、ブログの共同編集のような機能で使うやつで考える。つまり、User#can_edit?(entry) みたいなやつにするか Entry#editable_by?(user) みたいなやつにするかという話になる。 後者の方でうまくいった理由は、Webアプリだとログイン中のユーザが存在しない場合というのがあるが、後者ではuserがnilの場合でも対応できたというのと、Userクラスが長大にならなかったという点 (Abilityクラスとかを全ての場所で統一して使えている場合はそれで良いので各自適当にやっていってほしい)。あとメソッドの命名規則の問題があって、名詞形 (例:User#name) か、xxx?で終わるメソッド

LAMPに代わる構成として注目のMEANスタックの基礎知識とインストール、ひな型作成：MEANスタックで始めるWebアプリ開発入門（1）（1/3 ページ） MEANスタックを用いたWebアプリの開発方法について紹介していく連載。初回はMEANスタックの特徴と構成要素MongoDB、Express、AngularJS、Node.jsの概要、インストールの仕方とひな型の作成方法を解説。 連載目次 今でもよく使用されていますが、以前からWebアプリ開発ではLAMP環境がよく使用されていました。LAMPとは、一般的なWebアプリを開発するのに人気の高いオープンソースソフトウェアを組み合わせたもので、以下を用いたシステムのことです。それぞれの頭文字を取って「LAMP」と呼ばれています（参考）。 OS：Linux Webサーバー：Apache HTTP Server データベース：MySQL プログラ

This is talk about Starting with building web application with GolangRead less

TOPICS Web , HTML/CSS 発行年月日 2005年06月 PRINT LENGTH 568 ISBN 4-87311-232-X 原書 Cascading Style Sheets: The Definitive Guide, 2nd Edition FORMAT PDF 本書はWebページのデザインに必要不可欠なCSS（Cascading Style Sheets）の仕様書を基にした解説書です。セレクタ、構造とカスケード、値と単位、テキストのプロパティ、ビジュアルフォーマットなど基本的な解説から、フローティングと位置指定、テーブルレイアウト、ユーザーインターフェイススタイルなどよく使う処理からさらに複雑なものまで幅広く解説します。豊富な実例と詳細な解説でCSSについて包括的に学べる本書はWebデザイナー必携の一冊です。 序文　 vii はじめに ix 1章 CSSとドキュ

ブログのタイトルロゴが欲しい！（切実） 先日、WordPressで作ったブログのテーマをGushに変更したのですが・・・ ダサい！！ ※Gushは余分な物は一切なくシンプルで、カスタマイズしやすい作りになっているのが非常に良い点ですが、そのまま使用することは考慮されていません。（カスタマイズが前提となっています） 【追記】「そのままでも使える」をコンセプトでGush2.0が開発されました！ というわけで、まずはタイトルロゴの制作に取り掛かります。 Windowsのペイントソフトで作る Windows付属のペイントソフトでせこせこ作ってみました。 ・・・「チープ！」という言葉が最初に思い浮かびました（笑） いくら個人のブログとはいえ、これは酷い！ もっと簡単にかっこいいロゴが作れないか？調査しました。 正統派ロゴ作成Webアプリ まずは普通のロゴ作成Webアプリです。 Free Logo D

筆者は、このような画面を頻繁に目にします。なぜなら、デザインに疎い筆者自身がWebアプリを開発すると、このようなシンプルな画面がたくさん出来上がるからです。 そもそも業務アプリケーションでは、業務で取り扱う数多くの情報を、データベースや他システムなどから取得し、アプリケーション内でそれらの情報を、安全かつ正確に処理するためのコーディングを行う必要があります。開発規模が大きくなれば、再利用性の高い設計になるようさまざまな知恵を使う必要がありますし、取り扱う情報には機密性の高いものも含まれるため、セキュリティなどにも細心の注意を払う必要があります。そのため、どうしてもビジネスロジックの開発に注力しがちで、画面デザインやレイアウトなどのフロントエンド開発は、ついつい後回しになってしまいます。 しかしながら、Webアプリの操作性は、システムの顧客満足度を左右する重要なポイントになります。また、パソ

「特に, とりあえずといって#ff0000赤や#00ff00緑などの極端な色を選びがちなプログラマーの皆さんに使っていただけるといいなぁと思います.」ということで、非常に秀逸で便利なカラーパレットがクリックするだけであっという間に完成するのがプログラマーのためのカラーパレットツール「Paletta」です。 Paletta - HSV Color palette for every Programmer http://paletta.mrk1869.com/ 使い方は極めて簡単、「この色がいいなぁー」と思ったカラーをクリックするだけ。 すると一発で非常にバランスのいいカラーパレットが完成 いろいろな色がどんどん作れます また、右上にある「Reset」をクリックすればカラーパレットはリセットされ、さらにカラーコード部分をクリックすればコードがコピーされます 一体どういう仕組みでカラーが選ばれて

Webアプリ構築で、まず考えるべきアーキテクチャの検討ポイント（基礎編）：徹底解説！ ITアーキテクトとは何か？（2）（1/4 ページ） 連載目次 ユーザーの要求をアーキテクチャに落とし込む方法とは？ 前回は、アーキテクトの役割とタスクについて解説しました。今回からは、アーキテクチャ設計の話に入っていきたいと思います。アーキテクチャ設計の最初の段階で重要なのは、エンドユーザー／ユーザー企業の要求を見極めて、それをアーキテクチャに落とし込むことです。システムを設計する上で、ベストオブブリードでシステムを構成できる現在のようなオープンな環境の中では、さまざまな選択肢が存在します。その選択肢から選ぶ際に優先されるのは、「ユーザー要求」だということです。 例えば、顧客が「リアルタイムな情報反映と、その活用」を望んでいるにもかかわらず、バッチ処理中心型のシステムを設計・構築することは、エンドユーザー

Web アプリ開発をする上で読むべき基本的な本は無いかと聞かれて，すぐに出てこなくて困った 今後もそういうことを聞かれることもあるかもしれないので個人的にまとめておきたい 基本的には何かを作ってみて，習うより慣れろの精神で行くのがいい 最近は Ruby on Rails が流行りな気もするのでその辺りで役に立ちそうなサイトを紹介する Ruby on Rails チュートリアル：実例を使って Rails を学ぼう サクサク引ける Rubyリファレンスマニュアル bbatsov/ruby-style-guide Rails のチュートリアルはたくさんあるので他にも読んでみると良いかもしれない ただ Ruby on Rails が簡単というのはウソ - #生存戦略 、それは - subtech に書かれていることを全部やろうとすると絶対にハマるので分かるところから少しずつやるといい それと We

思ったより指はじっとしていない。タッチUIの特徴と癖を分析して、タッチUXを実現する7つのポイントを紹介する。 普及してきたタッチデバイス 現在、スマートフォンやタブレット端末がすさまじい勢いで普及してきています。iPhone/iPadは新製品が出るたびに販売記録を塗り替え、Androidのスマートフォンやタブレットも各社からさまざまな端末が発売されています。今秋にはMicrosoftからWindows 8/RTも発売され、いよいよタブレットが本格的な普及期に入ります。 これらはすべてタッチUIで操作する、ということがこれまでのPCと大きく異なります。 直感的で分かりやすいタッチUIはあっという間に市場に受け入れられました。ユーザーは新しい体験を期待と興奮で歓迎しました。今やスライドしてページスクロールは当たり前で、スワイプでページをめくることに迷う人はいません。 同時に、そのような端末で

疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】

Coder for Raspberry PiはRaspberry Pi用のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 Googleからまた一風変わったプロダクトが生み出されました。最近よく聞くRaspberry PiをWeb開発プラットフォームにしてしまうCoder for Raspberry Piです。 まずSDカードにcoderをインストールします。 インストールしたらcoderを立ち上げて、Webブラウザからアクセスします。最初にパスワードを設定します。 メイン画面で簡易的なチュートリアルが表示されます。 デモのアプリを開きました。これはその結果画面です。 こちらは編集画面。HTML/CSS/JavaScriptそしてNodeの編集ができます。 画像などのメディアをアップロードできます。 2ペインで実行結果の確認もできます。 別なデモ。アステロイドです

おはようございます。 がくちょうです。 僕はお仕事でビジネスのアドバイザーをやっていて、ビジネスモデルを作るところから相談に乗っているので、そのへんの「商品作り」の段階でよくみなさんがぶち当たる壁というものが分かります。 それがいわゆる 「課金の壁」 というもので、例えばやっていきたい方向性とかもわっとしたビジネスモデルはあるけど、お金にならないようなサービスになっている人が多い。 でも、ビジネスにしていくにはお金にしなきゃいけないですよね。課金できなきゃただのボランティアだから。 じゃあどうやったら「課金できる」ようなサービスを簡単に作り出せるのか。 今日はそんなお話です。 発明品を作ってる人が多い ビジネスを作り出すときに、ほとんどの人がハマってしまうのがこの「発明品を作ってしまう」という穴です。 どういうことかと言うと、 「あったら便利そうだな」 みたいなサービスを作ろうとしちゃうと

30年にわたったスペースシャトル計画に幕を閉じた7月21日。最後のスペースシャトル「アトランティス」の帰還を待つ米航空宇宙局（NASA）の管制室では、日本の個人が趣味で作ったWebアプリが大型スクリーンに映し出されていた。その心境を作者がブログにつづっている。 Googleマップ上に国際宇宙ステーションやハッブル宇宙望遠鏡の軌道をリアルタイムに表示する「GoogleSatTrack」（GST）の作者、柏井勇魚さんは、帰還への軌道離脱噴射指令をアトランティスに出すNASA管制室の大型スクリーンに、見慣れた画面が映っているのに気付いた。 すぐに自ら開発したGSTだと思ったものの、信じられなかったという。「いや、だって、一介のアマチュアプログラマが作ったWebアプリが、ミッションの中でも一番クリティカルな大気圏再突入前のミッションコントロールセンターの画面に映っている。これで信じろという方がおか

NEXTユニコーン企業で働くエンジニアたちに体当たり取材！NEOジェネレーションなスタートアップで働く技術者たちの、「挑戦」と「成長」ヒストリーをご紹介します 今回話を聞いたのは、家にある家電を「スマート家電」に変えてしまう『Pluto』を製作・販売するPlutoの3人。いかにして彼らは、自宅のLANをつなぐだけでただの家電をスマート家電に早変わりさせる仕組みを実現したのか？ その歩みをひも解いてみよう。 2013年1月27日、産経新聞は経済産業省がスマートフォンによる家電の遠隔操作に関する規制を緩和する方針を固めたと報じた。 この規制緩和を期に、ネットとリンクして遠隔操作が可能になる「スマート家電」は増加していくだろう。そんな、家電スマート化を推し進める急先鋒といえるのが『Pluto』だ。 Plutoとは、2012年11月より発売が開始された、たった1万2800円（税込み）でリモコン制御