簡単！Swiftでファイル操作・データの永続化 - Qiita
Swiftでファイル操作をするにはNSFileManagerを利用するのが一般的です。iOSでデータを永続化する方法は、NSUserDefaultsやCoreDataがありますが、一時的に/tmpや/Library/Cachesに保存する場合、アプリ内領域に保存するためにはNSFileManagerを使います。 NSFileManagerによるデータの永続化 iOS Storage Guidlineによると、 Only documents and other data that is user-generated, or that cannot otherwise be recreated by your application, should be stored in the /Documents directory and will be automatically backed up
[JS]アニメーションが気持ちいい！サイズ・カラー・形を変えられる紙をメタファにしたボタンを実装できるスクリプト -Quttons
Googleが提唱する「Material Design」は、Webページやアプリなどさまざまなメディアに採用されるようになってきました。そのMaterial Designの中の一つ、サイズやカラーや形を変えることができるデジタルの紙（クァンタムペーパー）をメタファにしたボタンを実装できるスクリプトを紹介します。 デモのアニメーション Quttonsの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプト、jQueryとVelocityを外部ファイルとして記述します。 <head> ... <link rel = "stylesheet" href = "Path/To/Quttons.css" /> </head> <body> ... コンテンツ ... <script src = "Path/To/jQuery" type = "text/javascript"></scr
![[JS]アニメーションが気持ちいい！サイズ・カラー・形を変えられる紙をメタファにしたボタンを実装できるスクリプト -Quttons](https://cdn-ak-scissors.b.st-hatena.com/image/square/732285fae252960d582f0d7d1f3f578a0f23f796/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015061608.gif)
Node.jsにおける非同期コードデザイン - HogeFugaHogera
Node.jsを調べ始めるとよく目に付く非同期という言葉。いまいち分からないこの言葉を理解するために、Asynchronous Code Design with Node.js (The Shine blog)を読んでみました。かなり分かり易い内容だったので、自分の為に訳したものを載せてみます。英語は不得手なため、誤訳等あればご連絡ください。 以下、訳文となります。 はじめに Node.jsの非同期イベント駆動I/Oは、マルチスレッドエンタープライズアプリケーションサーバの伝統的な同期I/Oとは異なる高性能なものとして、現在多くの企業により評価されている。非同期は、企業の開発者が新たなプログラミングパターンを習得し、古いパターンを忘れなければならないことを、自然に意味している。彼らは思いっきり頭を切り替えなければならないし、電気ショックが必要かもしれない。この記事では、古い同期プログラミン
関数の呼び出し元を取得する関数を定義する - Qiita
課題 expressでWebアプリを作っている時に、loggerとしてbunyanを利用していた。 その時に、logger.error({ req:req, res:res, error:error }, message)と毎回書くのがだるいので、req.logError(error, message)で済むように下記のようなmiddlewareを書いて対応した。 var bunyan = require('bunyan'); var log = bunyan.createLogger({name: 'myApp'}); module.exports = function (req, res, next) { req.logError = function (error, message) { log.error({ req:req, res:res, error:error }, mes
node.jsでdirectoryを再帰的に強制削除 (rm -rf) - c4se記：さっちゃんですよ☆
追記 2015-05-03 delといふライブラリを使ふと便利だ。glob指定ができる。使ふべきだ。 cf. del https://www.npmjs.com/package/del node.jsのFile System moduleには、directoryを再帰的に扱うAPIが無いから、自分で再帰を書く。然も遅延させて再帰するから結構アレ。 cf. node.jsで非同期にdirectory中の全てのfileを読み込む http://c4se.hatenablog.com/entry/2013/10/18/124837 rm -rf .に当たる処理を書いた。結構アレ。 /** * Extends standard FileSystem module. * * <p><a href="http://c4se.hatenablog.com/entry/2013/10/18/124837"
JavaScriptだけでファイルの保存機能を実装する
こんばんは。ファガイです。本日はJavaScriptだけでブラウザのある情報のデータを保存する機能の実装方法について書こうと思います。 概要ローカル上だけでファイルの保存ができるようになる方法になります。 自分が作っているMarkdown-F Editorはその機能を使って保存を実装しています。 今回利用する機能はHTML5の機能なので、ブラウザによっては実装されていない可能性がありますので、注意。 確認ブラウザIE11FirefoxGoogleChromeにて確認を取ってます。IEに関しては独自関数を使っているため、前のブラウザでは対応されていない可能性があります。 ソースコードソース自体は結構簡単です。 var text = "テキストデータ"; var blob = new Blob([text], {type: "text/plain"}); // バイナリデータを作ります。 //
"Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again" と言われてコケる - Qiita
"Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again" と言われてコケるCentOS yum update やら何やっても "Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again" と言われコケる。 URLGRABBER_DEBUG=1 yum check-update 2> debug.log を叩き、debug.log の末尾あたりを見る。 2014-10-16 13:58:10,040 attempt 1/10: https://mirrors.fedoraproject.org/metalink?repo=epel-6&arch
SVGを使いこなすための便利ツールいろいろ
2015年1月28日 SVG, 便利ツール SVG（Scalable Vector Graphics）はIllustratorで作成したようなベクター画像を表示する技術。高解像度ディスプレイでもくっきりはっきり表示できるので、近年海外サイトを中心に見かける機会が増えてきました。SVGについてはWebクリエイターボックスでも何度か取り上げてきたので、耳にしたことのある方も多いかと思います。今回はそんなSVGを使いこなすための便利なオンラインツールやJavaScriptなどを紹介します。SVGってなんぞや？という方は、過去記事「アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう」をご覧ください！ ↑私が10年以上利用している会計ソフト！ ラスター画像をSVGに変換 Vector Magic Vector MagicはJPEG、GIF、PNG形式の画像をベクター画像に変換し、EPS
WebPでモバイルアプリの通信量を劇的に削減する - クックパッド開発者ブログ
モバイルファースト室の @slightair です。 クックパッドの iOS/Android アプリは、少し前のバージョンからWebP形式の画像をサーバから取得して表示するようにしています。 この記事では、なぜ画像形式をWebPに切り替えたのか、また切り替える上で注意した点などを説明します。 Cookpad アプリと画像 クックパッドのアプリはユーザさんに投稿していただいたレシピを表示するアプリケーションです。その性質上、レシピ画像や調理手順、検索画面のサムネイルなどたくさんの画像をサーバから取得して表示する必要があります。 画像の数が増えたりサイズが大きくなればなるほど通信量が増えます。最近はスマートフォンの画面サイズがどんどん大きくなっているので、それに合わせて取得する画像を大きくしていくとさらにファイルサイズが増え、通信量も増えていってしまいます。 サーバとやりとりするデータが多くな
速習 Unity 2Dゲーム開発 ～第4回 キャラクターのジャンプ
本記事の環境 本記事は以下の環境で開発を進めております。 開発OS： Windows OS（UnityはMac OSでも同様に開発可能） Unity： 4.5.3 開発言語： C# IDE： Visual Studio 2013 + Tools for Unity（標準のMono Developでも可） OSについてはWindowsを利用しますが、Macでも同様に開発可能です。IDEにVisual Studioを利用しますが、標準のMonoDevelopでもコードは変わりません。 サンプルプログラムは本記事開始時（第3回終了直後）のプロジェクトが「project_004_start.zip」、終了時点のプロジェクトが「project_004_end.zip」です。 記事開始時点の状態にする 本記事の開始時点の状態から開発を開始する方法を紹介します。 project_004_start.zi
VR／AR開発でも生きる、Unityで3Dモデルや色、テクスチャのマテリアルを作成、変更、保存する基本
Unityで3Dゲームを作るまでのいろいろな処理を解説する本連載「ゲーム開発初心者のためのUnity入門」。第1回の「ゲーム開発者以外も最低限知っておきたいUnityの基礎知識＆無料版Unityのインストールチュートリアルと画面構成」では、Unityの特徴を紹介し、Unity 5.4の開発環境の構築手順を一から解説した。 今回からはUnity開発環境の基本的な使い方を解説していこう。今回は、Unityのゲームで使用する「モデル」に、各種「Material（マテリアル）」を設定／変更する方法を紹介する。 これはゲームを作る以前の基本であって、今回紹介するような「アセット（部品）」を作っておいた後、アニメーション機能や、「C#」「Unity用JavaScript」などを使ってスクリプトを記述し、動きのあるゲームを作成することになる。 またゲーム以外でも、近年注目を浴びるVR（Virtual R
Unityの環境構築と操作ガイド（後編）
今回は前回に続いて、Unityの基礎的な操作を説明します。 Unityメニューの［File］ −［Open Project］と選択し、前回作成した「UnitySampleTest」を開いてください。次に、同じく［File］ー［Open Scene］と選択して、保存しておいた「モデルの配置」を選択してください。 「Scene」画面に、前回の図1の画面が表示されていると思います。 最初に「Main Camera」の調整方法について解説しましょう。 Main Cameraの調整方法 「Main Camera」の調整は、Unityの左上隅にある図2のツールを用います。これは「トランスフォームツール」と呼ばれ、配置した部品の移動などに使用します。 「Main Camera」をX、Y、Z軸に沿って移動させるには、図2の赤の四角で囲ったアイコンをクリックします。
Swiftで初めてiPhoneゲーム開発する人向チュートリアル（マルバツゲームを例にStep by Step解説） - こんにゃくマガジン
マルバツゲームとは 二人でマルとバツを交互に書いて行って、先に三つ並べた方が勝ちっていう例のやつです。 これの作り方を通して、「Swift分かんない」「iPhoneアプリ作ったことない」という人がiPhoneゲーム開発の第一歩を踏み出すことを目的としたチュートリアルです。 他のプログラミング言語の経験も全くない方でも一応出来ると思いますが、専門用語がちょっと難しいかもしれません ^^; その辺は、まずは目をつぶって頂いて、とりあえず書いてある通りにやってみて下さい。 iPhoneアプリ開発環境であるXcodeの準備とSwiftのとっかかりとしては、こちらのチュートリアルをご覧下さい。 続編も公開中 新しいゲームプロジェクトの開始 プロジェクトの開始方法は２通りあるので、どちらかで Welcome to Xcode画面でCreate a new Xcode projectを選択する もしくは
[Unity] AdMob広告をiPhoneアプリに貼る
広告ユニットIDの取得方法はUnityで作ったiPhone用アプリに、AdMob広告の設定方法について。以前は個人の作ったプラグインを利用したりしていましたがGoogleからUnity用のプラグインが出ています。 Google Mobile Ads Unity Plugin ここでは、なるべくシンプルにAdMobeのバナーを貼る方法を試してみます。 PluginのImport GoogleのページにあるAdMobの設定方法をもとにしています。 Google Mobile Ads SDK プラグインはこちらのサイトからダウンロードしてください https://github.com/googleads/googleads-mobile-unity/releases/tag/v3.0.0 GoogleMobileAds.unitypackage をダウンロードします Unity のプロジェクトか
![[Unity] AdMob広告をiPhoneアプリに貼る](https://cdn-ak-scissors.b.st-hatena.com/image/square/682dba2248d78cb69b71de65d20997e913a5a3a4/height=288;version=1;width=512/http%3A%2F%2Fakira-watson.com%2Fwp-content%2Fuploads%2F2014%2F03%2Fplugin_2.png)
Mailin·メールをJSONにしてくれるnode製のSMTPサーバ MOONGIFT
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました メールとWebシステムを連携できると便利だよなと思いつつもメールサーバとしての堅牢、安定性やメールの解析などで二の足を踏んでしまっているという人は多いのではないかと思います。 特にメールの解析が面倒と考える方に使ってみてほしいのがMailinです。node製のSMTPサーバで、受け取ったメールをなんとJSONにしてくれる機能があります。 Mailinの使い方 Mailinはnpmでインストールができてとても簡単です。 $ sudo mailin Password: warn: Either spamassassin or spamc are not available. Spam score computation is disabled. info: Mailin v0.0.10
js-xlsx で js で excel のファイルを生成する - tokuhirom's blog
Excel ファイルの生成、めんどくさいですよね。CSV の生成めんどくさいですよね。HTML を出力した上でさらにやるのはだるい、というわけで、HTML の DOM を解析して JS で XLSX 生成してダウンロードさせたらいいんじゃね?と思ってそういうのやれるやつ探したら、js-xlsx ってのがあった。 これをつかって、HTML のレポートから XLSX を生成するコードを書いた。なかなかうまく動く感じしてる。 http://tokuhirom.github.io/js-xlsx-demo/ td タグに class を指定すると数字カラムになる、みたいな感じになってるのがいいかんじです。 js-xlsx で生成したXLSXは、FileSaver.js で保存させてます。 デモで利用している JS は以下のようなものである。簡単でしょ。 "use strict"; var data
無料でJPG、PNG、GIF、SVG画像を圧縮して小さくしてくれる「Compressor」
アカウント登録不要・無料で利用でき、手元にある画像ファイルをブラウザでアップロードするだけで瞬時にファイルサイズを小さくしてくれるサービスが「Compressor.io」です。 Compressor.io - optimize and compress your images and photos http://compressor.io/ ページを表示させるとまず目に飛び込んでくるのがこのカメレオンの画像。画像の上には白いバーが表示されており、マウスで左右に動かすことで圧縮前と後での画質変化を確認することができます。 画像の下には、圧縮前後のデータ容量の変化と圧縮率が表示されています。 このサイトで対応しているのはJPEG、PNG、GIF、SVGの4形式。圧縮時には、元の画質をキープできる可逆圧縮と、圧縮率重視の非可逆圧縮を選択することが可能となっています。 使い方の説明はこれだけ。あと
fuZe VJKitの使い方 – Design Ambience Blog
先日お世話になったfuZe powered by Unity。 そこで使用したVJKitがとても面白く、Unity初心者がUnityの基本機能を学ぶにはうってつけだったので、 自分の備忘録も兼ねて、使い方をメモしておきます。 説明が正確でないところもあるかと思いますm(._.)m 不明点はコメントいただくか、Unityの入門書などを参考にしてみてください。 Unityをダウンロード/インストールする まずUnityをダウンロード。 バージョンは4系でなくてはいけません。 ここからダウンロードできます。 ※ユーザ登録とか細かい設定とかあった気がしますが、すみませんそのあたりはメモし忘れました。 でもそんなに難しい事はしなかったはず。。。 fuZe VJKitをダウンロードする 次はfuZe VJKitをこちらからダウンロード。 「ZIP」ボタンを押すとダウンロードされると思います。 中にはU
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
宁波逼拘旅行社
TmThemeEditor