MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました WebフォームでCSVファイルをアップロードしてください、というのはよくある機能です。しかしCSV自体解析するのが大変だったり、ユーザが作成するのも一手間かかるのであまり効率的とは言えません。 そこで、ユーザにはExcelファイルをそのままアップロードしてもらいましょう。その際使うのはJS-XLSX、JavaScriptによるExcelファイルパーサーです。 JS-XLSXの使い方 JS-XLSXのデモです。ドロップしたExcelファイルを解析して、CSVにしています。 さらにJSONにもできます。 JS-XLSXを使えば、Webブラウザ上でExcelファイル(ODSも可)を解析してAjaxでJSONだけを送ると言ったこともできます。これならシステムで扱うのも簡単そうです。さらにJ
iPadやKindleの登場以降、電子書籍に注目が集まっています。凸版印刷やDNPといった印刷社、講談社や集英社と言った出版社はもとよりAdobeやソニーなども参入しており、混迷しているのが実状です。そこで今回はオープンソース・ソフトウェアを使った電子書籍作成についてフォーカスを当て、既存のコンテンツや専用のソフトウェアを使って電子書籍を作成する方法を紹介します。今回は電子書籍リーダーではなく、自作するためのライブラリやソフトウェアの紹介になります。 Repub - WebサイトをePubファイル化 RepubはRubygemsを使ってインストールするソフトウェアです。repubコマンドにURLを引数として渡せばデータを取得し、ePubファイルとして出力します。XPathを使って取得部分を操作したり、執筆者情報などを付与することも可能です。スタイルシートの設定もできるので、見た目のカスタマ
composer install を実行したらAPIのインストールが始まります。 (Note: composerがない場合、https://getcomposer.org/doc/00-intro.mdからcomposerをインストールするか、https://github.com/google/google-api-php-client/tree/v1-masterからソースコードを直接ダウンロードします。 Step: 6 - APIをアクセスするPHPコード step3で作成したプライベートキーをアップロードし、コードで引用します。 <?php function getService() { // Creates and returns the Analytics service object. // Load the Google API PHP Client Library. req
今回の問題はデータ取得が非同期のため発生します。 プロミスを使うと、非同期を同期のように処理することができます。 データ取得処理で、成功:resolve、失敗:rejectを呼び出すと、then(成功コールバック,失敗コールバック)の各コールバックを実行します。 今回の場合、resolveで取得したデータを渡し、成功コールバックで受け取り、画面遷移に必要な処理を書けばうまく動作すると思います。 以前はデータ取得処理で$scope.$emitでデータを渡し、$scope.$onで受け取る方法を多用していましたが、あまりにも複雑な処理となるため、上記方法に落ち着きました。 // ng-clickで呼び出す関数 $scope.button1 = function() { getData().then(function(list) { // 取得成功 $scope.list = list; //
GIFアニメーションは、複数の静止画をひとつの動画のようにコマ送りで表示し、動いているように見せる画像のことです。動きがある分、静止画よりも直感的にわかりやすく伝えられるのがGIFアニメーションのメリット。 作成が難しそうに感じるGIFアニメーションですが、実はツールやWebサービスを使えば誰でも簡単に作成ができます。今回は、誰でも簡単にGIFアニメーションを無料で作成できるツールやWebサービスをまとめて紹介します。 目次 そもそもGIF(ジフ)とは GIF(ジフ)は動画ほどなめらかな動きを表現できない ## GIF(ジフ)を利用するメリット GIF(ジフ)を使う時はファイルサイズに注意しよう 動画からGIF(ジフ)アニメーションを作成できるサービス YouTubeの動画を簡単にGIFアニメーションに出来る「gifs」 写真・動画からGIF(ジフ)アニメーションが作れる「PicGIF L
APIとAPIを組み合わせてマッシュアップサービスを作ろうと思った場合、まず自分が欲しいデータを提供しているAPIを探す必要があります。今回はそんなAPIのディレクトリを提供しているサービスをまとめて紹介します。 PublicAPIs 執筆時点で5,330のAPIから検索ができるAPIインデックスサービスになっています。名前やAPI名などを入れることで、新しいAPIの登録申請もできるようになっています。 PublicAPIs | Directory of public APIs for web and mobile API For That 検索、ソーシャル、ファイナンスなど約20のカテゴリに分かれて登録されています。約300種類くらいのAPIが登録されています。 API For That | An API Directory Zapier IFTTTのビジネス版と言った雰囲気のサービスに
「Slate」は指定した文章をGIFアニメに変換してくれるサイトです。スペースで区切ることで、パラパラ漫画のように文章を流すことができます。テキストや背景色、フォントの種類を選ぶこともできますよ。作成した画像はimgurにアップロードされ、共有することが可能です。 以下に使ってみた様子を載せておきます。まずSlateへアクセスしましょう。GIFアニメにしたい文章を入力します。スペースで区切ることでコマ割りの指定ができますよ。 テキストの色や背景色、フォントの種類にフォントサイズがカスタマイズできますよ。さらにコマ送りの時間も指定できます。「GET URL」をクリックすると作成した画像がimgurにアップロードされURLが生成されますよ。画像で文章を伝えたいときにどうぞ。 Slate (カメきち)
Bootstrapを使った管理画面テンプレートはたくさんあります。今回もその一つ、Gentallelaを紹介したいと思います。多くのテンプレートをもち、多数のチャートライブラリとも連携するようになっています。 スクリーンショット多めで紹介します。ぜひご覧ください。 Gentallelaの使い方 ダッシュボード。グラフが多数使われています。 別版。こちらは折れ線グラフです。 こちらは曲線。 フォーム。 さらに拡張版フォーム。 カレンダーやスライダー。 画像の切り抜きなんて機能も。 フォームバリデーション。 ウィザード。 画像アップロードフォーム。ドラッグ&ドロップ対応です。 フォームボタン。 基本的な要素。 ギャラリー。 タイポグラフィ。 アイコン。Font Awesomeです。 こちらはGlyphiconsです。 その他のウィジェット。 請求書。 メーラーっぽい形。 カレンダー。 テーブル
はいこんにちは高稲です! 筋トレに興味がある人なら「スロトレが良いらしい」と聞いた事があると思います。 スロトレというのは動作をゆっくり行う事で、筋肉に負荷がかかっている時間を長くすることができるから良いんです! スロトレじゃなくても、筋肉に負荷がかかっている時間が長ければ良いという理論を周到しているのが今話題の腹筋アイテムであるワンダーコアです! 腹筋トレーニングの1つであるクランチでは、上体を起こす動作の時は腹筋に力が入ってますが、上体を降ろす動作の時は重力に従っているので腹筋から力が抜けます。 上体を起こす時も降ろす時も腹筋に力が入っていたら倍の効果があるというのを実現させたのがワンダーコアなんです! 今回紹介する腹筋トレーニングもワンダーコアみたいなものです!ワンダーコアは高いですが、このトレーニングはタダです(笑) 【やり方】 ①やや横向きに寝て、腹筋と右足の角度を90度に保ち、
はいこんにちは高稲です! あなたはダイエットしてお腹の脂肪を落とそうと思った時に何を行いますか? A.もちろん腹筋トレーニングでしょ! B.しばらくサラダと水しか摂らない! C.サウナスーツを着て走りまくって汗を出す! はい、上記3つ全て不正解です! お腹の脂肪を落とす正しいポイントを3つ紹介します! ①食事は腹7分目で炭水化物の摂りすぎに注意し、栄養価が高い食材を選ぶ ②摂取カロリーより消費カロリーを多くする ③代謝アップのために脚・背中・胸など大きな筋肉を優先的に鍛える 運動が嫌いな人はどうしても食事を減らしたり、置き換えダイエットやサプリメントで痩せようとしがちです。 たしかに食事を減らして摂取カロリーを減らすことによって一時的には消費カロリーが上回って体重が落ちるかもしれません。 注意して欲しいのが、落ちた体重は脂肪ではなく、筋肉が落ちたということです。 筋肉が落ちると活動的でなく
初心者向けの体が固い人でも必ず開脚が出来る様になるストレッチ方法を解説します。 はいこんにちは高稲です! 前回の開脚ストレッチ動画はかなりの好評を頂いたのですが、初心者にはキツすぎる!という声をいただきました。 [toc] 100万回再生突破!体が硬い人でも必ず開脚が出来るようになるストレッチ方法! 前回紹介した開脚ストレッチ方法 [toc] 本当に体がガチガチに硬い人がやるには無理がある! ですよね。 最初の初心者向けのストレッチすらできなかった! ですよね。 もっと初心者向けの誰でもできる開脚ストレッチを教えて欲しい! わかりました! という声も頂きましたので、それを受けてパート2も撮りました!
肩を強制的に柔らかくするストレッチ筋トレを紹介 こちらは、ダンベルを使って強制的に肩を柔らかくするストレッチです。ストレッチのコツは、重力や重さなどを使って伸ばすのを補助してあげるとうまくいきます。このストレッチがやりたくてダンベルを買いました。特に、朝起きた時にダンベルを使ってこのストレッチをやると肩の調子がよいです。ぼくみたいに、デスクワークがメインの人に特におすすめしたいです! 体が硬い人の為の効果的なストレッチ。このストレッチをやった後は体がポカポカするぞ。 こちらの動画は、お風呂あがりなどにおすすめです。もちろん朝もいいよね。少しだけ他のストレッチより時間がかかりますが、全身の筋肉をストレッチしたいときにおすすめです。自分が特に気持ち良いと思う所を重点的にやると良いと思います。 最後に ストレッチのメンタル問題 ストレッチは、やらなくても何も不具合がありません。でも、やると体の調
こんにちは! 日本語のフリーフォント、なかなか良いのが見つからなかったり、どれがいいか迷ってしまうことってありますよね。 今回は、フォントで悩むデザイナーのために、人気の日本語フリーフォントを20個厳選してみました! 新しいフォントから古いフォントまで様々なフォントがあるので、是非、チェックしてみてください。 1.はんなり明朝 フリーフォント界で有名な明朝体です。 不動の人気を誇っていますね。アクセス数も一番です。 →はんなり明朝 2.大甘書道体 テレビアニメ銀魂の次回予告タイトルに使われている、豪快な毛筆体です。 特に銀魂ファンには嬉しいフォントですよね! →大甘書道体 3.あんずもじ 言わずと知れた手書きフォント。控えめな女の子が書いた文字っぽくて可愛くて人気がありますね。 →あんずもじ 4.うつくし明朝体 横書きの流れを意識して作られた明朝体フォント。 上品でリッチな雰囲気があります
イベントの種類とデフォルトの動作をキャンセル ドラッグ&ドロップを実現しようにもブラウザにはドロップされたものを表示するというデフォルトの動作があるので、そいつをキャンセルする必要がある。ただしドラッグを開始する「dragstart」は特にキャンセルする必要はない。 とくにhtml5(javascript)でドラッグ&ドロップを実現する場合は、「dragover」のイベントをキャンセルするのは必須のようです。 ドラッグ&ドロップを行うには下記のようなイベントが主にあります。 //ドラッグする要素をドラッグするとき target.addEventListener("dragstart",function(event){ },true); //ドロップ領域にドロップされたとき target.addEventListener("drop",function(event){ event.preve
先日、ファイルの読み込みをやりましたが、今度はローカルからファイルを読み込む方法をメモ。 前回と同じ、ドラッグ&ドロップのデフォルト動作のキャンセルやdragoverのイベントの動作のキャンセルに関しての説明は省く。 // JavaScript Document window.addEventListener("load",function(){ // var drop=document.getElementById("dropArea"); drop.addEventListener("drop",function(event){ //デフォルト動作をキャンセル event.preventDefault(); //①filesでドロップしたファイル数を取得 var filelist=event.dataTransfer.files; // for(var i=0; i"; } // }
Appleのアプリ開発用言語として大きな注目を集めているプログラミング言語「Swift」。まだ新しい言語だけあって、様々な定石や規約が出揃っておらず、どのように書けばベストなのか迷っている開発者の方も多いかもしれません。 そのようなときに参考になりそうなGitHub社のスタイルガイド、「Swift Style Guide」と、その日本語訳「Swiftコーディング規約」が公開されています。 同スタイルガイドは、Swiftプログラムの精密さや厳密さを向上させ、エラーを減少させることを目的としたガイドラインで、例えば、「(タブよりスペースを使うといった)空白の使い方」から、「可能な限りlet宣言をvar宣言より優先する」、「オプショナル型の開示指定は避ける」、「暗黙的開示オプショナル型の使用を避ける」などシンタックスの細部に至る、様々な指針が提示されています。 if let foo = foo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く