「JavaScript」に関連する技術ブログ

企業やコミュニティが発信する「JavaScript」に関連する技術ブログの一覧です。

CSS backdrop-filterを使って曇りガラスなどの背景効果を出す(iOS9.0新機能)

はじめに mediba制作部 メディアクリエイティブグループの今野です。 初回投稿なので、カンタンにグループ紹介からさせていただきます。 当グループは20名強のメンバーがいて、サービスごとにチーム編成されており、デザインとフロントエンドを担当しております。 普段の業務で培ったノウハウや、また、業務以外で、UI/UX、Webの最新技術も研究などもしているので、

API設計を行う際に注意したいこと(導入編)

昨今、APIの重要性は高まるばかりです。プロジェクトの大小にかかわらず、APIはどこかで使われているのではないでしょうか。そこで今回はAPIの設計手順について見ていきたいと思います。APIをはじめて設計される方はもちろん、これまではなんとなく設計してきたという方もぜひご覧ください。 APIとRESTについて 最近、APIではよくREST APIや単にRESTといった単語が聞かれ

JSON Schemaを使ってAPI開発を便利に。スタブサーバライブラリまとめ

JSON Schemaはバリデーションにも使える構造になっていますが、今回はその逆でJSON Schemaを使ってREST APIなサーバを立ち上げるライブラリを紹介します。これらを使えばAPIが開発段階であってもJSON Schemaを使ってクライアントアプリやサービスの開発ができるようになります。 mingderwang/ginger Go製のライブラリで、JSON SchemaからRESTfulなAPIサーバを立ち上げます。 dorante node.js製の

JSONをもっと使うために知っておきたいJSONエディタ×8選

APIのデファクトスタンダードなフォーマットの一つになっているのがJSONです。XMLに比べるとシンプルな構造ですが、括弧が多いために人にとっては複雑な構造になるととても見づらくなります。そのためデータの場所を読み違えてエラーを起こしてしまうこともあります。 それを防げるのがJSONを見やすく加工してくれるビューワーであったり、データをメンテナンスで

5分で分かるWebAPI

Web APIという単語が出てきたのはおそらく2003年頃で、Web 2.0という単語が広まってきた頃でした。元々その前進としてWebサービスがありましたが、そちらは主にエンタープライズ向けでSOAP(元々はSimple Object Access Protocolの略)を使ってデータの送受信を行うものが多かったと記憶しています。 Webサービスは主に企業間でインターネットを介したデータの送受信を期待して作

node.jsとjohnny-fiveを使って、JavaScriptでarduinoを操作してみる

こんにちは、上津原です。 またArduino関連です。以前はUnityを使ってそれぞれを動かしてみましたが、JSで動かせるんだぜ、ということを聞きやってみることにしました。 johnny-fiveって? johnny-five www.npmjs.com node.jsの説明は割愛するとして、johnny-fiveってなんじゃ?という話ですが、Firmataを利用して、JSからarduinoを動かすことができるワンダフルなライブラリです。 npm install

pepperくんをブラウザから動かすコントローラを作ろう

こんにちは、上津原です。 前回はpepperくんをソケット通信を利用して遠隔で動かしました。今回はQimessaging.jsを利用して、ブラウザから動かせるようにしてみました。 Qimessaging.jsの最新版は こちら で入手する事ができます。 作るにあたって、 こちらのQiita記事 を参考にさせてもらいつつ、個人的に欲しいなって思っていた、オートノマスモードのON/OFFや、スリープのON/O

流行中のテクノロジーはコレだ!改革をもたらすテクノロジー11選

  先日 ThoughtWorks社 から最新の技術動向をまとめた Technology Radar の2015年1月版が発表されました。 このTechnology Radarですが毎回、 『技術』 『ツール』 『プラットフォーム』 『言語・フレームワーク』 と4つの領域に分けて紹介しており、絶賛流行中もしくは今後注目されるテクノロジーなどが紹介されています。 今回はそんな 『言語・フレームワーク』 の領域から厳選

Backbone.jsでフロントエンド開発

はじめまして、エンジニアの高松です。 今回は先日リリースした、「色・サイズ改修」でのフロントエンド開発についてお話したいと思います。 概要 「色・サイズ改修」は、主に以下を目的としたプロジェクトです。 購入可能な色やサイズが、ひと目で分かるようにする 次期リリースで、色とサイズを選択して購入できるようにすることで、誤注文を減らす 商品の色

NewsPicks × D3.js

NewsPicksの開発をしている板倉です。 NewsPicksではニュースを見る画面とは別に、 どの記事がどれくらい読まれているかという画面の開発を進めています。 直感的にわかる画面がほしいということで、 D3.jsを使って画面を開発することになりました。 D3.jsを使うにあたって勉強するつもりで何か作ろうと思い書いたのが今回のエントリーになります。 今回の開発環境 D3.jsに

クリエイターの日参加者 参加者インタビュー:HOME'S Echoes

クリエイターの日運営委員の松尾です。 前回 と 前々回 に引き続き、第2四半期にあたる7~9月にも様々なチームが クリエイターの日を利用して、ものづくりを行いました。 今回は新卒1年目の社員が2人で進めているものづくりを紹介します。 お二人の名前と、今回の活動について教えて下さい。 東  デザインとフロントエンドのコーディングを担当した東です。普段は

デザイナーと一口に言うけれど

Apple原理主義者の大坪です。 最近 「UXとUIは何が違うのか」 といった議論を時々みかけます。それぞれの言葉について、合意のとれた定義がないから正解はないのですが、この問題に対してのあれこれの議論は時として興味深いものになります。 というわけで昨日見つけた記事について。 記事の題名は "Recruiting a Designer? Here's What You Should Know" 「デザイナーを探している人

第1回Swift勉強会@ネクストを開催しました!

こんにちは。新卒で今年からiOS開発グループに配属された石田です。 はじめに  私はiPhoneアプリ開発経験がなく、これからObjective-Cを勉強していこうと思っていた矢先に、WWDC2014にて新言語Swiftの発表がありました。そんな新卒の視点から、先日弊社で開催されたSwift勉強会の模様をお伝えします。 開催までのいきさつ  Swiftの発表にはiOS開発グループの先輩も驚いたよう

Origamiを使った「デザイン」事例@Facebook

最近「Apple原理主義者」と合わせ「Origami原理主義者」と名乗ろうかと考えている大坪です。 先日行われたFacebookの f8 デベロパーカンファレンス での Origami のデモを紹介します。 まずこのビデオ。新しくなったFacebook Messengerアプリに関するプレゼンですが.. この「Facebook Messengerアプリ」のように見えるものは、一行のコードも含まず、デザイナーが「空いた時間を使って

Unity初心者が2ヶ月半でOculusRiftを使ったVR開発をした【実装編1】

こんにちは 上津原です。 今回から実装編に入っていきます。 基本的に実装編では、各機能がどんなふうにできていったかを紹介していきたいと思います。 今回は 「朝~夜の日照のシミュレーション」 について話をしていきます。 OculusRiftでSkyboxがぶれて見える件 普通にUnityでやるようにSkyboxを設定すると、Riftを通してみたとき、タブって見えます。 これは、OculusRiftの
技術ブログを絞り込む

TECH PLAY でイベントをはじめよう

グループを作れば、無料で誰でもイベントページが作成できます。情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?