縦長のランディングページ、レスポンシブなスマホ対応ページなどに便利な機能や面白い仕掛け、気持ちいいインタラクションやエフェクトなどのアニメーションを実装できるスクリプトやjQueryのプラグインを紹介します。 Popper.js Popper.js -GitHub ポッパーはツールチップとポップオーバーを組み合わせたスクリプトで、今までのツールチップとは一味も二味も異なります。指定したエレメントに表示させるだけでなく、スクロールするコンテナ、ドラッグで移動可能な要素、ビューポートのよる方向の制御など、縦長ページ・スマホ時代のツールチップです。
先日、LINE BOT APIが公開されたので、この波に乗らねば、というわけでいろいろ遊んでいます。最近はGoが手に馴染んでいるのでGoでbotを書いているのですが、皆さんもご存知の通り、JSONのAPIをGoで扱うのはなかなか辛いものがあるので、ライブラリにしてみました。 github.com こんな感じでecho botを書けます。まだテキスト部分しか実装してないので、これから画像などは実装していきます。 herokuで動かすことを想定していますので、お試しの際はLINE BOT をとりあえずタダで Heroku で動かす - Qiitaあたりを参考にデプロイしてみてください。 LINE BOT APIのアカウントの取得方法やcallbackが来ない!といったトラブルシュートは他にもいろいろ情報あがってますので、そちらでどうぞ。 package main import ( "fmt"
2016 - 04 - 11 はてなブログでSEO対策になる画像にalt属性をつける方法 一昨日からページ速度を上げるために画像を軽くする作業をしていました。 そこで軽くした写真を フォトライフ にUPしたらタイトル?をつけれるようになっていたので※alt属性をつけてくれるのかと思い頑張って記入したのですが違いました。 貼り付けた結果は撃沈! 頑張った意味が一気になくなりしばし呆然としました(T_T) ※画像の上にカーソルを置くと表示される文字がaltで指定されたもの。 alt属性とは画像の代替となるテキスト情報 そんな時に助かる情報をねこもちさんのブログで発見! ねこもちさんありがとう~!めっちゃいいタイミングでした。 desumasu111.hatenablog.com 皆さんよく見てくださいね! 自分が何モードで書いているのかも確認です! 私は はてな モードなのでtar@メガネ男子
React Router is dead. Long live rrtr. I apologize in advance to everyone for whom this makes more work. This will be better in the long run, I promise. I am now maintaining a fork of the old React Router as rrtr: https://github.com/taion/rrtr . The problem is that React Router as a project has fallen into a very slow release cycle. This is a problem. React Router isn’t feature-complete. React Rout
オープンソースの非営利団体Apache Software Foundation(ASF)は4月8日、全文検索ライブラリ「Apache Lucene 6.0.0」およびLuceneベースの検索プラットフォーム「Apache Solr 6.0.0」をリリースした。 Apache LuceneはJavaで実装されたテキスト全文検索ライブラリ。分野を問わず、全文検索を必要とするほぼすべてのアプリケーションに利用できるとしている。また、SolrはLuceneを使って構築された検索プラットフォーム。 Lucene 6では、Java 8が最小要件となった。また、新たに二次元/三次元などの多次元データがインデックスやドキュメント、コーデックAPIでサポートされるようになった。kd木ベースのデータ構造を使って処理を行うもので、これにあわせてIntFieldやLongFieldといった数値型フィールドタイプは
新プロジェクト開始! 新年度を迎えて、思う所もあり新しい挑戦として「新プロジェクト」を立ち上げることに! まずは、このブログに紐づけて作ってあるWebサービスのリニューアルから。 デザインについては放置してきていたため、今回デザインも「今時に」リニューアルさせる! 調べてみたところ、Bootstrapという物を使うと手軽にレスポンシブデザインにも対応させることが出来て便利なのが分かりました! 昨日はこのBootstrapフレームワークを使って、既存のWebサービスを新デザインにしてみました(^-^)v でもですねぇ、適当なBootstrapテンプレートを適用したので、ちぐはぐなデザインになってしまいました(^-^; 生命保険計算サービスなのに、下記の様な海辺の絵に。 このままだとイマイチ過ぎるので、きちんとしたBootstrapのデザインに変えていきたいと思います(^-^)/ Bootst
Airbnbは、空き部屋をシェアしたいオーナーと部屋を探している旅行者をつなぐオンラインプラットフォームで、ここ数年で世界中で急激にユーザー数を伸ばしている。いまや世界191カ国の人々が登録しており、日本でも一部の地域を中心に利用者が増えている。 Airbnbの成長度合いは凄まじく、ゴールドマンサックスも「ホテル業界を駆逐してしまうかもしれない」と示唆をしているほどである。創業者の2名が元々デザイナー出身という事もあり、彼らはプロダクトにおけるデザインを最も重要視している。 同時に、ユーザー数を増やす為のグロースハック施策にも注力しており、社内に凄腕グロースハッカーやデータサイエンティストを有し、日々ユーザー獲得及びコンバージョン向上を行っている。 Airbnbの成長を示すグラフ – provided by http://rentingyourplace.com/airbnb-101/ そ
そろそろトレタでDockerを使っていきたいから勉強しようということで「トレタ社内勉強会 "Dockerの上でRailsアプリを動かす ハンズオン"」を開催しました。せっかく開催するならということで、数人のゲストも募集してみました。 この勉強会の目的は「間違っててもなんとなくDockerを触って感覚を理解してもらう」に置いているので、色々飛ばしてあります。 事前資料はhttps://gist.github.com/masuidrive/14424a8cc4209a35541551c2ba7e911eに置いてあります。 流れとしては、 Dockerの概論 Dockerでシェル起動 Railsの実行環境をDockerとDocker Composeで作る Amazon ECRにimageをpushする Amazon ECSにdeployする となっています。 Docker Composeまではサ
BOT API Trial Account Overview - LINE Business Center が公開されて、LINEのbotが作れるようになった、ということで 遅ればせながら自分も 過去に作ったTwitter bot を移植してみた。 テキストを受け取ってちょっと改変してオウム返しする、というのは練習としては良い題材ですね。kagome を使えばPure Goで形態素解析できるし、ということでGoで書いてみた。 source code https://github.com/sugyan/line-zenra-bot Callback URLにSSLが必須、送信側はIP Whilelistに登録している必要がある、ということでちょっと制限があるけれど、これくらいのお遊び程度のものならherokuで受けて fixie addonを使えばIP固定させて使うことができる。もっと本格的
追記 (4/15) 現在は Let's Encrypt の証明書が利用できるようになっているようです。なので「https で Callback が受け取れない」と言う理由のためだけに Amazon API Gateway を使う必要も無くなりました。 LINE Bot API は Callback URL が https のみで、しかも Let's Encrypt や StartSSL と言った無料の証明書が使えない。どうにか安価で Bot を動かしたいとなると Heroku のようなドメインを指定しなければ Wildcard 証明書が割り当てられている PaaS を使うのが一般的でしょう。 しかし Heroku は外に抜ける IP アドレスがどんどん変わっていくので、 Bot API の IP Whitelist に登録することが出来ない。仕方無いので Heroku に rack-rev
autoscale: true Read/Write Stack | JavaScriptアーキテクチャ 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info This is Bikeshed.js :bike: 抽象的な話が多いので、実装はコード見て(Pull Request投げて!) これが正しいという話ではないです。 自転車置き場の議論なので! 中規模以上のJavaScript 設計が必要になる 正しい設計はない Bikeshed.js :bike: 人、目的、何を作るかによってアーキテクチャは異なる 前回の続き? : How to work as a Team 用語 設計の目的 中規模以上のウェブアプリ SPAというよりは、画面が複雑なElectronアプリのようなイメージ スケーラブル 人、機能追加、柔
どうも、CAVの北尾です。先日、正式に CAVへジョインし、早速本体の総会に行ってきまして、こんなにも人がいたのかと圧倒されました。 さて、本日日本時間の朝2時からスタートしたF8 Day1。 ピッチのスタートは、今後10年"テクノロジーに注力をする"というプレゼン。今回は発表された内容を簡単にまとめてみた。 Messenger Platform β版 日々多くの人がFacebook messengerを友人との連絡に使用している。そんな中、今回Facebookはビジネス用にfacebookのbotプラットフォームのβ版をローンチした。 CEOのマーク・ザッカーバーグ氏の以下の発言、 "To order flowers on 1-800-Flowers, you never have to call 1-800-Flowers again.""1-800-Flowersに花を注文するのに二
こんにちは。アプリケーション基盤チームの横田です。 Javaの謎のパフォーマンス劣化にまつわる調査をしていたのですが、1ヶ月の苦労の末に原因がわかりましたので、報告させていただきます! 公開後に頂いたはてなブックマークでのご指摘・社内でのタイポ・読みにくいなどの指摘を受けてたので、謹んで修正させいただきます。 修正した内容につきましては、記事の最後を参照してください。 忙しい人のためのまとめ jdk-7u4以降のjdk-7 *1 でJavaのパフォーマンスが劣化する謎の現象 CodeCacheの容量限界に近づくとJITコンパイラを停止してコンパイルしたコードを捨てる機能が原因だった 起動オプションで回避できるので、長期運用するときは -XX:-UseCodeCacheFlushing, -XX:ReservedCodeCacheSize=128m をつける 上のオプションを設定した時に、C
www.flickr.com こんにちは。開発Div. エンジニアの所です。 先日クラウドワークスではRailsのアップグレードに関するTech Talkイベント Rails Upgrade Casual Talks を開催いたしました。 cw-meetup.doorkeeper.jp 100人の参加枠に対してキャンセル待ちが60人を超える大盛況の中、具体的な事例も交えながらいかにして Rails をアップグレードしていくべきか、その戦略をみなさんと一緒に真剣に考えました。 本記事ではイベントの模様をお伝えしたいと思います。 基調講演: 「Rails側から見たバージョンアップの歴史」 www.flickr.com 基調講演として、Ruby on Rails における唯一の日本人コミッターである松田さん(@a_matsuda)による「10年戦えるフレームワークのバージョンアップ戦略」をご講演
『あれが人生観を変えた』と誰かに言われるものを、僕がつくりたい。 青春時代、アイドルと出会って人生観が変わった青年は、いつしか自らアイドルグループを手がけるプロデューサーとして活動することに。アイドルという存在が教えてくれたこと、そして、これから伝えたいこととは… 第2回ゲスト、ピクシブ株式会社取締役副社長永田寛哲さんの『夢中の深層』に、インタビュアー川邊健太郎が迫ります。 永田寛哲さんプロフィール 1979年、香川県生まれ。 東京医科歯科大学在学中より、「小板橋英一」名義で、編集者・ライターとして活動。 2007年、ピクシブ株式会社取締役副社長に就任。 イラストコミュニケーションサービス「pixiv」の立ち上げに携わる。 2014年、アイドルグループ「虹のコンキスタドール」を立ち上げ、総合プロデューサーに就任。 六本木にある各種メディアで話題のかき氷専門店「yelo」もプロデュースする。
Benjamin Hardyさんによる寄稿記事です。3人の素晴らしいお子さんの父親で、現在は組織心理学の博士号を取得するために猛進中。eBook「Slipstream Time Hacking」の著者。Twitter アカウントは、@BenjaminPHardy。本記事は、Mediumへの投稿記事を許可を得て翻訳したものです。元の英語記事もどうぞ。 人生は忙しい。夢に向かって走ることは、時に不可能に感じられる。フルタイムの仕事に就いていて、さらに子どもがいるとなると、それはいっそう困難をきたす。 どうやって前に進んでいけばいいのだろう? 進歩し、改善するための時間を意識的につくらなければ、時間はめまぐるしさを増す人生の中にあっという間に吸い込まれてしまう。そして気つけば君は年老いて、一体どこに時間が消えてしまったのかと嘆くことになる。 Harold Hill教授は、こう言った。「明日を十分
This document proposes a sketch-based box-covering algorithm to efficiently analyze the fractality of massive graphs. It summarizes that some real-world networks have been found to be fractal in nature, but existing algorithms for determining fractality are too slow for large networks. The proposed method uses min-hash to represent boxes implicitly and solves the box-covering problem efficiently i
This site is marked private by its owner. If you would like to view it, you’ll need two things: A WordPress.com account. Don’t have an account? All you need is an email address and password — register here!Permission from the site owner. Once you've created an account, log in and revisit this screen to request an invite.If you already have both of these, great! Log in here
私が関数型プログラミングについて度々耳にするようになったのは、数カ月前からです。でも当時は、それが何なのか見当もつかず、単なるバズワードだと思っていました。皆さんの中にも、そのような方は多いでしょう。それ以来、私は関数型プログラミングについて深く学び、この言葉を日々聞いてはいるものの内容を理解していない初心者の方のために、分かりやすく説明しようと思い立ちました。 関数型プログラミング言語の話になると、「 Haskell と Lisp は どちらが優れているのか 」という 議論 が 白熱する 傾向にあります。HaskellとLispはどちらも関数型言語ですが、実際には大きな違いがあって、それぞれに長所と短所があります。その具体的な内容については、この記事を読み終える頃には深く理解していただけると思います。この2つの言語には、それぞれから派生した言語があります。その中で恐らく皆さんが耳にしたこ
In Promise-based asynchronous code, rejections are used for error handling. One risk is that rejections may get lost, leading to silent failures. For example: function main() { asyncFunc() .then(···) .then(() => console.log('Done!')); } If asyncFunc() rejects the Promise it returns then that rejection will never be handled anywhere. Let’s look at how you can track unhandled rejections in browsers
西澤です。AWSを運用していると、AWS Management Console用のIAMパスワードと、APIアクセス用のアクセスキーの2つを管理することになるケースが多くなると思いますが、管理は片方だけで済ませたいものですよね。IAMパスワードを発行しないまま、アクセスキーだけでAWS Management Consoleにログインする方法があることをご存知でしょうか? 過去に書いた記事の焼き直しではあるのですが、丁度ご質問をいただいたこともあり、その機能を改めてご紹介してみようと思います。 IAMパスワードとアクセスキー IAMユーザには、そのユーザに紐付くパスワードとアクセスキーを発行することが可能です。通常の使い方では、下記のようにご利用されている方がほとんどかと思います。1つのアカウントに対して、2つの認証情報を管理することになる為、定期的な更新も考えると、非常に手間がかかります。
Redmineの全文検索を高速化するプラグインfull_text_searchが公開されていたのでメモ。 読んでみると、すごくワクワクする。 【参考】 Full text search - Plugins - Redmine Redmineで高速に全文検索する方法 - ククログ(2016-04-11) okkez/redmine_full_text_search: Full text search for Redmine PostgreSQLで日本語全文検索 - LIKEとpg_bigmとPGroonga - ククログ(2015-05-25) Ruby on RailsでMySQLとMroongaを使って日本語全文検索を実現する方法 - ククログ(2015-11-10) Ruby on RailsでPostgreSQLとPGroongaを使って日本語全文検索を実現する方法 - ククログ(2
開発環境 Mac OS X El Capitan(10.11.1) Xcode 7.1.1 Swift 2.1 Xcode projectの作成 まずはプロジェクトを作成!とりあえず起動! 今回はiOS ApplicationのSingle View Applicationを作る!楽だから!Next! この辺は適当に!Next! 好きなディレクトリを選んでCreate!これでプロジェクトの作成は完了! 画面作成 Createを押した後こんな画面になるけどスルーして左上のファイル一覧からMain.storyboardを選択! こんなのが出る!真ん中の白いスペースをドラッグするとグリグリ動く! ってことでとりあえず何か貼り付ける!今回は目覚まし時計っぽいものを作るってことでまず必要なのは時間を設定するやつ!一番右下にある検索窓にDateと打ち込むとDate Pickerというのが出てくるからそ
Chainerは、Preferred Networksが開発したニューラルネットワークを実装するためのライブラリです。その特徴としては、以下のような点があります(ホームページより)。 高速: CUDAをサポートし、GPUを利用した高速な計算が可能 柔軟: 柔軟な記法により、畳み込み、リカレントなど、様々なタイプのニューラルネットを実装可能 直観的: ネットワーク構成を直観的に記述できる 個人的には、さらに一つ「インストールが簡単」というのも挙げたいと思います。 ディープラーニング系のフレームワークはどれもインストールが面倒なものが多いのですが、Chainerは依存ライブラリが少なく簡単に導入・・・できたんですが、1.5.0からCythonを使うようになりちょっと手間になりました。インストール方法については以下をご参照ください。 Mac Windows AWS 公式インストール情報 また、C
x-meansという論文 † クラスタリングのk-means法は広く使われ、パッケージも各言語環境で作られている。Pythonの 場合、scipyにあるkmeansと、多分その導出系のscikit-learnにあるKMeansが利用可能になっている。 k-means法はあらかじめクラスタ数を決めて分類するので、クラスタ数が不明なときにそのままは対応できない。 それに対して、BIC(ベイズ情報量規準)やAIC(赤池情報量規準)などを使って、最適なモデルを 選択しようという考え方があり、その選択のロジックを含めたのがxmeansパッケージらしい。 xmeanについては http://web-salad.hateblo.jp/entry/2014/07/19/200347 ↑ Scikit-learnでのk-meansパッケージ † Scikit-learnのkmeansパッケージの使い方は、n
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く