自動車用ガラスコーティング材を扱うkozmezは12月15日、塗るだけスマホ液晶の傷を防止するガラス強化剤「クリスタルガード・グラスアーマー」を発売した。 自動車用コーティング剤として開発されたもので、付属クロスを使ってスマホの液晶画面に塗り伸ばし、そののち拭き取るだけでガラス面が強化される。液が硬化して保護するものではなく、“ガラスを科学的に水晶に変化させる「反応型」”なので施工した直後から効果が得られ、その効果は永久に持続するという。
※ 2014/11/23 時点の情報 TL;DR ほぼ Qiita:Team 互換 Kobito のような専用 Client はない docs - esa.io これが良いサンプルになっているので必見 ホーム画面 / カテゴリビュー 表示されているもの カテゴリ一覧 README.md の内容 最近の投稿 投稿一覧 投稿画面 できること 画像直接貼り付け url は https://img.esa.io/uploads/production/pictures/173/1076/image/f58c6c3d21bdbfaf9bffa9d886919497.png など チェックボックス 表 タグの候補出し WIP 投稿 投稿表示画面 表示されているもの 目次 内容 各種情報 コメント ほぼ投稿と同じことができる Import 現在開発中とのこと Export https://{チーム名}.e
Amebaのクリエイティブディレクターが徹底考察! UI/UXがイケてる!おすすめスマホアプリ 第1回 Twitter 2014年12月11日 TEXT:佐藤洋介(株式会社サイバーエージェント) より良いユーザー体験を提供するうえで、スマホアプリにおけるUIの工夫やユーザーの心的高価を考慮したデザインなどを、サービスの機能ごとに紹介していく本連載。第1回目ではTwitterの公式アプリを取り上げ、使い勝手とインタラクションを考察していく。 Twitter iOS版 https://itunes.apple.com/jp/app/twitter/id333903271?mt=8 Android版 https://play.google.com/store/apps/details?id=com.twitter.android&hl=ja OSによるユーザー特性を考慮した最適なレイアウトとは?
BLOG Google出身ルビー・マーケティングのスタッフがオンラインマーケティングに役立つ情報を執筆中。 マーケティング全般、広告運用のこと、そしてYouTubeのことまで。今すぐ役立つ記事満載! 筆者はかれこれ4年以上オンライン広告の新規営業をしております。 前準備として業界や市場を知る事が重要だったわけですが、多種多様な業界知識を得る事は難しく、また一般にでている情報では差別化も難しいわけで、ひたむきにツールからのインサイト抽出を行っておりました。 ここでは、インサイト抽出に役立ち、見ているだけでも楽しいマーケティングツールをご紹介いたします。 ※要ブックマーク! 1. Google トレンド https://www.google.co.jp/trends/ ※無料ツール キーワードを入力すると、そのキーワードの検索数推移を1~100でグラフ化してくれます。 「クリスマス」なんか、毎
2009-12-31 近況 プログラマとしての成長が感じられない一年だった. 目先の仕事に気をとられ, 問題についてよく考える時間をとらなかった. 過労を言い訳に勉強もしなかった. 情けない. 一方で仕事のチームでは成長を感じることができた. せっかくだから, "チームがよくなる" 感じについて書いてみたいとおもう. 最近, 私のいるチームはコードレビューをするようになった. 私はこれまで仕事の中でコードレビューを実施しょうと試行錯誤してきたけれど, チームに定着することは少なかった. コードレビューはそれなりに面倒な作業なので, 特に組織的な外圧がないところではさぼられがちだと思う. けれど今のチームは外圧なしでやっている. およそ一年間のプロジェクトを通じ, このチームがコードレビューをするに至った道程を振り返ると, チームが成長する様子をうまく捉えることができるかもしれない. フェー
こんにちは、アプリケーションエンジニアの id:shimobayashi です。 先日はてなでは開発合宿が行われ、私はエンジニアでありつつもその傍らでディレクター業にチャレンジという形で3人のチームに参加しました。 そんな開発合宿の振り返りを通じて、何かチーム開発のヒントになればと思いこの記事を書くことにしました。 なお、この記事ははてなエンジニアアドベントカレンダーの11日目です。 いきなり崩壊 まずはチームビルディングですが、結果からいうと崩壊しかけました。 やることを決めずに3人でチームを結成*1してしまったので事前の準備として、 目標を設定 目標を踏まえて、取り組むテーマを設定 テーマを踏まえて、サービス案を決定 というアプローチでサービス案を決めようとしました。 妥当なサービス案を考え出すことを狙ったアプローチです。 しかし、いよいよサービス案を決定する段階になって「テーマが不適
教育のこと、天下これより偉なるはなし、一人の徳教、広く万人に加わり、一世の化育遠く百世に及ぶ” 嘉納治五郎(道館柔道の創始者) 武道で用いられる色付きの帯の歴史は比較的新しく、19世紀の後半に始まった伝統です。そもそも指導者(先生)が自分と生徒との差別化の為に、白い 胴着 の上に黒い細布を巻いた非公式な習慣が始まりでした。これが後に嘉納氏により、段位級として形式化されます。当初は黒い布(白帯で胴着を押さえた上に巻かれていた)だったものも黒帯に代わりました。初心者はまず、数字が小さくなっていく級位(もともとは6級から1級まで)を与えられます。上級者になると段位(1段から10段まで)が与えられます。段位を得た人には黒帯を締める権利が与えられ、これは世界中どこに行っても、その道での師であるという証しになります。しかし世間での見方とは違って、黒帯はその競技を完全に極めたという意味ではありません。例
導入 コードを書いていると、同じようなコードを何度も書いていることがあります。同じようなコードを書きながら、めんどくさいなぁ、何とかならないかなと気付くうちは良いのです。やがてなんとかすることでしょう。コードが大きくなってくると、共通点があることにすら気がつかないことがあります。じっくり考えないと分からないこともあります。 その場合には小さな部分の共通点を見つけ出し、まとめることから始めましょう。図表を活用しながらじっくりと洗い出してもよいでしょう。対象、問題をぐっとにらんでその違いを見極め、共通点を見いだす目と、共通部分をまとめる力を持ちたいものです。 今回と次回は 構造化プログラミングで学習し身につけておきたい大事な要素、 共通点をまとめることを学習します。今回は数式の共通点をまとめることを取り扱います。 展開 数式の共通部分をまとめよう プログラムの小さな部分といえば数式です。計算す
こんにちは。モバイルファースト室の中村(@_nkmrh)です。 仕事でSwiftを使うことはまだないのでSwiftについて色々気になっている今日この頃です。 今回はSwiftとObjective-C(以下、Obj-C)を1つのプロジェクト内でつかう方法と、両者の相違点について気になった点を紹介したいと思います。 Swift -> Obj-C まず、SwiftからObj-Cを使う方法です。 SwiftからObj-Cを使うには、[product module name]-Bridging-Header.hを作成します。 ※ [ProductModuleName]は通常ProductNameと同じです。ProductNameにアルファベット以外の文字を使っている場合、その文字は( _ )(アンダースコア)に置換されます。 Xcodeのメニュー"File > New > File > (iOS o
これは、ドリコム Advent Calendar 2014 - Adventarの14日目の記事です。 13日目は、@k_m_y_さんによる、Processingで体験するサウンドアートの世界 - kxmxyx.github.ioです。 自己紹介 @shouyu 社内でのアダ名はゲーリーです*1 14年に新卒で入社 インフラエンジニアをしています 入社前は京都でRails書いてました 今日の話 唐突ですが、今日はAWSの話になります。 VPC Peeringで接続されたすべてのVPC内のインスタンスに対して 1つのVPN接続で社内から直接アクセス可能にしようとして 色々と一筋縄ではいかなかったので、そのまとめになります。 ちなみに、専用線を契約して Amazon Direct Connect を使えば解決する話です。 構成 最初に載せてしまいますが、以下のような構成が最終構成になります。
最近、音声合成にちょっと興味を持ち、サンプルを作ってみた。 内容は、テキストボックスに入力した内容を、ブラウザに喋ってもらうというもの。 日本語は、オプションをほとんどサポートしていないのが残念だが、今後に期待。 英語だと、voicesの数値を変更して、声質変更や歌を歌ってもらうなど可能。 いずれ、スマホで喋った内容を解析して、ブラウザ喋ってくれるようなロボットを作ってみたい。 HTML <input id="txt" type="text" value="こんにちは、僕、ドラえもんです"> <input id="btn" type="button" value="speech"> <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script> $(function() { // unsupported. if (!'S
aarondo/Material-Preloader GitHub Materialデザインのローディングアニメーション実装「Material-Preloader」 ページ上部に複数の色でバーがアニメーションするデザインのローディングエフェクトを実装可能。 関連エントリ 流行りのYoutube風ローディングバー実装jQueryプラグイン ページ内のローディングをもっとオシャレにできる「Progress.js」 スクリプトで滑らかに動かすローディングアニメーション実装jQueryプラグイン「shCircleLoader」 指定した要素にローディング等オーバーレイ効果を付けられるjQueryプラグイン「plainOverlay」
「サイバー攻撃者の目的は金銭」。繰り返し言われていることであるし、実際、事実だろう。2014年に大きな被害をもたらした「リスト型攻撃(リスト型アカウントハッキング、パスワードリスト攻撃)」も例外ではないと考えられる。 だが攻撃者によっては、目先の金銭ではなく、もっと“大きな目的”を持っている可能性がある。Webサイトを運営する企業や組織の全てが警戒した方がよい――。今回、リスト型攻撃に関して取材を重ねた結果、このように考えるに至った。 脆弱性がなくても被害 リスト型攻撃とは、別のWebサイトなどから入手したユーザーIDとパスワードのリストを使って不正ログインを試行する攻撃手法である(図1)。 Webサイトの脆弱性を突く従来のサイバー攻撃と大きく異なるのは、脆弱性がなくても被害に遭う恐れがある点だ。加えて、攻撃を防ぐことが難しい点も特徴である。正規ユーザーからのアクセスと、リスト型攻撃のアク
OpenStackで激変するシステム開発・運用 “抽象化”が実現する「究極の自動化」とは:特集:OpenStack超入門(3)(1/3 ページ) 前回はOpenStackの活用ポイントと、今後のシステム開発・運用に与える影響――特に自動化にフォーカスして紹介した。今回は日本OpenStackユーザ会 会長の中島倫明氏が、「OpenStackによる自動化の仕組みと実施法」を分かりやすく解説する。 「80%の自動化」と「100%の自動化」はまったく違う 前回「いまさら聞けないOpenStack ~よく知られた「常識」と知っておくべき「常識」の解説にもあるように、現在も多くのシステムにおいて「全体の80%前後の自動化」は実現可能だといえます。 数値で見ると「80%でも十分じゃないか?」という気になりますが、「100%の自動化が実現された環境」と、「80%止まりの環境」の間には越えがたい溝が存在し
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Spring Bootの1.2.0正式版がリリースされ、中で使っているSpringも4.0から4.1になりました。 SpringMVCも4.1になったわけですが、一つ興味深い変更がありました。 それが@RequestParamのOptional対応です。 SprinMVCでは、クエリ文字列の値をメソッドの引数にバインドするための @RequestParamアノテーションは、何も書かないと「必須項目」と見なされてしまいます。 @RestController public class HelloController { @RequestMapping("/") public String hello(@RequestParam("name") String name) { if (name != null) { return "Hello, " + name; } else { return
この記事はAndroid Advent Calendar 2014の14日目です。 Androidアプリケーション開発をiOSのそれと比べると、SDKのソースコードが公開されていることがアドバンテージの一つになると思います。自分は半年ほど前から、開発時に時々SDKのソースコードを参照するようになり、それからSDKへの理解が深まって、開発効率が高まったと感じています。 この記事では、自分がSDKのソースコードを読む際に使っている方法をまとめます。たぶんよく知られている方法ばかりです。 1. ブラウザで見る GrepCode 特定のクラス名でぐぐっていたりすると、GrepCode というサイトが時々引っかかります。Javaのソースコードを集めて検索可能にしてくれているサイトですが、ちょっとSDKのコードを読みたいというときは、このサイトで読むのがおすすめです。 Android SDKの各バージ
昨日紹介した『【iOS】IFTTTと言うかMacのAutomatorのような簡単にワークフロー作成できる「Workflow」が凄すぎる!』を使って物は試しで作成してみました スクリーンショットを削除する ブログを書く時にiPhoneやiPadでスクリーンショットを撮影する事が多いのですが、私の場合はMacに画像を転送して加工するのでiPhoneやiPadのスクリーンショットは転送後不必要になります そのため、転送した最後のスクリーンショットを簡単に削除してしまおうと言うわけです 作成方法 • 「Workflow」を起動します • 新規作成から「Get Latest Screenshot」「Quick Look」「Delete Photos」を選択して並べます
リクルートテクノロジーズアドカレ14日目です!先日mod_mruby/ngx_mrubyのアドカレで記事を書かせていただきましたが,その勢いでngx_mrubyを使って実験的な試みをしてみました. ProxyでバックエンドAPIを結合する 今年の前半ぐらいに盛り上がった話題で周回遅れ感があり若干の気恥ずかしさがあるのですが,サーバサイドでAPI実装が既に完了してしまっている/改修不能な状態で,クライアントアプリが要求するAPIの仕様がドラスティックに変わるというずれがあるケースで,クライアントサイドのエンジニアがサーバサイド側でAPIをある程度整形できる緩衝地帯的な仕組みがあるは面白いなと,kawasimaさんのdarzanaやnetflixの記事や同僚の話を聞いて考えておりました.SOA,SOAPやWDSLのことが思い浮かばれますが,最近覚えたproxyのリクエスト制御の仕組みを使って同
こんにちは、サイバートラストの坂本です。このたび、さくらのナレッジの筆者陣に加わることになりました。どうぞよろしくお願いします。 SSL サーバー証明書が注目をあびた 2014 年 今年ほど、SSLサーバー証明書に関するニュースを頻繁に目にした年はなかったのではないでしょうか。 最近の話題であれば、Chrome による、SHA-1 アルゴリズムを用いた SSL サーバー証明書の制限。また、SSL に関する脆弱性ということでは、全国紙やテレビのニュースでも取り上げられた「 Heartbleed 」や、他にも POODLE が深刻度の高いものでした(いきなり脱線しますが、私は「SSL サーバー証明書」でなく、「TLS サーバー証明書」といつから呼ぼうか迷っています)。 さらに、Chrome といえば、Google は SSL サーバー証明書が使用された Web サイトを SEO の評価として優
UXデザインに正攻法はないから「仮説」をとにかく出してみる─秋葉秀樹ロングインタビュー 白石 俊平(HTML5 Experts.jp編集長) HTML5 Experts.jpが誇るエキスパートたちに、「UX」というテーマでインタビューするシリーズ第四弾です。 今回のテーマは、「UIデザイナーにとってのUX」。インタビューしたのは、NFC技術を利用して水族館の魚をスマートフォンアプリ内に持ち帰ることできる「Ikesu」など、ユーザー体験を提供する企画・デザインで活躍中のエキスパートNo.16の秋葉秀樹さん。 常にエンドユーザーがワクワクする体験を考えつつ、クライアントの要望を聞き出してカタチにしていく秋葉さんに、デザイン思考や仕事スタイルについて聞いてきました。 UXは概念ではなく、本質で語るべき 白石:まず聞いてみたいのは、UXが最重要視されるようになったここ数年で、Webデザイナーの仕事
>>> ("hello",("world","!!!")) ^. _2 . _1 "world" >>> ("hello",("world","!!!")) & _2 . _1 .~ 42 ("hello",(42,"!!!")) >>> ("hello",("world","!!!")) & _2 . _1 %~ map toUpper ("hello",("WORLD","!!!"))
先日、個人でやっているサイトをリニューアルしていたのですが、想像以上に色の組み合わせについて悩んでしまいました。 デザインの知識が皆無の私にはハードルが高すぎたようで、文字、リンク、バナー、背景などの色をベタベタ触っていたら、数時間後にはヘドロのような色彩美のサイトが誕生しました。絶望です。 そこで今回は、私のような素人でも参考になる配色見本サイトについて、用途別にまとめてみました。 「わからないこと」が一瞬で解決するかも? Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します! ▼少しでも気になる方は、ぜひ公式サイトをご覧ください! ベースとなるカラーを設定したい 1. 原色大辞典 https://www.colordic.org/ いつも参考に
Go言語の最新版となるGo 1.4がリリースされました。Go 1.4ではAndroidがサポート対象プラットフォームとして加わり、Go言語だけでAndroidアプリケーションの開発が可能になっています。 Go言語は2009年に開発が始まった言語で、Googleがオープンソースで開発しています。シンプルにコードを記述でき、タイプセーフかつメモリセーフにできているため安全なプログラムを記述しやすく、並列処理の記述も容易、コンパイルや実行が高速などの特長があります。 現在、Linux、Mac OS X、Windows XP以降、FreeBSD 8以降のOSに対応しており、Google App Engineでもサポートされるようになりました。 Go 1.4では過去のバージョンとの互換性を維持し、これまでのコードはほぼそのままコンパイルし実行できると説明されています。 Go 1.4で最大の新規機能は
こんにちはこんにちは Rails 4 でさくっとアクセスログ出そうと思ったけど、思ったよりさくっといかなかったので実装方法を残しておく ログの項目 これくらいの簡単な内容 時間 ユーザー名 リクエストURI USER AGENT 独自ログの設定 まず、Railsのログじゃなくて独自のログを出したかったので、 config/environment.rb # Load the Rails application. require File.expand_path('../application', __FILE__) class AccessLogger < ::Logger class NoHeaderLogDevice < ::Logger::LogDevice def add_log_header(file) end end class AccessFormatter < ::Logge
はじめに 同期的な書き方を減らそうと頑張った痕跡をメモった記事です。 私はゲーム設計に関して右も左も分からない人間です。 クソコードで恥ずかしいですが勇気を出して。 tmlibで昔さくっと作ったゲーム Wave Fever (jsdoit) github ネイティブで出ていた「Wave Weaver」をリバエンしたゲームです。 早速Before-Afterいきましょ Before (Game Sceneのみ) tm.define("GameScene", { superClass: "tm.app.Scene", pattern: null, // Patternインスタンス level: 0, // ゲームレベル(初回0。徐々に上がる) init: function() { ..... window.player = Player().addChildTo(this); this.tim
MS Office カテゴリ MS Office (100) 関連タグ Access (35) Excel (83) PowerPoint (8) Python (0) YouTube (6) 入門 (34) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (21) twitter (10) WordPress (76) YouTube (6) アプリ (28) イラスト (42) デザイン (15) ブログ (39) 入門 (34) 分析 (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaScript (7) Photoshop (18) Premiere (3)
UIデザイナー向けのアプリケーションやツール、プラグインについて 定番含め網羅的にまとまってる記事って見たことないなーと思ったので とりあえず作ってみました。(すごく長くなってしまったので記事分けしました) 僕がMacユーザーということもあり、8,9割はMac寄りの選定になっています。 その辺はご了承の上ご覧くださいませ mm (参考までに現在私が使っているものには“※”をつけました) ということで、第1弾 “止まっている状態のUI制作関連” です。 UI制作系アプリケーション Adobe Photoshop ※ デザイナー定番のビットマップ画像編集アプリケーション。 デファクトスタンダード的存在でプラグインなども多い。 慣れの問題含めこれ以外を使う理由が無いためだいたいこれ。 Windows : 可 Adobe Illustrator ※ デザイナー定番のベクター画像編集アプリケーション
前回はWebサイトをHTTP/2に対応するためにリバースプロキシを検証した記事を書かせていただきました(HTTP2を試してみる)。 あれから幾つかの議論を経てHTTP/2の仕様も大分安定してきており、HTTP/2を実装したクライアントや実験的にHTTP/2を有効にしているサービスもあるので実際に試すことも出来ます。 そこで今回は応用編としてHTTP/2のサーバプッシュについて、その仕組と実際に試したことについて書かせていただきます。 余談ですが、 現在の仕様では "HTTP2.0" ではなく "HTTP/2" もしくは "HTTP2" が正しい名称になります。 HTTP/2概要 まず、軽くHTTP/2の概要に触れておきます。 HTTP/2は2012年の末頃より、HTTP/1のセマンティクスを維持したままパフォーマンスを改善する目的で議論が開始されました。 Googleの考案したSPDYと言
12/10に、ビジネス用途向けのチャットサービス「ChatWork」のAndroidアプリが大幅リニューアルされました。 チャットワーク社といえば、国内有数のTitanium Mobileをガッツリ触っている会社としても有名ですが、今回のリニューアルではAndroid SDK + Javaによるネイティブ化を断行したようです。(ツール選びに関する感想は最後に書きました) というわけで、Facebookアプリのときに続きまして、OSSライブラリのライセンス一覧を眺めていたら面白かったので、各ライブラリに感想を入れていきたいと思います。 ActiveAndroid https://github.com/pardom/ActiveAndroid (★1856) maven: 無し(jar配布 or sonatypeからSNAPSHOTを落とす) クックパッドAndroidアプリにおける最近のDB
この記事はVim Advent Calendar 2014の14日目の記事です。 13日目は deris さんによるスマートフォンでVimを操作するためにやっておいたほうがいいこと - derisの日記 でした。 1. incsearch.vim つくった Vimの検索体験をリッチにする, incsearch.vim を作りました haya14busa/incsearch.vim あなたとincsearch.vim 今すぐインストール 1 2 3 4 5 6 NeoBundle 'haya14busa/incsearch.vim' Plugin 'haya14busa/incsearch.vim' Plug 'haya14busa/incsearch.vim' map / <Plug>(incsearch-forward) map ? <Plug>(incsearch-backward)
Hiromitsu Takagi @HiromitsuTakagi あなたの利用サイト、クッキーにセキュア付いてます? Safariで確認 ①ログインし、登録情報変更の画面へ行き、https://であることを確認 ③コマンド+オプション+Iで「Webインスペクタ」を表示 ④リソースでcookieを選ぶ ⑤「保護」にチェック有りが1個以上あるか 2014-12-14 23:35:37 ナカムラッコ @nakamurakko ANAから「パスワード変更するためにログインしてね」って連絡来てるけど、ログインIDとパスワードはSSLで暗号化していないトップページで入力する事になっている… 2014-09-05 12:09:06
これはiOS Advent Calendar 2014の12日目の記事です。 年の瀬もだんだん押しせまってきました。 年末年始のお休みの後に、「あれ、このメソッドどんな目的で作ったんだっけ?こっちのメソッドとの関係はどうだったんだっけ……」など無駄に悩まないために、このあたりでソースコードのコメントを見直してみましょう。 Xcodeでのコメント そもそもソースコードにコメントを書いた方がいいかどうかは長い議論がありまして……。 コメントによりコードの理解は深まるので、あったほうがいいという意見もありますが、コメントを書いたあとにコードを変更してしまうと、コメントとコードの内容が違ってしまい、かえってバグを生んでしまうためコメントを強制するのは害悪だ、という考え方もあります。 また、適切な命名規則を守ればソースコードを読むだけで理解できるという考え方もあります。 実際には、プロジェクトのライ
とは言え、「Macの大掃除」と言われても何をすればいいか分からないという人も多いかもしれない。そこで、今回は来年以降もMacを快適に使用することができるように、年内に一度はやっておきたいメンテナンス方法を紹介する! 1. Macのバックアップを取る 大掃除を始める前にやるべきことがある。それはMacのバックアップを取ること。 多くのMacユーザーはバックアップの必要性を理解していながら、「やるのが面倒」という理由でバックアップを取らなかった結果、不慮の事故が起きた時に全てのデータが飛んでしまい再起不能、という人を数えきれないほど見てきた。Macのバックアップほどよくできていて簡単なバックアップシステムはないだろう。ハードディスクを繋いで数クリックするだけなのに、何が大変なのだろうか。 これまでバックアップを取らずに何も問題が起きていないので大丈夫、と言い張る人はこの項目をスルーしてもらって
こんにちは。 カヤックに新卒で入社し、フロントエンドエンジニアとして スロット制作を中心とした活動を続けている田島です。 どうぞお手柔らかによろしくお願いします。 さてさて、Webのフロントエンドエンジニアの場合、 何か作りたいアイデアを思いついてから世に公開するまでのスピードが コピーライターに次いで早いです。 また、リッチなコンテンツや大量のコンテンツを扱って何かしようというときには WebAPIをうまく活用すれば、自前でデータベースを作らずとも ササッと作って公開することもできます。 今回は、そうしたフロントエンド制作を豊かにするWebAPIの中から特に 面白いと思うものを7つ選び、実例を交えて紹介していきたいと思います。 1. MediaWiki API http://ja.wikipedia.org/w/api.php Wikipediaの情報を取得できるAPIです。 このAPI
「VVVV Advent Calendar」 を作るためにアカウントを取ったので、自分のブログ記事を転載してみます。 アドベントカレンダーのルール: 「この投稿はVVVV Advent Calendar 2014の"n"日目の記事です。」 みたいに記事の先頭に書いて、http://qiita.com/advent-calendar/2014/vvvv にリンクを張ってください。 Qiita に書いた場合、アドベントカレンダーのページからリンクを張るとこの記事の上部のように自動挿入されます。 あとは自由です。ほんの少しでも vvvv に関係する事なら何でもOK! 掲載場所も自分のブログ、Youtube、SlideShare、なんでもOKです。 まだ4枠くらい空いているので、どなたでも気軽に参加してください。 vvvv ってなに vvvv とはビジュアルプログラミング言語です。 公式サイト:h
タイトルにあることを Ruby でやる実装を書いた: aereal/module-requirement · GitHub Swift / Objective-C の protocol は具象クラスがメソッドを実装していることを要求できるので、Ruby でも似たようなことをやってみる、というコンセプト。 使い方 require 'module/requirement' module Iterable include Module::Requirement include Enumerable requires :each end class List include Iterable # => Module::Requirement::Error::NotMeetRequirements List must implement required methods: each end Iter
この記事はOS X Advent Calendar 2014の14日目の記事になります。 はじめに 最近はアプリ単体で完結するお仕事はほとんどなく、何かしらのインプットデバイス、アウトプットデバイスとの連携を求められることが多くなってきました。 これは、iPhoneなどのスマートフォン端末に限った話しではなく、むしろ短期、中長期的なイベントや展示への対応としてMac本体を扱うときのほうが多くなってきています。 お仕事を受けた段階で、ある程度の実現可能性をチェックする上で、いくつかの便利なライブラリに出会いましたが、今回は備忘録的に実用にも耐えてきた実績のあるものを、以下のようにまとめてみました。 1.何はなくともシリアル通信でつなぐ 2.MacとBluetoothでつなぐ 3.Macをサーバーにしてつなぐ [番外編]MacWebViewとJSBridgeでつなぐ 1.何はなくともシリアル通
画像を切り離してパズルにするといったソフトウェアはいくつも存在します。これはこれで面白いのですが、Web上でやっても大きなインパクトはなさそうです。 その自動生成パズルの最新版とも言えるのがHTML5 Video Puzzleです。なんと動画を切り離してパズルにしてしまうソフトウェアです。 HTML5 Video Puzzleの使い方 こちらが基本形。動画なので刻々と内容が変わっていきます。 挑戦中。かなり重たいのでご注意… こんな細かくすることも。 自動で組み立ててくれる機能もあります。 HTML5 Video Puzzleはパズルのピースが動くという面白さがあります。さっきまであったはずの目印が消えたりする面白さがあります。ぜひ挑戦してみてください。 HTML5 Video PuzzleはHTML5/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記
ChromeOSがリリースされて、関連ソフトウェアもずいぶん増えてきたように見えますが、まだまだ実用上では物足りないと思っている人も多いのではないでしょうか。 そこに凄いソフトウェアが登場しました。なんとAPKファイルをChromeOSで動くように変換してしまうコンバータです。実際にはそればかりかWindowsやMac OSX、Linuxでも動かせます(かなり限定的ですが)。 chromeos-apkの使い方 chromeos-apkはnodeでインストールできます。 $ npm install chromeos-apk -g インストールが終わったら chromeos-apk でAPKファイルを変換します。 $ chromeos-apk com.soundcloud.android.apk なおAPKファイルについてはAPKダウンローダーを使うのが良さそうです。 後はできあがったフォルダ
AngularJSとBootstrapを組み合わせたライブラリと言えば、UI Bootstrapが最も有名ですが、UI BootstrapよりもAngularStrapの方が好みです。 というわけで、この記事ではAngularStrapの良いところを紹介します。 AngularJSとAngularStrapについて、それぞれ次のバージョンを対象とします。 AngularJS: 1.3.6 AngularStrap: 2.1.4 AngularStrapとは AngularStrapは、BootstrapのUIコンポーネントをAngularJSのディレクティブで再実装したライブラリです。 重要なポイントは次のもの。 Bootstrap提供のbootstrap.jsへの依存はない jQueryへの依存はない AngularJSの依存を除けばBootstrapのCSSに依存しているだけ ただし、
この記事はRuby Advent Calendar 2014の13日目の記事です。 初めに Rubyを教育・研究に使おうという試みはRubyの黎明期からありました。 この時期の有名なパッケージとしてはバイオインフォマティクスのBioRubyや地球科学の電脳Rubyプロジェクトが有名です。 先述のBioRubyやGPhys(電脳Rubyの成果物)は現在も更新が続けられており、多数の利用者を抱えています。 しかし全体として見た場合、科学の分野で使われるLL言語としてRubyはPythonやRの後塵を拝している印象があります。 科学計算における均質化、あるいはなぜPythonが着実に他言語のシェアを奪っているか 記事のようにこの分野ではPythonコミュニティが非常に活発で、機械学習など新しい技術は真っ先にPythonで実装されるようになっています。 しかし最近Rubyでも少しずつですが環境が充
こんにちは。はてな社長の id:chris4403 です。 この記事ははてなエンジニアアドベントカレンダー2014の14日目です。元エンジニアということでカレンダーに参加させていただきます。 先日、はてなのサービス開発合宿が開催されました。 合宿の開催概要については、先日チーフエンジニアのid:onishiがエントリを書いているのでそちらをご覧ください。 私もいちエンジニアとして参加したので、合宿の間、何を考えてどうやって作ったのかを書き記そうと思います。今後合宿に参加する人の何かの参考になればと思います。先に断っておきますが、あんまり技術的な話は出てきません。 day 1 AM 今回の合宿は、合宿の1週間ほど前に、作るサービスや機能の具体的なアイデアを持っている人が、参加者の前でプレゼンを行い、一緒に作る人を募るというチームビルドのフェーズがありました。私もそこに向けて、リッチメディアを
この記事はドワンゴ Advent Calendar 2014の14日目です。 ちなみに前日は@erukitiさんでした。 他の方は「こんなもの作ってみた!」系の記事が多いのですが、技術系の話題であれば特に縛りはないようなので、今回はひたすら文章をつらつらと綴っていきたいと思います。 ここ数年、「マルチコア時代の主流は関数型だ」とか「Javaはもう古い! 時代は関数型!」といった記事をよく見かけるようになった気がします。 大学でOCamlを学んできた自分としては嬉しい限りなのですが、なんだか関数型という言葉がバズワード的な使われ方をしている気がして、まるで「現在起こっている全ての問題を解決する銀の矢だ!」といわんばかりの雰囲気を感じるのが気になっています。 最近うちの部署でもにわかに「関数型っぽく書こう」みたいな機運が高まってることもあるので、この機に関数型プログラミングとはなにか、どのよう
待望のマテリアルデザインが遂に。 GoogleアプリのiOS版がAndroidユーザーにはお馴染みのデザインに刷新されました。そう、Android5.0(Lollipop)から採用されたデザイン言語「マテリアルデザイン」を用い、さまざまな特徴を引っさげ、そしてiPhone 6 / 6 Plusに最適化されてアップデートされてきたのです。 今回のアップデートには3つの目玉機能があります。Googleマップの統合、便利なGoogleボタンの実装。そして、Lollipopでのアプリスイッチャーをはじめとした多くの機能で使われている閲覧履歴の縦回転型ビューワー機能です。 メインの検索画面に戻りたい時は、画面下側に配された便利なGoogleボタンを押すだけ。そして今回、最も素晴らしいといえる新機能はGoogleマップ検索ができること。しかもGoogleマップのアプリ無しにです。しかもストリートビュー
700億円ほどのお金がかかっているといわれ,why-kaisan.comなんてサイトも作られ巷を賑わせた第四十七回衆議院選挙の投票日が今日でした.投票日と言うことはその後に来るのは開票で,開票と言うことは開票速報がはじまるわけです. 報道各社を見てみますと,各々工夫を凝らした開票速報ページを用意しておりまして,これがなかなかおもしろいということで,その比較でございます. まとめ 長いので先にまとめです. まずテレビと新聞で圧倒的に態度が違います.テレビはあくまで番組の補助だったり宣伝が目的.ウェブページではあまり情報を出したくない様子です.一方新聞各社は トップページ上段,ファーストビューのど真ん中を思いっきり使い,文字通り全面展開といったパターンが多い. フロントエンドの実装から見ると,基本的にグラフが必要な場面ではCSS,日本地図が必要な場面では「画像+mapで部分リンク」か「要素の絶
どうもです、フロントエンドエンジニアのはやちです( ˘ω˘)✌ ここ最近新しいゲームにピンと来ず、PS3のアーカイブスからFF8をDLしてプレイしております。スコール尊いです( ˘ω˘)✌ どうでもいいですね✌(´ʘ‿ʘ`)✌ 今回はjQueryメソッドanimateとjQuery.Deferredを駆使して、動きのある「トップへ戻る」ボタンを作ってみました。 こちらの実装方法をご紹介します( ˘ω˘)☝ HTMLとCSSの準備 HTML HTMLはこんな感じでございます。通常の状態の#buttonと、変化させた時に表示させる#button_linkを用意しました( ˘ω˘)☝ <footer id="footer"> <a href="#wrapper" id="page_link"> <span id="button"><i></i></span> <span id="button_c
スマートフォンやタブレットのアプリのUIデザインの動きに合わせた、通知音・スライド音・楽器サウンドなどの300種類の効果音を集めたキット「SoundKit」が登場しました。ロイヤリティフリーで使用可能で、CDレベルの高音質WAVファイルによるプロフェッショナル音源キットとなっています。 UI Sounds • Sound Effects • SoundKit https://soundkit.io/ SoundKitはUIプロジェクトのために作られたプロ品質の音源集。スマートフォンやタブレットなどのデバイスや、デスクトップアプリケーションの効果音としてロイヤリティフリーで使用でき、ハイエンドスピーカーによる出力にも対応しているとのこと。 どんな効果音があるのかというと、警告音や通知音などの「アラート音」、ギター・ピアノ・チャイム・などの楽器で奏でる「楽器音」、クリック音やビープ音などを集め
レスポンシブ対応の縦長ページ、プロダクトページ、ランディングページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。 そのまま使うもよし、スキルアップ用に勉強してもよし、です! Beetle - Responsive HTML5 Template Beetleには、最近のWebサイトで人気のあるさまざまなコンポーネント・エフェクトが用意されています。大きい背景画像をつかったヘッダ、カード型のレイアウト、サークルを使ったエレメント、パララックススクロール、スクロールをトリガーにしたエフェクトなど、今年のWebデザインのトレンドがたくさん詰まっています。
世界的にも有名なRubyの作者Matzことまつもとゆきひろ氏の新しいプログラミング言語「Streem」のリポジトリがGitHubで公開され、注目を浴びています。 説明によるとStreemとは「ストリームベースの並行スクリプト言語」。シェルと似たプログラミングモデルを基礎として、RubyやErlangやその他関数型プログラミング言語に感化されているということ。 例えばシンプルなcatプログラムは、以下のように記述されます。 STDIN | STDOUT さらにFizzBuzz問題はこのように。 seq(100) | {|x| if x % 15 == 0 { "FizzBuzz" } else if x % 3 == 0 { "Fizz" } else if x % 5 == 0 { "Buzz" } else { x } } | STDOUT シンプルですね。パイプでつなげるところがシェル
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめまして。もしくはお久しぶりです。ヤフオク!改めまして、リッチラボ兼マーケティングソリューションカンパニーで広告開発をしている光野です。 リッチラボは、2014年9月に発足したばかりのヤフー株式会社の子会社です。 企業内起業家育成制度「スター育成プログラム」を通じて法人化した第1号で、 主にスマートデバイス向けのリッチ広告を開発・販売しています! 本日はYahoo! JAPAN Tech Advent Calendar 2014 13日目。リッチラボの話題はいったん控えまして、このエントリーではヤフーのエンジニアとして、Yahoo! JAPANを支える「非」技術ネタを投稿いたします。先日までと異なり、プログラムの一行も登場しな
技術推進室の宇津井です。 今年はエンジニアのキャリアパスを書いた記事を多く見ましたので、世の中でも整備する動きが広まっているのでしょう。 ここ最近は通常業務の傍らでキャリアパスとか役職定義のようなものを作るのに大きく時間を使っていました。 (これも立派な業務ですし、これが私にとっては通常業務なのかもしれません) 折角なので社内向けの資料を一般公開できるように一部編集しました。良かったらご覧ください。 なんで今キャリアパス?当社はもともと以下のようなキャリアパスを設けて、各々のパスに基づいて役職定義をしていました。 これは様々な歴史を歩んできた結果なんですが、つぎはぎを重ねたので社内でも以下のような疑問があがっていました。 (当社は創業14年です!) なんでWebマスター(WM)が存在しないの?シニアWebマスター(SWM)とシニアシステムアーキテクト(SSA)は同じシニアが付くのに同格じゃ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く