こんにちは。 アメーバピグでNode.jsを使って開発をしている中村と申します。 平日はエンジニア、土日は主夫として働いています。 さて、早速ですが、この記事ではESLintを使って、JavaScriptのソースコードのバグを発見する手順をご紹介したいと思います。 ESLintとは ESLintはNicholas C. Zakas氏が中心となって開発しているJavaScriptのLintツールです。 JavaScriptのLintツールといえば、最近ではJSHintが定番だと思います。 ESLintはJSHint同等の機能を持つ他、解析ルールが完全にプラガブルになっており、独自ルールを自由に追加できるという特徴があります。 例えば、JSHintでいうところの、strict（strict modeで実行されるかをチェック）というオプションは下記のURLのように個別のルールとして実装されていま

<input type='file'/> で画像を選択させる input.onchange が発火するのでコールバックをとる File APIがあれば input.files[0] にFileオブジェクトが入ってるの抜き取る FileReader の FileReader#readAsDataURL に Fileオブジェクトを渡す FileRead#onload が発火するのでevent.target.result に Data uri が入ってる imgのsrcにData uri ぶち込む <img class='image-preview'/> <input type='file' class='file-selector'>upload</input> $preview = $('img.image-preview') $file = $('input.file-selector')

プログラミングに最適なフォントは何でしょうか。海外のブログ記事「The Best Font for Programming: M+」にて、プログラマー向けのベストフォントとして「M+」フォントが推奨されていました(Reddit)。 ブログによるとRetinaディスプレイのような高詳細ディスプレイで使うのに具合がよく(低解像度ではTerminusフォントが推薦されています)、0(ゼロ)とO(大文字のO)のような紛らわしい文字がはっきり区別できる点がお気に入りポイントの様子。 ↑このように。 実は、M+フォントは日本人が開発している日本語対応のフリーフォントです。海外発のフォントの場合アルファベットの見栄えはよくても日本語と合わせるとどうも…といったことが起こりがちですが、M+フォントだとそのような心配は不要だと思います。日本人開発者なら使わない手はないかもしれません。 M+フォントは、個人利

１日５分でPostgreSQLに詳しくなるアプリの開発 ～PostgRESTを使ってみた～（第38回PostgreSQLアンカンファレンス@オンライン 発... １日５分でPostgreSQLに詳しくなるアプリの開発 ～PostgRESTを使ってみた～ （第38回PostgreSQLアンカンファレンス@オンライン 発表資料） 2023年1月27日（金） NTTデータ 技術開発本部 先進コンピューティング技術センタ 石井 愛弓

こんにちは！ なんと早くも2度目の登場です、iOSエンジニアの木村です。 最近、ついに実家から独立しました。 これで電車を気にせず、存分にObjective-Cを書けるかと思うと、もう（…） と言いつつ、ネイティブチームの中で誰よりも早く帰るのですが ｗ さて、今回は今、僕が携わっている「Couples」 で実際に使っているViewの実装について、じっくり書きたいと思います！ FacebookのタイムラインのようなUIを実装したいと考えている方は必見です！ FacebookタイムラインのUIを再現！ Facebookを筆頭に、タイムラインを使うアプリでよく見かける、このUI。「Couples」でもタイムラインの写真の表示に使っています。 写真が横に並び、両端に前後の写真が少し見えています。ユーザーが何も考えなくても自然にスワイプしたくなる、さりげない心遣いが魅力です。実装目線で細かく見てい

スケジュール管理とタスク管理がごっちゃになってるように見える。 スケジュールは「いついつまでにやらないといけないこと」で、タスクは「今日やらないといけないこと」。 ツールは何を使ってもいいと思うけど、自分は紙の手帳を使ってる。 スケジュールは手帳のマンスリーページ、日々のタスクはウィークリーページに書いている。 まず期限付の「やらなければいけないこと」が降ってきたら、マンスリーページに書き留める。 「あとで書いておこう」だとすぐ忘れるので、なるべく早く書き留める。 週の頭に、その週のスケジュールをウィークリーページに書き写す。 で、そのスケジュールを見ながら毎朝仕事始める前に「今日やらないといけないこと」を書き出していく。 元増田の例でいけば、 7/9 Bの申し込みEに電話Cの資格勉強みたいな感じ。 「締切が差し迫っているもの」「相手があるもの」「時間がかかるもの」からやっていく、みたいに

iPhoneユーザーで、すぐにカメラロールが一杯になるという人にうってつけのアプリが登場した。ビデオや写真のストリーム・シェアができるプラットフォーム「StreamNation」からリリースされたiPhoneアプリ「Shutter」だ。 Shutterの最大の特徴は、撮影した写真やビデオをクラウドストレージに無料で、しかも無制限に保存できること。データが大きいビデオなどをたくさん撮影するとすぐに端末の容量に達してしまうが、Shutterを利用すれば端末の空き容量を気にする必要がなくなる。 すでに保存してあるデータをクラウドにアップロードするだけでなく、カメラアプリなのでもちろんアプリのフィルター付きカメラで撮影することも可能だ。そして撮影データは自動的にクラウドにアップロードされる。 また、クラウドに保存した写真や動画をFacebook、TwitterといったSNSやメールで簡単にシェアで

emacsキーバインドに慣れ親しんだせいで長らくVim幼稚園のままだった私が来ましたよ。キーバインドを一度に覚えようとすると挫折しやすいので、以下のように少しずつボキャブラリーを増やすのがたぶん吉。 特記しない限りノーマルモードが前提。後、.vimrcでの設定については最小限にしか触れない (emacsでつい設定ファイルをいじってしまいがちだった反省から) ので各自好きにしてください。 Level 1 最小限の使い方だけ覚えて、ぶっつけでサーバーの設定ファイルを更新したりしていた。10年以上この状態。 iでその場でインサートモード aで直後の文字にインサートモード :wqで保存終了 :q!で保存せずに終了 移動はひたすらカーソルキー xでカーソル下の文字を削除 困ったらEscキーを連打 上はもともと、vimの先祖でずっと機能の少ないviの操作なのだけど、viならほぼどんなたいていのUnix

車輪開発大好きおたいがです。こんにちは。（挨拶） 今回は、画面遷移時にコントローラを跨いで値を受け渡す方法をまとめてみました。「良い」とされる例もあれば、「悪い」と思われる例もありますが、お付き合いください。 自前グローバルオブジェクトを使う ある意味で最強なグローバルオブジェクト ( トップレベルのオブジェクト ) ですが、今回のような例で使用した場合、チーム内のコードレビューでお説教されることうけあい。 サンプル 一応、サンプル貼っておきます。( 真似することはお勧めしません ) ソース シンタックスハイライトもおかしなことになってしまう破壊力… var Globals = {}; // ('A`) (function () { angular.module('appName', ['ngRoute'], function($routeProvider) { $routeProvide

How to watch NASA's first Boeing Starliner crewed flight launch today (scrubbed)

トレジャーデータはクラウドでデータマネージメントサービスを提供しています。 Hadoop Conference Japan 2014 以前に告知したHadoop Conference Japan 2014で，弊社Software Architectの古橋が発表しました。 テーマは，Facebookが公開した新しい分散処理基盤，Presto。実はFacebookが彼らの超大規模なデータセットに対してインタラクティブに結果を返せるようにと開発されたものです。開発が始まってまだ2年も経っておりませんが，今ではトレジャーデータを初めとして多くのハッカー達がコミッターとして参加する活発的なプロジェクトに成長しています。 PrestoはHiveやImpalaと同じ「SQL Query Engine」であり，特に数百GBを超える大規模データに対してもインタラクティブなレスポンスを（コンマ0秒以下，遅くて

フェンリルは7月10日、Webブラウザ上で使えるデザインツール「Picky-Pics」をリリースした。用紙の大きさや画像の数に応じて自動でレイアウトを組み、技術がなくても“プロ並み”のフライヤーや名刺を作れるのが特徴だ。 A4サイズの紙、名刺、ハガキ、プレゼン資料、Facebookのカバー写真などから作りたいものを選んでスタート。利用する画像を選ぶと数に応じて自動でレイアウトがおすすめされ、クリックで選んでいくだけで迷わずにデザインできる。 テキストは横書き、縦書きともに対応し、「リュウミン」「新ゴ」「新丸ゴ」などモリサワの提供するプロ向けフォントを無料で使える。作成した画像はPNG／PDF／HTMLページとして出力できる。 写真やイラストの素材は、無料／有料合わせて約5万点を用意するほか、任意の画像をアップロードして入れ込むことも可能だ。有料素材はデータを出力・保存する「権利」として扱う

Bower入門 これから Bower について書いてきます。Bowerの使い方から実際に使う上で考慮することまで含めて書きます。 長くなりそうなので単に使うだけの基礎編とモジュールを作る上で気をつけることをまとめた応用編に分けて書きます。 Bower とは Twitter社が作ったフロントエンド用のパッケージマネージャです。 Java で言う Maven、 Ruby で言う gem、 Perl で言う cpan のようなものです。 Node.jsには npm と呼ばれるパッケージマネージャがありますが、それに強く影響を受けています。 パッケージマネージャを利用することでライブラリを自分で管理する必要がなくなり、管理するファイルの数を減らすことができます。 また、パッケージマネージャを利用することでライブラリのバージョン管理をしやすくなります。 さらに自分のライブラリを Bower comp

先日、SIMロック解除義務化のニュースが高らかに舞った。既に私はMVNOへ移行してしまったので携帯の三大キャリアとは直接契約していない（回線はMVNO経由でDoCoMoのものを使用している）のだが、SIMロック解除の義務化は私にとっても歓迎すべきニュースである。以前、最高の土管が欲しいというエントリでも綴ったように、私が通信キャリアに期待するのは最高の通信インフラを提供してくれることだけだ。 ところが、PC WatchにSIMロックフリーをキャリアに強制して意味があるのかという記事が掲載された。「おいおいメリットはあるに決まってるだろ・・・」と、タイトルを読んだだけなら脊髄反射してしまいそうになるが、SIMロックを解除してもまだ足りない点が指摘されており、非常に良い記事であるように思う。（ただし後半は賛成できない部分がある。） 誰が得をするのかSIMロックの解除という点においては、ドコモは

Raspberry Piとは 本家はココを参照。Wikipediaの方がわかりやすいかも。簡単に言えばARM11搭載の小型コンピュータで、主に教育向けとなっています。価格は$35で3000円ちょっとで買える手のひらPCと言った感じです。OSはDebianをカスタマイズしたものとなっています。今回はこのボードにNode.jsを載せてexpressのひな形を動かしてみました。 インストール インストールはここを参考にしました。2013/1/3現在最新のイメージは2012-12-16-wheezy-raspbian.zipとなっています。これをダウンロードして解凍し、ddコマンドなどでSDカードに書き込みます。初回起動時にキーボードとHDMI出力でモニタを接続し、SDカードの拡張とsshの有効化は忘れないで行なっておきます。起動完了してログインができるようになったら、sshでログインして進めて行

let delay = 3.0 * Double(NSEC_PER_SEC) let time = dispatch_time(DISPATCH_TIME_NOW, Int64(delay)) dispatch_after(time, dispatch_get_main_queue(), { println("dispatch after!") })

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

node.js アプリケーションのデプロイをする時の選択肢が あまりにもありすぎて、結局どうすればいいのよ？ってなったので、 いったん基礎からまとめてみます。 デプロイとは何か？ アプリケーションのデプロイは大きく2つのフェーズに分かれます。 ファイルを所定の場所に置く 置かれたファイルの再ローディング 文章にするならば『ファイルを各サーバーの所定の場所におき、それらのファイルを再度ロードをする。』になると思います。 Webアプリケーションの場合 ファイルを所定の場所に置く前にテストを走らせたり 置いた後に静的ファイルを生成したりと、この２つの前後にはもっと色々なフェーズがありますが、 デプロイのタスクは、大きく分けてこの２つになります。 ファイルを所定の場所に置く サーバーにファイルを置く作業は、以下のような方法があります。 FTP tar などで圧縮scpで転送して解凍 rsync g

Download v14.13.0 Toggle Dropdown Download v14.13.0 For macOS 15 Sequoia For macOS 14 Sonoma For macOS 13 Ventura For macOS 12 Monterey For macOS 11 Big Sur

5万点以上のこだわり素材と美しいフォントなどを、専門知識がなくても美しい配置が行える「スマートガイド」に従って配置していくことで、プロ並みのデザインのA4書類・名刺・はがき・Facebookカバー・プレゼン資料を作れるようになるネットサービスが「Picky-Pics」です。一体どんな感じでデザインができるのか、実際にサービスを使ってみました。 Picky-Pics（ピッキーピックス） https://picky-pics.com/ Picky-Picsを使って作れるデザインの作例は以下のような感じ。これらの中には、本来はデザイナーではないというフェンリルのスタッフがサクサクっと作ったものも含まれています。Picky-Picsのコンセプトとしては「自分たちの親でもできる」が掲げられており、基本的に操作はドラッグ&ドロップのみ。カンタンにレイアウトやデザインが行えるツールと、豊富な素材集とを一

はじめに 社内勉強会の資料をSlideShareのUPしました。 iOS/Androidアプリエンジニアが理解すべき「Model」の振る舞い これについての要点をまとめます。 この資料はiOS/Androidのような クライアントアプリケーションにおける「Model」とは何か、という話です。 Modelとは何か？ Modelに「データやビジネスロジックを扱うコンポーネント」という役割を担わせるというのは多くの人がやっていることだと思います。しかし、サーバ側のWebアプリケーションとは異なり、クライアント側のiOS/AndroidアプリのModelには次の２つの振る舞いがとても重要です。 基本死なない（Singleton的である） 「通知」で変更を伝える（Callback的ではなく） そのようなModelがなぜ必要か？ この2点の役割を持つコンポーネントがなく、特に何も考えずにスマホ

米Dellの直販サイトでIntel “Merrifield”プロセッサを搭載した新型Venue 7タブレットが発売、価格は$159～ 米Dellの直販サイトにおいて、Computex 2014で発表されたIntel Atom “Merrifield”を搭載した7インチAndroidタブレット「New Venue 7」が発売されました。新型Veune 7は$159（約16,000円）～のリーズナブルな価格で販売されています。お買得ですね。単体モデルだけではなく、専用ケースやワイヤレススピーカーをセットにした特別モデルも販売されています（と言っても、価格は最高で$229です）。新型Venue 7は、7インチ1,280×800ピクセルのIPS液晶ディスプレイ、Intel Atom Z3460 “Merrifield” 1.6GHzデュアルコアプロセッサ、1GB RAM、16GB ROM（Micr

皆さまこんにちは。メディア事業部のまゆです。最近になって「サブ垢」って響きがなんだかいいな…と思い、Twitterで複数のアカウントを作ってみたのですが、元々見る専門の人間だったので、あまり役に立ちませんでした。しかもパスワードを忘れました。 以前メディア事業部のきょうへいがTwitter Cardsに関する記事を書きました。今回わたしはTwitter Cardsを導入することでTwitterの解析ができる、Twitter Cards Analyticsについて簡単にご紹介させていただきます。 ※2013年に試験的に全ユーザが使用できるTwitter Analyticsが公開されていましたが、今回ご紹介するのはTwitter Cardsを使用している方と広告主の方専用のAnalyticsになります。 Twitter Cards Analyticsについて https://analytics

Publications Publishing our work allows us to share ideas and work collaboratively to advance the field of computer science. Publications Publishing our work allows us to share ideas and work collaboratively to advance the field of computer science.

3D技術 本 本-Book 紙粘土フィギュアとフォトグラメトリーで作る3Dキャラクター - Meshroom... 2024-07-21 株式会社クレイポストの滝田 東（たきた あずま）氏による「紙粘土フィギュアとフォトグラメトリーで作る3Dキャラクター」がKindle電子書籍としてリリースされました！無料ソフトを駆使してアナログ造形物から3D可動フィギュアを構築するフローを細かく解説しております。 続きを読む トレーラー-Trailer 技術 トレーラー SIGGRAPH 2024 Technical Papers Trailer -... 2024-07-20 世界最大のコンピュータグラフィックスイベント「SIGGRAPH（シーグラフ、Special Interest Group on Computer GRAPHics）2024」の技術論文紹介トレーラーが公開されていました。 続きを

Web制作会社に入社してSEOを担当することになったがSEOは右も左もわからない人、自分の会社や店のサイトを制作したので次はSEOに取り組みたい人、個人でブログやサイトを運営しているがSEOについてはサッパリわからない人。。。 そんな人向けに「SEO」に関するいろいろな情報を我武者らに集めてまとめてみましたのでまずはサラリと見てみて下さい。 この記事の目次 ・Googleが公開している公式資料 ・Googleが公開している参考ページ ・検索エンジンの公式ブログ ・SEOの最新情報やノウハウ満載のブログ ・SEOに関する参考スライド資料 ・Googleのマット・カッツ氏の動画 ・SEOを基礎から学べる書籍 ・SEOに使える資料やWebツールなど ・その他いろいろ Googleが公開している公式資料 Google検索エンジン最適化スターターガイド 検索エンジン最適化（SEO）クイックチェックシ

CSSO (CSS Optimizer) is a CSS minifier. It performs three sort of transformations: cleaning (removing redundant), compression (replacement for shorter form) and restructuring (merge of declarations, rulesets and so on). npm install csso Try it out Maintainers Roman Dvornov Authors Initial idea — Vitaly Harisov (vitaly@harisov.name) Implementation — Sergey Kryzhanovsky (skryzhanovsky@ya.ru) English

7/8（火）に開催されたHadoop Conference Japan 2014に参加してきました。 【キーノート】 濱野 賢一朗 （日本Hadoopユーザー会, NTTデータ） 実際には私用で10:30ぐらいから参加したので聞いていないのですが、ハッシュタグ#hcj2014をたどる限り今回は参加者が1296名で、初参加が65%だったそうです。新規に参加される方が半分以上というのは裾野が広がったということなんでしょうか？ Doug Cutting （Hadoop生みの親, Apache Software Foundation, Clouderar 『The Future of Data』 途中から聞いたのですが、恐らくThe Future of Data | Cloudera VISIONに書かれている内容を話していたようです。 オープンソースの勝利という部分は相当熱く語っていたようで、T

AngularJS で controller, service などが定義された JavaScript ファイルを遅延ロードした場合、通常のような書き方では Injector から対象のオブジェクトが取得できない。なので、以下のようにする。 ※公式的にこれでいいのかどうかは不明だけどメソッドが生えてるってことはこれでいいのかしら。ちなみにソースはこれ メインのファイル var app = angular.module('sample', []); // Config で、遅延ロード(定義)する対象のプロバイダーを config 内で app へ alias をはっておく app.config(['$provide', '$controllerProvider', '$animateProvider', '$filterProvider', '$compileProvider', funct

技術力がアリそうとぼんやり感じる企業のgithubでの公開リポジトリ数ってどのくらいなんだろう？ って思って数えてみた。OSSホスティングサービスはGitHubだけじゃないって話はあるけど、自分が一番使ってるのが今のところコレなのでその範囲内で選んでます。 Google(https://github.com/google, https://github.com/GoogleCloudPlatform): 375 Microsoft(https://github.com/Microsoft, https://github.com/Azure, https://github.com/MsOpenTech, https://github.com/aspnet, https://github.com/OfficeDev,https://github.com/Reactive-Extensions,

.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

今の時代、Googleで検索するだけでたくさんの情報をみつけることができますが、見つかった情報が本当に価値がある情報なのかどうか、限られた時間で見極めるのはなかなか大変なことだと思います。 そのような時に利用したいのがキューレーションリスト。「Awesome Ruby」はRuby関連ライブラリやリソースへの厳選されたリンク集で、用途ごとに定番情報へのリンクが張られているので、ざっと概略を知りたいときに役に立ちそうです。 例えば、ファイルアップロードでは、環境構築ツールではrvmとrbenvが、ファイルアップロードではpaperclip、carrierwave、dragonflyなどのライブラリの名前が挙げられていて、このチョイスは誰もが納得するところではないでしょうか。 Ruby用だけではなく、Go、PHP、Python用のリンク集もあるようですのでこちらもどうぞ。 awsome-go /

今の時代、Googleで検索するだけでたくさんの情報をみつけることができますが、見つかった情報が本当に価値がある情報なのかどうか、限られた時間で見極めるのはなかなか大変なことだと思います。 そのような時に利用したいのがキューレーションリスト。「Awesome Ruby」はRuby関連ライブラリやリソースへの厳選されたリンク集で、用途ごとに定番情報へのリンクが張られているので、ざっと概略を知りたいときに役に立ちそうです。 例えば、ファイルアップロードでは、環境構築ツールではrvmとrbenvが、ファイルアップロードではpaperclip、carrierwave、dragonflyなどのライブラリの名前が挙げられていて、このチョイスは誰もが納得するところではないでしょうか。 Ruby用だけではなく、Go、PHP、Python用のリンク集もあるようですのでこちらもどうぞ。 awsome-go /