はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? AMP のビルド・コーディング・配信と、もろもろ注意点などを書き残しておく。 成果物 父親が趣味で作っている「あかりひょうたん」を宣伝するページを作った。 https://shutan.work https://github.com/macoshita/shutan.work Google 検索結果 モバイルブラウザで見ると AMP マーク が付いてるはず 構成 AMP のみ。通常のページは作っていない Firebase Hosting を使って配信 ビルド AMP は CSS をインラインで書かなければならない。 head に <st

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? PDF ビューワーなんて世の中にゴマンとあるのに、どうしてもうちの父親の要件を満たすアプリが見つからなくて、もう自分で作るかということで作った。 成果物 要件 父親がこれまで作ってきたギターコード付き楽譜 PDF 400 件ほどを素早く一覧・検索・表示できること iPad 第4世代 Wi-Fi モデル iOS 10　で動作すること。特定個人向けなので AppStore になくても OK オフラインで利用可能。 iTunes でファイル共有するやり方はすでに教えてある （この程度の要件なら既製品が見つかりそうなもんだけど、いくつか試したも

new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV) })

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

この記事はクソアプリ Advent Calendar 2015 の21日目の記事です。 話題の Google Cloud Vision API のこの記事を読んでいたら、なかなかエキサイティングなことがサラッとかかれていました。 「Safe Search検知」を使うと、Google検索のセーフサーチと同様に、画像の内容が安全かどうかを検知できます。これを使えば、例えばユーザーから画像のアップロードを受け付けてシェアしたりアイコンに使っているあらゆるサービスで、手作業による不適切画像のチェックの労力を大幅に下げられます。 ユーザー生成コンテンツ(UGC)を扱うサービスを作ると、必ず問題になるエロ＆グロ。これがある程度自動判別できるとしたら、(料金次第ですけど)魅力的です。 なんとかアドベントカレンダー期日前にリミテッドプレビューへの参加申請が通ったので、エロ画像をどの程度フィルタできるか、雰

先日、折り返し翻訳辞書というウェブサービスをリリースしました。Twitterのトレンド1位を1日継続し、NHK様のつぶやきビッグデータに取り上げられたりしました。 このサービスはMashup Awards 11の応募作品として作っています。チームメンバーは3人で、発案者でありAPIサーバ構築をされた方、デザインをされた方がそれぞれ別にいます。 チームメンバーはみんなそれぞれ別の会社で、このサービスは完全に趣味開発です。MAの賞金くらいでしか稼ぐつもりはなかったのですが、想定以上にバズってしまって運用費がやばくなったので、各方面から協力頂いたりアド貼ったりしてます。 私はフロントエンド開発とコンテンツ配信を担当したので、ここではその話をサラッとしたいと思います。 2015/12/06追記: 発案者でありAPIサーバ担当された方の記事はこちら フロントな話 構成 いわゆるシングルページアプリケ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 1年半ほど前に書いたこちらの記事、タイミングが良かったのか naoya 砲なのか分かりませんが、色んな方に読んで頂けたようです。 しかし、「放置可能なサービス」というタイトルに反し、この記事で作成した楷書体サービス、とうとうメンテを行うことになりました。 理由は、node v0.10 のサポートを Lambda が打ち切るためです。 コードそのまま node v6 で動かせるとは思いますが、それでも放置できなかったことには変わりありません。謹んでお詫び申し上げます。 いやまぁ1年半もメンテナンスせずに動いてたんだからすごいじゃんと思う。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Ambiguous Widthな文字の設定をしているiTerm2で、tmux-powerlineのステータスバーがおかしくなる現象が起きました。→ http://qiita.com/macoshita/items/f7e0f5eda02f45736b52 tmuxにこちらのパッチを当てれば直る！　とのことで、こりゃありがたいとパッチを当てようとしてたら、「そういえばbrewだと簡単にpatchを当てられそうだったな」と思い出し、やってみました。 方法1: 直接いじる（簡単ではあるけど微妙） brew edit tmuxと叩いて下記の行を追加 def patches [ "https://gist.githubusercontent.com/waltarix/1399751/raw/8c5f0018c901f151d39680ef85de6d22649b687a/tmux-ambiguous

やりかた brew install macvim --with-override-system-vim export PATH=/usr/local/bin:$PATHを.bash_profileに書く macvimってGUI専用だと思ってました…… 恥ずかしながらmvim -vというコマンドを初めて知りました。。mvimはmacvimをインストールするとついてくるコマンドで、 vオプションでsystem vimのようにターミナル上で起動する ことができます。 置き換えるメリットは以下のようなところでしょうか。 OSのクリップボードとの連携 比較的あたらしいバージョンのvimを利用できる かつ、brewでupdateできる 補足 置き換えについてはalias vim="mvim -v"としても良いでしょうが、homebrewのオプションを眺めていたら便利なのを見つけたので、活用することにし

ここ数週間のIT界隈は heartbleed が猛威をふるって荒れ模様だったわけですが、近年はとにかくいろんな経路からパスワードがもれますよね。もうパスワードは漏れる前提のほうがいいんじゃないかと思ったりします。ってことで個人の AWS アカウントも、いい加減に2段階認証の設定しようと思ってやってみました。 AWS の2段階認証 AWS では Multi-Factor Authentication (MFA) という仕組みで2段階認証を実現しています。 ドキュメント: http://aws.amazon.com/jp/iam/details/mfa/ 必要なもの いまのところ、スマホを持ってないとダメみたいです。 iPhone や Android の場合は、Google Authenticator を入れるのが良さそうです。 iPhone: https://itunes.apple.com

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

今までそんなに気にしてなかったけど、送られてきたテキストがこれらの記号多めだったので、重い腰を上げて設定しました。 設定内容 .vimrcに set ambiwidth=double を記入 iTerm2の Preferences → Profiles → それぞれのTextタブで Treat ambiguous-width characters as double width のチェックを入れる 2014/03/06追記: tmux-powerlineのステータスバーがおかしくなる場合 tmux自身に下記のpatchを当ててやることで解決しました。ありがとうございます。 https://gist.github.com/waltarix/1399751 brewで入れている場合はpatchを簡単に当てることができます。詳しくはこちら→ http://qiita.com/macoshita/

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

皆様、Beanstalkは使ってますでしょうか。 デプロイの仕組みがあって手軽 バージョン管理の仕組みがあって安心 ELB, EC2, RDS, S3等のAWSのパーツを組み合わせてるだけなので、構成が分かりやすい などなど、いいところが沢山あるのですが、イマイチ使われてるイメージがないです。 なので、ちょっとでも興味持ってもらおうと、CIの究極系、自動デプロイをやってみました。 やりかた 前提・お断り Jenkinsをどこかのサーバに導入してください Jenkinsを入れたサーバにAWS-CLIをインストールしてください サンプルはWARをアップするパターンです でも多分rubyとかはgit archiveでzip作ったら後は一緒だと思う beanstalkでの作業 サンプルアプリケーションを作っておいて下さい。出来上がったアプリのapplication名、environment名を使い