2015年Webデザイン制作/フロント開発のトレンドをまとめてみる - Qiita
2015年Webフロントのトレンドをまとめてみる 今回は一風変わって、ウェブフロントのトレンドについて言及しているブログ記事をまとめてみました。 2014 Top 10 web development trends and predictions for 2014 More 3D web shenanigans(CSS3 3D transforms/ HTML5 canvas / WebGL) The HTML5 JavaScript API( Web Storage, Web workers, WebSockets, Application Cache) The rise of JavaScript and client-side web apps(CofeeScript, Dart) The evolution of the front-end framework(Bootstrap/
リアルタイムWebライブラリ「Socket.IO 1.1.0」リリース
Guillermo Rauch氏が中心となって、オープンソース（MITライセンス）で開発を行っている、リアルタイムWeb向けライブラリの最新版「Socket.IO 1.1.0」が、9月4日（現地時間）にリリースされた。「Socket.IO 1.1.0」では、多数のバグフィックスと、いくつかの新機能の追加が行われている。 サーバでは、オブジェクトのプロトタイプに関する修正や、サンプルのチャットアプリにおけるフォントスタイルの強化、socket.io.jsにおけるetagヘッダの修正、package.jsonにおけるレポジトリURLの修正、名前空間と切断テストの強化、削除されたオブジェクトプロパティへの参照によって発生する再接続に起因するクラッシュの修正、存在しない名前空間に接続しようとした際のエラーパケットの追加など、多岐に渡る修正・機能追加が実施された。 クライアント側では、UTF8エラー
モダンWeb
誕生から四半世紀を経てWebはその姿を大きく変えています。かつてのWebは単に科学技術文書を公開するためだけの仕組みでしたが、現在ではマルチメディア、ショッピング、アプリケーション、ひいてはオペレーティングシステムさえも包含する技術へと成長しています。このようなWebの最新技術動向を鋭く切り取り、わかりやすく解説したのが本書です。近年脚光を浴びているレスポンシブWebのためのCSSをはじめ、位置情報やバッテリーの状態を取得するためのAPI、プラグインに頼らないマルチメディア再生などを紹介します。さらに、近い将来に普及するであろう注目のWebコンポーネント技術についてもいち早く解説します。 目次 賞賛の声 まえがき 1章 Webプラットフォーム 1.1 用語について 1.2 想定される読者と、読者が知っておくべきこと 1.3 用語の再確認 1.4 HTML5とは 1.4.1 HTML5のひな
スタートアップを支えるWEBサービス/技術 | blog.smarteducation.co.jp
谷川です。はじめての投稿でいきなりまとめですが、今現在使っている技術やサービスなどよく聞かれるので、まとめて書いておこうと思います。 スタートアップの方など、これから選定される方はメリットやなぜ導入したかも含めて書くのでご参考に！ モバイルアプリ Unity http://japan.unity3d.com/ 知育をやるならば、3Dは避けて通れない道です。 アプリはもちろん、映画などでもpixerを始め子供向けのコンテンツでは3Dが多く、3Dであれば選択肢はUnity一本でしょう。（最近は2Dにも対応しています） エンジニア・デザイナー中心にUnity合宿などを定期的に行っており、今後は主にUnityを使っていく予定です。 *Unity開発者大募集中です。 Cocos2d-x http://cocos2d-x.org iOSとAndroidをメインに、復数プラットフォームに対してアプリを配
※締め切りました！【年収1000万円】助けて！開発者がいなくて会社が回らないの！ースマホエンジニア・ウェブエンジニアの募集ー | カミアプ
※締め切りました！【年収1000万円】助けて！開発者がいなくて会社が回らないの！ースマホエンジニア・ウェブエンジニアの募集ー こんにちは、アプリーナです。 今回は一緒に働いてくれる仲間を募集させてください！ 実はかみあぷを運営する(株)アップスジェイピーには技術担当はいるのですが、アプリを作れる開発者は1人もおりません。ライターと運営しかいない会社なんです。 それでもこれまではどうにかこうにかだましだまし凌いできた…のですがもう限界＞＜ 作りたいサービスがある！だけど人が足りない… 4月に『食べあぷ』を出した私たちですが、来月7月に2つ、11月に1つの新作アプリをリリース予定です。 そのどれもこれもイケてるものばかり！ なのに… 弊社には開発者が1人もいないんです。 そうです。弊社は基本アプリ開発は外注で回しちゃってる…んです。 しかしながら作りたいアプリは増える一方…。ABテストや機能の
モバイルアプリ・Web開発にオススメの Chrome 拡張機能 10選 - Tech Blog
カップル専用アプリPairyでおなじみ株式会社TIMERSのCTOの椎名アマドです。 先日うちの社員と話してて自分が普段使ってるChrome拡張機能をしれっと紹介したら、 「生産性が上がる」とだいぶ好評価でした。 なので今回は、モバイルアプリやスマートフォンWeb開発などに役立ってる、Chromeの拡張機能を紹介します。 使う使わないでかなり生産性が変わってくるものもあるので、是非活用してみてください。 API開発に最適 JSONView オススメ度：★★★★★ JSONで来たレスポンスを、綺麗に最適化して表示してくれます。 わかりやすく色分けハイライトされてたり、配列を畳むことが出来たりと、 APIを絡めた開発では必需品です。 Postman - REST Client オススメ度：★★★★★ REST リクエストをその場で作成して送信できるクライアントツールです。 GET/POST/D
次世代Web業務アプリケーション
8. Webの歴史 SGML(standard Generalized Markup Language) 1986年 HTML(HyperText Markup Language) 1989年 HTTP 0.9 1993年 HTTP 1.0 1996年 HTTP 1.1 1999年 CSS 1 1996年 CSS 2 1998年 HTML 4.0(HyperText Markup Language) 1997年 XML(eXtensible Markup Language) 1998年 XHTML(eXtensible HyperText Markup Language) 2000年 CSS 2.1 2004年 SPDY 2011年 CSS 3 2011年 HTTP 2(draft) 2012年 XHTML 2.0(eXtensible HyperText Markup Language)
フロントエンド自動化ツールをまとめて理解する - ワザノバ | wazanova
http://www.youtube.com/watch?v=1OAfGm_cI6Y 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約4時間前 GoogleのAddy OsmaniによるFuture of Web Appのキーノートスピーチです。 49分間 [Video]で下記の話題を全てまとめてます。フロント関連の便利ツールが一通り網羅されてます。おかげで、Yeoman (Yo/Grunt/Bower) の概要もすっきり理解できました。スライド（236枚）で確認されたい方はこちら。 Codekit Hammer Prepros Koala Mixture compass.app scout-app Yeoman / Grunt grunt-image: JPG/PNG/Gifを最適化して軽量化 grunt-
事業拡大に突き進むクックパッドで、井原正博氏が抱く「危機感」とは？【連載:エンジニアの幸せな職場】 - エンジニアtype
エンジニアにとって、本当に「働きやすい環境」ってどんなのだろう？ という疑問を解消すべく、組織づくりや職場環境に秀でたTech企業にインタビューを敢行するこの企画。インタビュアーは、エンジニアのためのポートフォリオサイト『Forkwell』や、エンジニア目線の求人・転職サイト『Forkwell Jobs』を運営する株式会社garbs取締役おおかゆかさん。エンジニアが「幸せに働ける職場」のあり方を探る！ 株式会社garbs 取締役 Forkwellプロダクトマネージャー おおか ゆかさん [blog:表参道フォークウヱル別館] 関西学院大学経済学部を卒業後、独立系SIerを経てインフォシーク社に入社。楽天による買収後も含めて、インフォシークのログイン周辺機能や各種コミュニティサービスの開発を担当。その後フリーランスとして活動、業務委託で入ったgarbsで提案したエンジニアのスキルマッチングの
料理を楽しくする画像配信システム
The document describes TOFU (Tofu on the Fly), a system for dynamically generating and caching image thumbnails on Amazon S3. It works by installing an Apache module that generates thumbnails using ImageMagick when images are requested, then caches them on S3 for future requests. This avoids hitting application servers for every image and provides scalability. The document discusses the TOFU archi
2013年Web制作に使い始めてよかったツール・サービスまとめ 〜そして時は2014年へ〜
2013年Web制作に使い始めてよかったツール・サービスまとめ 〜そして時は2014年へ〜 2013.12.19 | この方法お勧めです！ | 初心者向け | 制作あるある 皆様しわっす。WP-Dではジミーな技術系記事を書いてますエメラルドこと井村です。 パープルリーダーから「ゆく年くる年」というお題をいただきまして、たまにはまとめ記事的なものを書いてみたいと思います。 日々新技術に猛進する猛牛のような制作者の皆様には役に立たない記事だと思うので、日本酒でもたしなみながらくるくるスクロールしていただければこれ幸いであります。 個人的な話になりますが2013年3月に独立しまして、制作環境なども自分の好きな物を使うことができるようになりました。またフリーランスにとっては作業効率が自分の手取りに直結するので、作業の自動化・効率化は死活問題でもありますよね。 紹介しているツールやサービスは2013
国内注目のWebサービスを支える言語・フレームワーク・アーキテクチャ一覧【2013年版】 | Find Job! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Google製。Raspberry PiをWebアプリ開発プラットフォーム化·Coder for Raspberry Pi MOONGIFT
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ペインで実行結果の確認もできます。 別なデモ。アステロイドです
プログラマのためのカラーパレットツールを作りました - shoya.io
Paletta - HSV Color palette for every Programmer 背景 フラットデザインの台頭によって、昨今のアプリ/サービス開発において「色選び」が重要視されています。例えば上の写真は次のトイレの時刻を機械学習で予測するRestCastというアプリですが、「いい感じの青」を基調としたタイルを敷くことで、トイレというワードをニオワセないデザインに仕上がるよう心がけてつくりました。 デザイナー/プログラマーの皆さんは普段どうやって色を選んでいるのでしょうか。多くの場合、既存のカラーパレットをぽちぽち選択したり、#123456のようなカラーコードを調整するのではないかと思います。実は、この方法で「いい感じの色」を選ぶのは難しいのです。その理由を色の表現方法を踏まえて説明します。 混色系と顕色系 色を数値で表現する方法を表色系といいます。オストワルト表色系やマンセ
HTTPリクエストを減らすために【序章】HTTPリクエストは甘え - MOL
このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ＆ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 1日目は、HTTPリクエストの概要について説明する。 例えに、私のポートフォリオページ（t32k.me）が表示されるまでの流れを見ていく。まず、検索からでも方法はなんでもよいが、ブラウザのURLバーにt32k.meと打ち込んでアクセスする。そのページを見にいくということは、つまりt32k.meに対してHTTPスキームでリクエストするということを意味している。 クライアントであるブラウザは入力されたURLを判断して、リソ
Chrome Logger - Server side application debugging
About Chrome Logger is a Google Chrome extension for debugging server side applications in the Chrome console. Most languages include their own logging capabilities, but sometimes it is easier to see your logs right in the browser. Chrome Logger used to be known as ChromePHP. If you are feeling generous, you can donate to help support development. Usage Using Chrome Logger is simple: Install the C
ユーザーに代わってブラウザーを操作するロボットソフト、ユーザックシステムが新版発表
ユーザックシステムは2013年6月18日、ユーザーに成り代わってWebブラウザーを操作してくれるロボットソフト「Autoブラウザ名人」の新版（v4.1.0、写真）を発表、同日出荷を開始した。新版では、自動操作の内容を記述するスクリプトの中で利用できる関数を追加するなどして、以前よりも簡単に使えるようにした。 Web EDIの受発注を自動化する使い方のように、Web画面に依存している日々の業務アプリケーションの処理を省力化するソフトである（関連記事：Web業務アプリの画面操作を自動化するソフト）。単純にURLによるHTTPリクエストを再現するというのではなく、WebブラウザーというGUIアプリケーションを外部から制御し、実際に操作する。機能テストツールとは異なり、エンドユーザーのWeb業務を省力化することを目的としている。 操作内容は、実行可能なスクリプトとして記録する。スクリプトの形式はV
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
現在のWebフロントエンドの現状と愚痴と、それに対するHaxeフロントエンドライブラリMageについて
発表資料 - クックパッド開発者ブログ
Mobile Web Development Workflow
