グリー株式会社 | ニュースリリース | プレスリリース 2011年 | グリー、全世界で7,500万ユーザーが利用するOpenFeint社を完全子会社化REALITY Studios、メンズアイドル大手RINDO Entertainmentと資本業務提携
PostCSSとは何か - morishitter blog
PostCSSというnode.js製のツールがある。 PostCSSのGitHubでのStar数は4000を超え、海外のブログではPostCSSについての記事をよく目にするようになった。しかしまだ日本では盛り上がりを感じていないので、日本語のPostCSSの記事を書くことにした。 PostCSS PostCSSとは、JavaScriptで書いたプラグインでCSSを変換するためのツールだ。 PostCSS自体は、CSSパーサーとそのASTを操作するためのAPIのみを提供していて、ユーザーはPostCSSのプラグインを書くことでCSSを変換することができる。 僕もPostCSSを使って、以前ブログにも書いたAtCSSというCSSプリプロセッサーや、postcss-style-guideというスタイルガイドをMarkdownから自動生成するためのプラグインなどを書いたことがある。 PostCSS
優秀なJavaScriptの開発者になるための5か条 | POSTD
(注記：7/15、いただいた翻訳フィードバックを元に記事を修正いたしました。) 子供の頃、私の興味は互いに関係性のない様々な分野に及んでいました。数学も歴史も大好きでした。 ルネッサンスマン 、つまり 博学者 と言う、複数の分野に秀でた人になりたいと思っていました。これはとても難しい課題で、私は突如として、器用貧乏な人になってしまう危機に直面したのです。 私は特定の分野に特化しなくては、と考え始めました。そうすればたとえルネッサンスマンにはなれなくても、少なくとも、器用貧乏にならなくても済むと思ったのです。どうしたらソフトウェア開発をするのに必要な広い知識を保ちながら、1つの分野で専門性を高めることができるのでしょうか。 この記事では、過去5年間、私が良いJavaScript開発者になるために使ったテクニックとリソースの概要をお伝えしようと思います。 最近の多くのWeb開発者は、ある共通の
JavaScriptを一枚の画像で学習する。javascript-in-one-pic - webhack / ウェブ技術が好き
2015-06-28 JavaScriptを一枚の画像で学習する。javascript-in-one-pic FreeMind？で書かれたJavascriptの基本を学習するツリーマップ画像です。とにかく縦に長い画像です。coodict/javascript-in-one-picgithub.com 最近、githubでawesome-*のように1つの技術を体系的にまとめられた昔風に言えばリンク集が人気です。javascript-in-one-picも1つの技術が1つの画像にまとめられているので分かり易いですね。以下はawesome-*シリーズのawesome-rubyです。 Awesome Rubyawesome-ruby.com おそらく作るのは時間がかかりますが極端に難しいものではないと思います。試して見たい方向けにFreeMindを紹介します。 FreeMind プロジェクト日本語
HTML5オールスターズ勉強会 - htmlday 2015 -
http://eventdots.jp/event/496476 ■概要説明 日本を代表するHTML5エンジニアが一同に集結し、HTML5エンジニアのためのHTML5勉強会を開催します！ 大手企業からフリーランスまで各々の取り組み事例や開発の中でのTipsをお話します。 ■Twitterハッシュタグ #dotshtml5 ■タイムスケジュール 時間 講演内容 13:00 - 受付開始 13:30 - 13:40 本日の流れの説明 13:40 - 14:40 『最近のWeb標準動向（仮）』 矢倉 眞隆氏（@myakura） 『いつになっても議論が終わらないパフォーマンス関連のWeb標準たち』 川田 寛氏（@_furoshiki） 『まだまだ ServiceWorker のはなし。Background Sync も来るよ！』 安田 絹子氏（@kinu） 14:40 - 14:45
デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本
スマホからウェブにアクセスするユーザが増え、ウェブサイトの表示速度の高速化がより重要な制作の課題になっています。1ページもののサイトなら、フロントエンド・エンジニアが一人で実装できるかもしれませんが、ある程度の規模のウェブサイトではワークフローやサイト全体の設計にも関わってきます。また、表示速度の高速化の方法を知らなければ、最適化しやすい、より高度なデザインは実現できないでしょう。エンジニアだけでなく、デザイナーやディレクターがこういった情報を知っていれば、よりスムーズに結果を出せるウェブサイト制作ができるはずです。 ページ表示速度の改善にはいろいろな方法がありますが、この記事では一番効果がありそうなところから攻めていきたいと思います。自分もまだまだ勉強中なので、まずはfilament groupのScottさんの記事 やClearleftのJeremyさんの記事 を参考に、フロントエンド
Post by @ficc-workbook
簡単にいえば、JavaScript版 mediaqueryです。 https://developer.mozilla.org/ja/docs/Web/API/Window/matchMedia windowサイズに応じてJSの処理を書き分けることができます。
これでよくない？ レスポンシブテーブルの話
レスポンシブテーブルという言葉をご存知でしょうか。テーブル（表組み）に対してレスポンシブデザインを適用する手法のことです。既存のものとは少し違った手法を考案したので記事を書きました。 レスポンシブテーブルは一般的に難易度の高いものとされています。沢山の人がいろいろな方法を考案していますが、どんな表組みにも使える汎用的なレスポンシブテーブルの枠組みはまだ登場していません。第一、表組に入る内容はほんとうに様々なので、汎用化という考え方に限界があることは明白なのです。 いくつかの実装パターンは「レスポンシブWebデザインでテーブルを使う時の小技」という人気記事で紹介されています。この記事で紹介されているものの多くは、CSSのdisplayプロパティの値を上書きすることで表組みからリスト形式に組み替えたり、行と列を逆転してスクロールさせて見られるようにしたりといった、ある種、大道芸を見せられている
Sojourner何日目？
Ingressのメダル「Sojourner」（ソジャーナ）が今日で何日目かを表示します。 ブロンズ(Bronze/15days): シルバー(Silver/30days): ゴールド(Gold/60days): プラチナ(Platinum/180days): オニキス(Onyx/360days): 起算日をカスタマイズ 年 月 日 半角数字で入力。ページ読み込み時の初期設定はSojourner実装日の2015年3月6日。 全角数字や漢数字、空白など不正な値を入力すると正常な計算が行われません。「NaN」の表示が出た場合はエラーです。 注意事項 このページはあなたのエージェントステータスやIngressのサーバから情報を読み取っている訳ではありません。単純に「YYYY年MM月DD日から今日で何日目か」を計算しているだけです。 日付はブラウザから取得しています。 時差などは全く考慮していないの
実践主義のフロントエンドエンジニアに大切なことは「思いやり」の心構え ～Frontrend Conference 基調講演 | gihyo.jp
実践主義のフロントエンドエンジニアに大切なことは「思いやり」の心構え ～Frontrend Conference 基調講演 サイバーエージェントが主催しているフロントエンドエンジニア向けのセミナー「Frontrend」は、毎回100名上の参加者がいるイベントです。2012年6月から不定期で開催されていましたが、2月21日に開催されたカンファレンス形式のFrontrend ConferenceをもってFrontrendの開催はひとまず終了することになりました。 本稿では、このFrontrend Conferenceで基調講演を行った斉藤祐也氏のセッションの模様をレポートします。 斉藤祐也氏「PRAGMATIC FRONTEND DEVELOPER」 今回の基調講演に登壇した斉藤祐也氏は、現在サイバーエージェントではなく、リッチメディアでUXエンジニアをしています。ただ、Frontrendをは
Web制作者にもチャレンジできるIoT入門～Tesselの基礎～
2015年はIoT元年と言われるくらい、IoTやWoTという単語がバズワード化してきました。2014年頃からArduinoやRaspberryPi、Galileo、Edisonといったマイコンボードが急激に人気になってきましたね。Web開発者がハードウェア領域に進出しやすくなりました。ただ、センサーの利用など応用的なことをしようとすると、GPIOや電流などの知識をある程度は知っておく必要があります。 今回は、Webの知識だけでほぼ操作でき、初心者向けのTesselというマイコンボードを紹介します。具体的には、Tesselの開発環境整備から環境センサを扱うところまでを紹介したいと思います。Webエンジニア向けに説明を書きましたが、Webデザイナーやディレクターなど、非エンジニアの方でもチャレンジしていただけたら幸いです。 Web制作者向けマイコンボードTesselとは 参考リンク 次世代マイ
io.js - JavaScript I/O
Run JavaScript EverywhereNode.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
2015年のWebサイトの作り方 at 67ws
The document summarizes quotes from three individuals about web design and development. Tim Berners-Lee notes that the primary principle of the web is universality, meaning it should be accessible from any device. Jason Fried argues that designing in Photoshop wastes time, as the design then needs to be rebuilt in HTML/CSS. Instead, one should design directly in HTML/CSS to allow for faster iterat
JavaScript祭スピンオフ！ フロントエンド祭り in Co-Edo
JavaScript祭りスピンオフ企画！フロントエンド祭りの開催を致します！ 毎回JavaScript祭りは100名近く参加頂き、その都度WEBデザイナー系の方・初心者の方から「どうすればJavaScriptが書けるのか！？」という根本的な疑問を頂きます。 そこで今回は 「JavaScriptを愛する初心者～フロントエンド系」向けに「もっと書こうよ！JavaScript」をお送りしたいと思います。 セッションの時間を通常よりも長めに取っておりますので、ハンズオン形式でぜひ登壇者と一緒にJavaScriptを書いてみよう！ ※コワーキングスペース利用料金1000円がかかります。 なお、今回は参加費無料となっております。懇親会別途。懇親会費用は1500円となっております。受付時にお支払下さい タイムスケジュール 今回は全体を通して初心者～フロントエンド系 受付開始 14：00～14：30 座席
【翻訳】デザインエンジニアリング - MOL
Original：Design Engineering（2014-11-25）by Jonathan Snook JavaScriptだけがフロントエンド開発ではない。それはデザインとディベロップメントの技術が人種のるつぼのように融合したものである。それはアクセシブルなUIを実装するためであり、Web標準を受け入れるものである。 — Matt Hill Shopify Adminの開発に関して言えば、最近まで2つの専門職、つまりデザイナーとエンジニアを受け入れていた。今では3つめの専門職がある、しかしながらそれが確かなものとして認識されるまで時間がかかった、フロントエンドデベロッパーである。フロントエンドデベロッパーのスキルはデザインとエンジニアリング両方にまたがっている。これまでクオリティの高いフロントエンドコードをフロントエンドデベロッパーの助けもなしに書けるデザイナーを雇えて、私たち
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Jade について。
Log in to Your Account · GitBook (Legacy)
最近のフロントエンドツールの紹介
【HTML5 Conference 2015】ウェブが“どこにでもあるもの”になったその先にあるものとは、ウェブ技術者の祭典「HTML5 Conference」 
Chrome Developer Toolsを使いこなそう！
