【池澤あやか × あらたま】Webエンジニアのためのメディアアート入門（仮） - YAPC::Asia Tokyo 2014
こんにちは！ １年越しに池澤あやかとあらたまのタッグが帰ってきました！ みなさんは「メディアアート」という言葉を目にしたことはありますでしょうか？ 文化庁メディア芸術祭や六本木アートナイトなどで昨今盛んに目にするようになった「メディアアート」ですが、 本トークでは、そもそもメディアアートってなに？ というところから、鑑賞・体験することの面白さや、自ら表現することの魅力まで、たくさんの事例やわたしたちの作品デモ（本邦初公開！）を交えご紹介します。 このトークが、みなさんの "メディアアーティストとしてのはじめの一歩" を踏み出す一助となれば幸いです。 ■ アジェンダ（予定） メディアアートとは アートとエンジニアリング 事例・作品紹介 さまざまな言語やデバイスでメディアアートに触れてみよう デモ より多彩な表現をするために ■ スピーカー ・池澤あやか Twitter Blog Web Gi
2015年これからのWeb制作業界の流れ、伸ばしておきたいスキル、Webデザインのトレンドなどのまとめ
数多くのブログで2015年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目すべきキーワードは、Material Designの本格始動、マイクロデザイン、スクロールコンテンツ、スマフォ・タブレットユーザーの更なる増加、そしてHTML/CSSのフレームワークの陰り。 写真：re:splashed 2015年、現在のWebデザインを確認しながらこれからのトレンドを探る 2015年、Web制作業界全体の流れ 2015年にあなたが目にするWebデザインのトレンド 2015年に大きく変化するウェブデザインの10の傾向 2014年のトレンドで良かったもの、ダメだったもの モバイルデザインに向けたWebデザインの7つの戦略 2015年、IT系で求められているスキル 2015年、現在のWebデザインを確認しながらこれからのトレンドを探る
Webアプリケーションのパフォーマンステストを勉強する方法 #SWTestAdvent - うさぎ組
はじめに これはソフトウェアテストあどべんとかれんだー 2014 の14日目の記事です。 明日は id:kokotatata さんです。 概要 パフォーマンステストを入門するための情報を紹介します。発端は@ryushi さんが次の記事でなにやら不思議な言及をされていたというところです。 正直に申し上げて負荷テストって恐ろしく難しい種類のテストなんですけども、特にその難しさについては書いていませんので、きっと名古屋辺りのうさぎさんが補足資料を提示してくれるでしょう。よろしくお願いします。 注意 ここにあるのはkyon_mmの私見です。なので、「なに、こいつ大げさだな。。。」とか思ったらコメントで「それはお前が勉強不足だからで、世のエンジニアの感覚と違います」とか書いてください。温度感重要です。 参考書籍 基本的にはこれらを読めばいいのかなと思っています。この記事で書くのはこれらで言っているこ
【翻訳】リッチなWebアプリケーションのための7つの原則 - from scratch
はじめに この話はGuillermo Rauch氏が書いたhttp://rauchg.com/2014/7-principles-of-rich-web-applications/ という記事の翻訳です。許可を得て翻訳しています。 ここ最近Web業界を賑わしているSingle Page Applicationの必要性、HTTP2/SPDYといった技術、リアクティブプログラミングやIsomorphicデザインという考え方について包括的にまとめたすごく良い記事になっております。 最初に断っておきますが、ものすごく長いです。各セクションがわかれているので時間がない方はセクションごとに書かれたtl;DRとまとめを読むだけでも参考になるかと思います。 ちなみに明日のNode学園祭には、本記事を記述したGuillermo Rauch氏が見えるので、そこで詳しく聞いてみるのもいいのではないでしょうか。
【初ブログ】13日で10000PV達成！アクセスアップの為に実践したこと【超初心者向け】 - Tanyの殴り書き
こんにちは、タニーです。 本日でブログを始めて14日目ですが、嬉しいことに13日目で1万PV達成しました！ googleアナリティクスで約11100PVです！ （スクリーンショットを貼っていましたが、アドセンス規約により削除） はてなブログのアクセス解析だと10524PVだったんだけど、どっちが正しいの？ まぁ、両方で達成しているので大丈夫でしょう！！ 皆様ありがとうございます！！ 少し前にこんな記事を書きました。初ブログでの挫折と苦悩を書いてます。 そう！この記事を書いていた段階では全くアクセス数がありませんでした。 僕のはてなブックマーク数は最高13はてブ・・・ こんな僕がアクセスアップの為に実施した事、頑張った事を紹介したいと思います。 ブログを開設して、最初にしたこと ブログ先輩方の記事を読む とりあえず、初心者なんだから知識を入れました。 幸いはてなブログは素晴らしいブロガーの方
Webページで使用されている63種類のUIデザインの特徴と実装の注意点がまとめられた無料のeBook -UXPin
Webページで実際に使用されている63種類のさまざまなUIデザインのパターン、エレメントの使い方、コンテンツの見せ方・そしてそれらの実装の際の注意点などを一冊のPDFにまとめた無料のeBookを紹介します。 Web UI Design Patterns 2014 本書は以前、紹介したUXPinのシリーズで、ウェブ制作の参考になるPDFが他にも無料でダウンロードできます。 ワイヤーフレームや最近のUIを解説したワイヤフレームガイド 2014年、進化しているWebデザインのトレンドをチェックできる無料のE-Book スマホページ・アプリのさまざまなUIの特徴と実装の注意点がまとめられた無料のeBook eBookは全編英語ですが、英語が苦手な人でもグラフィックを見るだけで十分にためになると思います。 本書の中身を簡単に紹介します。
Web デザインの７つの時代遅れなトレンド
２０年間Web業界で働いてきたJamin Andrews（アンドリュース）氏による時代遅れなトレンドの記事。 日本と海外の違いも踏まえてご紹介いたします。 不容易なポップアップ 日本ではほっとんど見かけませんね。 でも海外のサイトみてたら７割位のブロガーが導入してるんじゃないでしょうか。結構な頻度で見かけます。 Facebookの登録、メルマガの登録、ユーザー登録等など。訪問者は誰一人としてポップアップを見たいと思っていません。それはあなたがもっとも見てもらいたいWebサイトの大きな損失です。 フォトストック 一時期爆発的に盛り上がったフォトストックですが、今やユーザーの目は一箇所に集まった無料フォトサイトに集中し、ほとんど売れなくなったといいます。というより現在の日本だとやはり無料でクオリティの高い無料素材サイトが増えましたので、きびしいかもしれませんね。ちなみにフォトストックはとった写
まさに今、読むべき一冊「現場のプロが教えるWebデザイン&レイアウトの最新常識 知らないと困るWebデザインの新ルール3」 / Maka-Veli .com
友人が本を共著で書いたというので購入。 予想以上に面白かったのでご紹介です。買って良かった！ 内容はというと、 例えばこのように最近のトレンドについて具体的なことが書かれていたり 役立つツール集のページがあったり 参考になるサイトや書籍のまとめがあったり プロトタイピングツールの紹介がまとめられていたり 具体的に導入方法も紹介されていたり 総ページ数160ページでびっしり盛りだくさん書かれているので読んだ後に色んな知識が得られるのはもちろんなのですが、Amazonレビューにもあるように著名な方々が書かれてる事もあって、デザインに対するさまざまな視点だったり考え方だったりを汲み取って読んでいくのが非常に楽しめる一冊でした。 友人から一言。 @maka_velicom この度は、ご紹介いただきありがとうございます。感想としては、今回は突然執筆のお話をいただきバタバタで終わり
web開発者のための さまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」
web開発者のための さまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」 webサイトを魅力的に見せるためには、デザインはもちろん、動きにも力を入れたいもの。シンプルなフラットデザインが主流となっているため、特に重要な要素となってきているのではないでしょうか？今回はそんな時に参考にしたい、さまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」を紹介したいと思います。 Stylish CSS Buttons いろいろなパーツに動きや、エフェクトを加えられるチュートリアルが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Page Preloading
至高のクラウドはどちら？ Amazon Web ServicesとMicrosoft Azureを徹底比較
関連キーワード Microsoft（マイクロソフト） | Amazon Web Services | Microsoft Azure | Amazon | IaaS | クラウドコンピューティング | パブリッククラウド 今は米Amazon Web Servicesの「Amazon Web Services」（AWS）が米Microsoftの「Microsoft Azure」に大きく差をつけているかもしれない。だが、パブリッククラウド市場の覇権をめぐる戦いは、短距離競走ではなく長距離競走だ。 米調査会社GartnerのIaaSクラウド評価基準「Evaluation Criteria for Cloud Infrastructure as a Service」の2014年版では、AWSが1つを除く全てのカテゴリでMicrosoftをリードしている。AWSはGartnerがIaaSに求める基準
無料で作るWebサービス Herokuを使ってWebサービスを作ってみた（前編） - 今日学んだこと
休日。何かしなければという焦りがあるんだけど、何をしようか思いつかない。 現在の飯のタネである（僕はいわゆるSIer）システム系の勉強を、最近してないことに気づいてはいるんだけど、インフラの構築に気が行ってしまって、なかなかスタートを切れない（どうせなら借りているVPSに対して色々と自動化して・・・と）。 そこでインフラの部分に気を取られることは無いHerokuを使って、何か作ってみることにした。 >> できあがったもの >> http://studysuggest.herokuapp.com ※後ろの方にも書いてますが、綺麗に何かを作るより、まず動くものを作って公開するというのを主題にしてます。 Herokuとは ざっくりとまとめると 高負荷でなければ無料で利用できる 定期的にバックグラウンドで◯◯動かす みたいな事やると、無料枠超える可能性出てくるので注意 gitにソースを上げて、流し
セミナー告知ページに必ず書いておくべき項目、意外に忘れがちな項目 | 初代編集長ブログ―安田英久
セミナー告知ページは参加者ゲットだけでなく情報拡散も狙うセミナー告知ページにこれらの情報が必要なのは、次の2つの目的を達成するためです。 【対象：参加者】 どんなセミナーか理解して、適切な人にできるだけ多く参加してもらう。 【対象：プレス関係者やブロガー】 メディアに掲載したりソーシャルメディアで流してもらったりする。 参加対象者にとっては十分な情報が記載されている告知ページでも、メディア立場でセミナー情報を他人に伝えようとすると、意外な情報が抜けていて困ることがあります。 明示されていない情報としては、次のような項目が多いですね。 セミナー名 セミナー名は、そのセミナーがどんな場なのかを表すのに非常に重要です。告知ページのタイトルに書くだけでなく、「セミナー概要」の表に必ず「セミナー名」として記載しましょう。 主催者情報 主催している本人は自分たちが主催していることを知っていますが、第三
グーグルが高速プロトコル「SPDY」をChromeブラウザで有効化。Gmailなどで利用を開始していた
グーグルが高速プロトコル「SPDY」をChromeブラウザで有効化。Gmailなどで利用を開始していた グーグルがより速いWebを実現するために、HTTPを高速化した新プロトコル「SPDY」を開発中であることは、昨年夏に公開した記事「グーグルがWebを高速化するために何をしているか」で紹介しました。 SPDYの話題はその後ほとんど見かけなくなりましたが、グーグルはそのSPDYをChromeに実装し、同社のサービスで利用していることがニュースサイトConceivably Techの記事「Google Chrome Gets SPDY – And An Onscreen Keyboard」で指摘されています。 なぜグーグルはひっそりとSPDYを有効化したのだろう？ SPDYとは従来のWebのプロトコルであるHTTPを改良し、毎回同じ情報がやりとりされるヘッダの情報を圧縮したり、リクエストの回数
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
パソコンの大先生に役立つWebサイト挙げようぜ：キニ速
Effective web performance tuning for smartphone
http://koreyomo.com/archives/230
Bootstrap 5 & Vanilla JavaScript - Free Material Design UI KIT
Lv1から始めるWebサービスのインフラ構築
デザインのトレンドを毎日届けてくれるサイト「Panda」 | ライフハッカー・ジャパン
VIPPERな俺 : 女が「努力しろよ…」と言いたくなる男性9パターン