PDF.js の導入方法と苦労した話
こんにちは。 島根支社の原田です。 JavaScript で PDF を表示する際にライブラリとして PDF.js が話題にあがると思います。 PDF.js は名前の通り JavaScript で実装されているライブラリです。 HTML5 の技術を使っているため、最新のブラウザであればほぼ問題無く使うことができます。 本稿では、PDF.js を利用した PDF の表示までの導入部分と、実装で苦労した話をしていきます。 下準備 最初に、プロジェクトのディレクトリを作成し、npm init します。 $ mkdir fenrir-pdfjs $ cd fenrir-pdfjs $ npm init 次に、最低限必要なパッケージをインストールします。 $ npm install --save-dev browserify $ npm install --save-dev pdfjs-dist こ
約5万点の素材からドラッグするだけで、プロ並みのデザインが仕上がる新サービス “Picky-Pics (ピッキーピックス)”、本日リリースです！
こんにちは、新プロダクト担当の林です。 本日、ブラウザ上でプロ並みのチラシや名刺をデザインする新サービス “Picky-Pics (ピッキーピックス)” をリリースしました。 Picky-Pics を使う 約5万点の素材とドラッグ＆ドロップ Picky-Pics は、約5万点の写真やイラストの素材をドラッグ&ドロップによる簡単な操作で自由にレイアウトし、プロ並みのデザインを作成できるウェブサービスです。名刺、ハガキ、プレゼンテーション、フライヤー等の多彩な用紙を選択して、手持ちの写真や Picky-Pics ライブラリの素材をキャンバスにドラッグ&ドロップすれば、すでに完成したも同然です。 あとは色やテキストを変更したり、お好みのレイアウトパターンを選ぶだけで、プロ並みのデザインに仕上げられます。つくったデザインは PNG・ PDF・ウェブに出力可能で、自動でサーバーに保存されるので、自宅
android 開発におけるリソース管理 〜ディレクトリ名の規則について〜
はじめまして。共同開発部で開発者をしています森河内です。 私自身、今までは iOS を中心に開発を行ってきたのですが、まだまだ手伝い程度ですが最近 Android アプリの開発も始めました。まだまだ、わからない事も多いのですが、折角 Android 開発を始めたので、 Android ネタでこのブログを書いてみたいと思います。 Android には iOS とは違い様々な端末が存在します。また、Android 端末は世界中で使われていますので、Android 開発を行っていると多言語対応もしたいことが多いと思います。Android では以下の画像のように解像度の違う端末や多言語に対応するにはリソースディレクトリ内の drawable ディレクトリや layout ディレクトリ名の後に修飾子をつける事で対応する事が出来ます。修飾子の付け方は、各ディレクトリ名の後に「 – ( ハイフン ) 」
【本日正式リリース】スマートフォンユーザーのためのデスクトップブラウザ Sleipnir 3 for Windows / Mac (3.5) があなたのスマホライフを激変させる！
みなさん、こんにちは。坪内です。 ついにこの日がやってまいりました。 Sleipnir 3 が新たな一歩を踏み出す日。そう、Sleipnir 3 for Windows / Mac (3.5) 正式版リリースの日です。 つい先ほど、全てのリリース作業を終え、もうすでにダウンロードできる状態になっています。 待ちきれない方には、すぐにお試しいただきたい。 でも、この Sleipnir 3 がどのくらい特別なプロダクトなのか、皆さんに知ってもらいたいから、少しだけお付き合いくださいね。 デスクトップブラウザなのにスマートフォンユーザー向けの Web ブラウザ Sleipnir 3 for Windows / Mac (3.5) から、「スマートフォンユーザーのためのデスクトップブラウザ」という、新コンセプトに変更しました。 スマートフォンユーザーが急増しています。 スマートフォン経由のインター
Emacs のキーボードマクロであっと言う間に仕事を終わらせる
こんにちは。Emacs 担当の金内です。 今日はみんな大好きな Emacs でテキストファイルを処理するときに役立つ「キーボードマクロ」という機能を紹介します。 どんな時に役に立つの? ふだんの暮らしの中で、CSV のような行を中心としたテキストデータを扱う機会がよくあると思います。たとえば、1行に 3 つデータがある CSV で、いちばん左のデータだけを削除したい場合、どうするでしょうか？ たとえばこんなファイルです。 abcd,ef,ghi jk,lmno,pqr stu,vwx,yz0 ...（2000行くらい続く） これを次のようにしたいわけです。 ef,ghi lmno,pqr vwx,yz0 ...（2000行くらい続く） 正規表現やスクリプト言語などいろいろと選択肢はありますが、ここではあえて、Emacs の操作さえわかっていればできてしまうキーボードマクロを使ってみましょう
【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き） こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記： ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
＆nbsp; は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)
いかがでしょう？ WEBブラウザにもよりますが、結構実際の見た目も違うように思います。 で、冒頭の「半角スペースと 」の件ですが、ちゃんと意識しておかないと「あれ？」と思うことがあります。 「 を半角スペース (0x20) に置き換える」プログラムがあるように、「 を半角スペースに置き換えず、nbsp (0xC2A0) に置き換える」プログラムもありますから、WEB ブラウザのように 0xC2A0 を表示できる場合はいいですけど、表示できないプログラムだと困りますよね。 冒頭の画像は、わが愛するテキステエディタ Emacs だとこんな感じになります、というサンプルでした おまけとして、 を 0xC2A0 に置き換える例を。雰囲気をお楽しみください。 use HTML::Entities; use Encode; use Data::Dumpe
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
