技術書典が近いですね！ 技術書典向けに作った紙の本を同時に電子書籍としても配信できるFL Bricksというサービスの使い方をまとめました。 FL Bricksとは FL Bricksは独自の出版サービスを展開したい出版者向けのマイクロサービスシリーズです。 機能単位で利用できるため、柔軟に独自の出版サービスを構築出来ます。 FL Bricksはクローズドベータ提供中で現在は問い合わせからしかユーザー登録ができません。 FLB ROOT FLB ROOTは、出版コンテンツを管理・制御するサービスです。 登録した出版コンテンツの書籍ファイル・書誌情報を誰がどのように使用するかを管理・制御します。 このサービスで電子書籍の管理や自分のアプリの登録をします。 FLB BinB FLB BinBは、出版コンテンツをWEBブラウザ上で閲覧可能にするサービスです。 FLB ROOTで使用許可されたPD

ウェブ制作で差がつくテクニックをつかった、コピー&ペーストで利用できる HTML/CSS スニペットを、定期的にまとめてご紹介しています。SVGを使ったアッと驚くアニメーションから、普段使いがしやすくなる小技テクニック、現在利用するデザイナーが増えているCSS Gridの可能性を探る実践向けスニペットまで、今後のウェブサイト制作で参考にしたい作品を中心に揃えています。 「Run Pen」をクリックすることで読み込みが開始されます。右下に表示された「Return」で再読み込みし、左上のHTML/CSS/JSタブを切り替えることで、それぞれのスタイリングを確認できます。実際にカスタマイズしたいときは、右上の「Edit on Codepen」をクリックしましょう。これらのスニペットを利用することで、他とは一味違うユニークなウェブサイトを制作してみましょう。 ウェブサイトをもっと面白く！コピペ可能

Google、「Cloud Natural Language API」に自動カテゴリ分けとエンティティ感情分析機能 米Googleは9月19日（現地時間）、クラウドサービス「Google Cloud Platform」で利用できる日本語対応の自然言語API「Cloud Natural Language API」に2つの新機能を追加したと発表した。 Cloud Natural Language APIは昨年6月にリリースした、コンピュータに人間の自然言語を理解させるためのAPI。日本語、英語、スペイン語に対応する。 これまで、テキストの内容を解析する「構文解析」、自然言語で書かれたテキストから書いた人の意見や感情を抽出する「感情分析」、エンティティ（人、組織、場所、イベント、商品、メディアなどの固有名詞）を識別してラベル付けする「エンティティ分析」などが利用できた。 新機能として、コンテンツ

SYNTHESIZEという漫画の連載を、自分で作ったサービスLeth（このエントリーを掲載しているサービスそのもの）で始めました。 普段は普通のサラリーマンをしたりしています。3年くらい前まではエンジニアをやっていた気がしますが、色々あって今は仕事でコードは書いていません。 今（2018/9月時点）私は33歳なのですが、29歳の終わり頃でしょうか、ふと「漫画でも描いてみるか」と思い立ってから今日こうして無事公開できるに至るまでの話と、今後の展望の話を書き残しておきます。 動機の話 私は20代の半分程をエンジニアとして過ごしていました。幸いデザインも好きだった事もあり、昔から余暇の時間を利用していくつか個人でサービスをリリースしたりしていました。それまでの人生は音楽づくしであったし、「創作」そのものが好きなんだと自己分析しています。プログラミングも創作の一つだと捉えていますし。絵を描くのも好

はてなアプリケーションエンジニアの id:takuya-a です。 この記事では、Microsoft の検索エンジン Bing で採用された BitFunnel アルゴリズムを紹介します。 昨年のエンジニアアドベントカレンダーでは、文字列検索のアルゴリズム全般について紹介しました（文字列アルゴリズムの学びかた - Hatena Developer Blog）。今年はそのなかでも、インデックス（索引）を使った全文検索アルゴリズムについてのお話になります。 この記事の前半は全文検索の入門にもなっていますので、検索技術になじみがない方にも楽しんでいただけるのではないでしょうか。 逆に、「そんなのもう知ってるよ！」という方は、本題である「BitFunnel アルゴリズムの詳細」から目を通していただければと思います。 この記事は、はてなエンジニア Advent Calendar 2017の21日目の

The Google News downloading service NewsToEbook now works with Feedly. With it you can download your unread items from Feedly to an EPUB or MOBI ebook file. The Google News downloading service NewsToEbook now works with Feedly. With it you can download your unread items from Feedly to an EPUB or MOBI ebook file, which you can then read on your offline e-reader. Kindle, Kobo, Nook and even your tab

「Convert Word Documents to Clean HTML」はWord文書をHTMLに変換できるサービスです。Word文書の見た目をそのままHTMLで構成してくれますよ。Word文書をコピペするだけなので簡単です。 以下に使ってみた様子を載せておきます。まずConvert Word Documents to Clean HTMLへアクセスしましょう。 このようにWord文書を貼り付けます。その後「Convert to clean html」を押すとHTML化されますよ。 このようにHTML化されました。「View」から実際にどのような見た目になっているか確認できます。あとはHTMLのコードをコピーして自由に使えます。Word文書をHTMLに変換したい際にぜひご活用ください。 Convert Word Documents to Clean HTML （カメきち）

「・MEGA・」はクラウドサービス「MEGA」を利用するためのアプリ。→MEGA クラウドサービスの利用アプリは今までたくさんありましたが、「・MEGA・」の特徴は無料で50GBのデータを保存できること。 無料とは思えない大容量はかなりオトク！まずは登録しちゃいましょう。 サクッと登録 まずは登録！5分くらいで完了します。 アプリを起動したら画面下の【ご登録下さい。！】をタップ。 日本語が微妙にあやしいですが気にしない(笑 名前・メールアドレス・パスワードを入力したら、利用規約の項目にチェックをつけて【登録】。 コード入力画面になるので、届いたメール内のコードをコピペして【登録を確認して下さい】をタップすれば完了！ メガな容量にたっぷり保存できます 「クラウドドライブ」からファイルをアップロードしてみましょう。アプリ版では画像ファイルをアップロードできます。 アップロード速度はまあまあなか

こんにちは。デザイナーの王です。 Webアプリはデスクトップアプリとは違い、まだまだ発展途上の技術のため、色んな所でまだ未熟な部分があります。デスクトップアプリでは当たり前のことでもWebアプリではできなかったりすることも多いのです。中でも、UIのコンポーネント化問題が以前から指摘されてきました。 通販サイトにある「購入ボタン」を例に説明すると分かりやすいと思います。 この手のボタンを作るには以下の手続きを要すると考えられます。 外観を整える CSS HTMLマークアップ クリックした際の挙動 JavaScript 何が厄介かというと、「再利用」が難しいというところなんですね。 例えば、同サイトの別のページで同じボタンを使いたい場合、js、CSS、HTMLを再度記述しなければなりません。しかも場合によってはHTMLのマークアップが非常に冗長化していることもある。 「購入ボタン」はあくまで一

こんにちは、トヨシです。Webサイトの納品後に 「それ見積もりに入れるの忘れてたー！」 というのはだれもが一度は経験したことがあるんじゃないでしょうか。以前は私もWeb制作に関わっており何度も経験が有ります。今回はそんな悲劇が二度と起きないようWeb制作（ホームページ制作）の見積もり時に忘れやすいけど忘れずに検討したい項目についてまとめました。 全体をホームページ制作前、制作中、制作後、その他の4つに分けて紹介します。 とその前に、 見積書の作成にお困りの方は、ミスなくカンタンに見積書や請求書が作れる「Misoca」がおすすめです！レイアウト崩れや記入漏れの心配無用です！ 制作開始前に必要な見積もり項目 企画・ディレクション費用 打ち合わせ、提案書の作成、アイデア、ノウハウ代など見積もりに含めることは多いです。 旧サーバからのデータ移管費用 サーバの変更がある場合はデータやシステムの移管を

CSS3だけで作れちゃうのが凄いですね！ 処理中にユーザがストレスを感じないように表示されるスピナー。最も簡単なのはアニメーションGIFを表示することかなと思いますが、背景色を微妙に違ったり、大きさを適切に考えないといけないなど画像だけに扱いがちょっと面倒に感じることがあります。 そこで使ってみたいのがSpinKitです。なんとCSS3のアニメーションを使ってスピナーを実現しています。 一例。四角いパネルが回転します。 円が次々に大きさを変えていくパターン。 棒の長さが変わっていくパターン。 スクリーンショットでは分かりづらいので動画を撮影しました。 例えば棒の長さが変わるウェーブの場合、次のようなスタイルシート設定になります。 .spinner { margin: 100px auto; width: 50px; height: 30px; text-align: center; fon

090／080番号を使えて通話料が半額になる｢楽天でんわ｣発表。第3にして最強の選択肢かも。2013.12.05 13:105,288 キャリアの通話プランでも、050アプリでもない、新たな選択肢。 今日、けっこう携帯電話業界をゆるがしそうな発表がありました。それがスマホアプリを使った通話サービス｢楽天でんわ｣。 ｢楽天でんわ｣のポイントは3つ。 ポイントの1つ目は｢通話料が半額｣。 このサービスの開発の背景には、LTE＆スマホ時代になりフィーチャーフォン時代に比べて音声通話の料金が高止まりしていることがあったのだとか。そのため｢日本の通信環境をドラスティックに変えたい｣という思いから｢半額｣という思い切った料金設定を採用したとのこと。 しかも、使わなければ費用は発生しないのでデメリットなし！ ポイントの2つ目は｢通話品質が高品質｣であること。 パケット通信ではなく電話回線網を使用している

2016年3月19日 Webサイト制作, 便利ツール Webサイトを制作する際に大切なものの多くは、制作開始する前の段階にあります。サイトの設計・計画がうまくいっていないサイトは、制作開始後、様々なトラブルに見舞われることでしょう…。ということで今回はモックアップ・プロトタイプと呼ばれる設計画面を作成できるオンラインツールをいくつか紹介します。サイトの大まかな動きをチーム内でシェアしたり、フィードバックしあったりと、便利に使えるものばかりです！ ↑私が10年以上利用している会計ソフト！ 2016年3月16日 追記：Adobeがリリースしたプロトタイピングツールも試してみました！→ Adobe Experience Design（XD）を使ってアプリのプロトタイプを作ってみた ViewFlux ViewFluxはデザイン画像のシェアやフィードバックが簡単に行えるツール。必要なページのデザイン

私のお客さんで、今度Yahoo!ショッピングを新しく出店（開店）することになりました。そのタイミングで「サイトのデザインとかマーケティングとか、そんなのやってよ～」と相談されましたので、近日打ち合わせに行ってきます。楽しみですね！こう、面白いことが始まりそうな予感というか、何というか！ ところで「Yahoo!ショッピング」と言えば、Yahoo!ショッピング eコマース革命、始動！がとても話題になりました。Yahooの関連サービスなどを見ると、「0円宣言」や「無料でお店を開こう」等の文言もよく見ますね。それで、気をつけないといけないのですが、すべてが「無料（0円）」というわけではないんですよね。無料の範囲があります。その辺を、勉強不足だったので調べました。興味がございましたらご覧ください～。 「Yahoo！ショッピング」の詳細ページを見る参考リンク（Yahoo!ショッピング eコマース革命、

疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】