Node.jsでMySQL利用モジュールSequelizeを利用したときの話です。 公式サイト:Sequelize Sequelizeはデフォルト設定で表示されるログが尋常じゃない SequelizeはORMが使えてかなり便利です。しかし、デフォルトでログが尋常じゃなく吐き出されてデバッグがやりにくい面もあります。 console.log('リストAPIが取得出来ませんでした');ってところだけをみたいのに、前後でクエリ実行していると不要なログ(↑では伏せてるけど実行SQLが全部)がコンソールに出力されてしまいます。 少し設定するだけ 基本的にMySQLに接続するときに必要な情報は以下のもの 接続するデータベース名 接続するDBのユーザー名 接続するDBのパスワード 接続ホスト名(or IPアドレス) 接続ポート番号 (デフォルトの3306なら省略可能かも) ↑これに加えてloggingの

変数(vairable)と定数(constant)がある var と let をつかって宣言できる tuple も追加。tuple によって、異なる型の値を一つにまとめて function 戻り値に設定することができる もう一つ大きな特徴があって、 optional types 不在値？（the absence of a value）というのがあって、nil pointer と似ている オプションを使うと、"valueが存在して、かつ、 x と同等" or "valueが存在しない" を評価できる クラスだけでなくて、全型に対して使える nil より安全に使える。Optionals のセクションで後述してある この optinals は、 type safe 言語として代表的な例とのこと Constants と Variables（定数と変数） 定数：一度しか定義できない 変数：後に別の値

C言語の基本を踏襲している 算術ようの演算子（+,-,*,/,%)は、値が overflow した時にエラーになるのを防ぐ処理ができる Advanced Operators で後述してある * 簡単な例 var potentialOverflow = Int16.max // potentialOverflow は 32767 と等価, Int16 の最大値を保持 potentialOverflow += 1 // 最大値に 1 を足すので overflow エラーになる var willOverflow = UInt8.max // willOverflow は 255 と等価, UInt8 の最大値を保持 willOverflow = willOverflow &+ 1 // willOverflow は 0 になる 後、Cとは異なる所で、残余演算（remainder:%）は floa

Character と String タイプがある String は Character の集合 C言語のシンタックスに類似する 可変（mutability）は、constant か variable 宣言によって決まる 他の値も同様 定数、変数、リテラルなど代入可能 NOTE String型 は NSString のAPIと同じように使える String Literals（文字列リテラル） （""）ダブクオートで直接入力された値を代入する Swift が定数 someString に代入される値を String と推論して初期化している 特殊文字 \0(null), \(backslash), \t(horizontal tab), \n(line feed), \r(carriage return), \"(double quote) and \'(single quote) Sing

Oracle 使ってるプロジェクトで、試行錯誤のためにローカルにデータベース用意たいよー という時の作業メモ。 ※トライアンドエラーしまくったメモなので、このとおりの順序で作業できない可能性高いです。 Windows 7 SP1 32bit インストールしたもの Oracle 11g Express Edition 11.2.0 Oracle SQL Developer 固有環境 Oracle 11g Express Edition インストールディレクトリ： C:\oraclexe\ データ用ディレクトリ： c:\oraclexe\data\ 固有パスをあわせる必要はないですが、必要であれば以下読み替えてくださ い。 インストール Oracle 公式にユーザ登録し、必要なファイルをDL 手順は省略 システムのパスワードは覚えておく 初期作業 接続設定(サービス名およびSID)確認 C:\

enum Singleton { case INSTANCE func hello() { println("Hello, My First Singleton!") } } let singleton = Singleton.INSTANCE; singleton.hello() Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

指定された整数以下に存在する素数を見つけるアルゴリズム 手順 連番リストの先頭を取得 連番を倍数リストに格納 連番リストから連番の倍数を除去 3を連番リストの末端まで繰り返す 1-4を、連番リストの先頭が入力値の平方根以上になるまで繰り返す 連番リストと倍数リストに残った数値が素数 通常コード # coding: utf-8 import sys import math if __name__ == '__main__': # 標準入力 # 1行に数値を1つ入力 # 入力終了は Ctrl + Z を押して Enter (for Windows) input_list = sys.stdin.readlines() for num in input_list: num = int(num.replace('\n', '')) if 2 > num: continue # 1. 入力値の連番リ

MacBookAir にて仮想環境を構築したく、またプロビジョニングにて常に必要な Apache などを入れられたらなと思いました。 Vagrant の使い方は素敵な方法がありましたので下記を参考にさせていただきました。とてもスムーズな導入ができました。本当にありがとうございます。 参考 Vagrant体験入門ハンズオン手順 - 2014/04/24 DevLove関西 事前準備 上記の参考より、VirtualBox と Vagrant をインストールしてください。 Vagrant 基本セットアップ 自分の環境でのメモ踏まえて記載してまいります。 OS は CentOS6.5を採用します。まずはディレクトリを作成して、対象の box を追加します。 $ mkdir CentOS65 $ cd centOS65 $ vagrant box add CentOS65 https://githu

position: relative; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; ←行数 -webkit-box-orient: vertical; © arifuku_san Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

ちょっと不便なRspecのテスト Rspecでテストを書いている人は多いと思うんですが，Rspecのテストちょっと不便じゃありませんか？ 例えばテスト実行中 あとどれくらい残ってるの！？いつ終わるの？(どれくらいのテストが残っているかわからない) テスト落ちたなら，それ先に見せてよ！(どのテストが失敗したかわからない，でも一応最後までテストを実行したい，けど終わるまで結果がわからない) うーん，やっぱりちょっと不便． そんな時に便利なFuubar こちらのビデオを見てもらうとFuubarがどういうものかわかると思います． Fuubarのいいところは 落ちたテストからFaiure/Errorメッセージを出してくれる． 残りのテスト数がわかる 予想終了時間が表示される 素晴らしい！ インストール Fuubarを使うには

今日は、プログラマなら誰でも試して面白いと思えると私が考えているプログラミング言語6つを紹介したいと思います。 元記事 (英語) Haskell Haskellは静的型システムを持つ純粋関数型言語です。 Haskellはプログラミング言語の分野の有名な研究者たちによって設計されています。 Haskellによるプログラミングを通して、Haskellプログラマは、プログラミング言語の理論について多く学ぶことができます。 Haskellには優秀なユーザがとても多くいます。 Haskellの問題は多くの人にとって使い始めるのが難しいことです。 Haskellを使いこなすには、プログラミング言語の理論の抽象的な概念を多く理解する必要があります。 しかし、その表現力はとても強力です。 今までにない全く新しいコンセプトのソフトウェアを実装する際の実装言語として、Haskellは最も最適なプログラミング言

ブログにも書きましたが、こちらにも。 CasperJSは、JavaScriptで動かせるローカルの仮想ブラウザです（内部的にはWebKitを使ってるらしい）。WEBサイトのスクレイピングや、ブラウザ上のテストを自動化することができます。 公式サイト：http://casperjs.org/ GitHub：https://github.com/n1k0/casperjs また画面キャプチャもとれるようなので、今回はGoogleのトップページ画面をキャプチャするところまで試してみます。 環境構築 環境は Mac OS X (Mavericks) とします。 インストールには npm を使います。 ①まず事前にPhamtomJSが必要らしいのでインストール $ casperjs --help CasperJS version 1.1.0-beta3 at /usr/local/lib/node_

追記 2016/02/15 swiftのソースを一部修正しました。(swift2.1対応版) はじめに Swiftが発表されたので、簡単なWebviewアプリでも作ってみようと思いましたが、 Xcode6の補完が全く効かず、URLを読み込んだ所で心が折れました。 Swiftでの記述 プロパティを作って、初期化してURLを読み込む。 webviewの宣言をvar webview: UIWebView?でやると webviewのプロパティにアクセスする度に!をつけろと怒られるので、 宣言したタイミングで初期化すれば怒られなくなりました。 ただ、このタイミングだとviewが作られていないのでinit(frame: CGRect)でself.view.boundsとか入れると落ちます。 なのでframeだけ後から指定してみました。 class ViewController: UIViewContr

高さを%で指定し、可変にする 例 height:calc(80%); 説明下手なので、サンプルで。。 コピペして確認してください。すみません。 ↓↓↓↓↓ <html> <body style="text-align:center;"> <div style="height:100%"> <div style="height:60px;"> header<span style="color:#ccc;">(60px)</span> </div> <div style="border:1px solid blue;height:calc((100% - 120px) / 2)"> BOX 1 <span style="color:#ccc;">(100% - 120px) / 2</span> </div> <div style="border:1px solid red;height:ca

昨日に続いて、今日は開発者ツールを使ってみます。 昨日の内容は以下のリンクとなります。 PHPフレームワークのphalconをeclipseで使ってみる 作業場所 vagrantにて作業を行います。 phalconのサイトで提示されているvagrantを利用するといいと思います。 http://phalconphp.com/ja/download/vagrant コマンドラインで利用するPHPにphalconを使えるようにする vagrantを作成した段階ではブラウザではphalconが利用できるのですが、コマンドラインだと利用できない状態です。 /etc/php5/cli/php.iniにphalcon.soを追加します。 vagrant@precise32:/vagrant$ phalcon commands Phalcon DevTools (1.2.5) Available com

動的にSQLを組み立てない、というのはRDBを扱う上で鉄則と言えましょう。 SQLインジェクションを防ぐため コンパイルのオーバーヘッドを避けるため などとは言いますが、何よりもプログラムをランタイムに動的生成するということ自体に本能的な嫌悪感を感じます。たとえ組み立てをしてくれるのがフレームワークであっても。 さて、とはいえ動的SQL組み立てがどうしても避けられないシーンが、意外に日常的なタスクで出てきます。 それは、 複数の検索項目をもつ検索フォーム です。 項目になにかユーザー入力があればそれは絞込対象なのでWHERE句にAND条件追加、とせざるを得ません（それをフレームワークに任すとしても）。 あくまでプリペアドステートメントで表現しようと(:mail_cond IS NULL OR mail like :mail_cond + '%')なんて書いてみたこともありますが、「あわよく

20190422追記 「参照渡し」への間違い部分に修正を入れています。 当時の私がそうであったように初心者は「参照渡し」という言葉でググるだろうという予想から、タイトル長くなってしまっているのですが、このようなタイトルにしています。 一部取り消し線で対応していますが、取り消し線での対応が難しい部分は大きく改変しています。(該当部分にはその旨を書いています) 追記ここまで Java歴約1年、まだまだ初心者です。 今日は値渡しと参照渡し参照の値渡しについてまとめようと思います。 メソッドの引数 メソッドの引数には、基本データ型、参照型のどちらも使用できます。 しかし、どちらの型を使うかによって、挙動が変わってきます。 基本データ型 呼び出し元でメソッドの引数に基本データ型を使用した場合、メソッドではその値のコピーを受け取ります。 これを 値渡しといいます。 単純に値のコピーを渡しているだけなの

以下のマクロをPrefix.pchに追加しておくと、ちょっとした最適化をしたいときに簡単に処理時間を測れます。 ただし、結果にはばらつきがあるのと、精度が<1msのようですので、あくまで目安です。 #ifdef DEBUG #define TIMING_START NSDate *timingStartDate = [NSDate date]; #define TIMING_LOG(message) NSLog(@"[%@] elapsed time: %f msec", message, [[NSDate date] timeIntervalSinceDate:timingStartDate] * 1000); #else #define TIMING_START ; #define TIMING_LOG(message) ; #endif NSDictionary *dictionar

The Swift Programming Language でよく出てくるアレ 初期値を設定しない場合の Array の生成方法として紹介されています。 インスタンス変数として空の Array を生成する時なんかはコレが良いかもしれません。

■adb shell dumpsys meminfo アプリの正式名 > 出力先フルパス adb shell dumpsys meminfo jp.co.bbbbb.aaaaa > c:\memory.txt ■アプリの正式名の一覧取得 adb shell dumpsys meminfo > c:\memory.txt ■全プロセスのメモリ adb shell dumpsys procstats バンドルアイデンティファー(Bundle Identifer) / ******: TOTAL: 54% (105MB-247MB-266MB/103MB-233MB-250MB over 98) Top: 54% (105MB-247MB-266MB/103MB-233MB-250MB over 98) (Last Act): 0.55% (241MB-241MB-241MB/225MB-225

ブックマークしました ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください Twitterで共有

Welcome to Swift Swift is a new object-oriented programming language for iOS and OS X development. Swift is modern, powerful, and easy to use. let people = ["Anna": 67, "Beto": 8, "Jack": 33, "Sam": 25] for (name, age) in people { println("\(name) is \(age) years old.") } Safe Swift pairs increased type safety with type inference, restricts direct access to pointers, and automatically manages memo

Azure仮想マシンのこの新機能は、2014年2月から利用可能になった新しい「VMエージェント」に既定で含まれる「BGInfo拡張」が提供しています。VMエージェントは、Hyper-Vのゲストコンポーネントである「Hyper-V統合サービス」のことではありません。 VMエージェントはAzure PowerShellコマンドレットを使用して、Azure仮想マシンのリモートデスクトップ接続の有効化やパスワードのリセット、マイクロソフトおよびサードパーティ製の拡張機能のインストールや構成を可能にするコンポーネントです（画面2）。 現在、いくつかの拡張機能が利用できますが、このうちカスタムスクリプト（スクリプトの自動実行）とセキュリティ拡張機能は2014年5月に利用可能になったものです。利用可能な拡張機能にBGInfoは表示されませんが、これはVMエージェントのインストールに既定で組み込まれている

database.ymlって書いてますがファイルならなんでもいけます 前提 自分のビルドスクリプトだとこういう風にすることが多いです # 最初にJenkins用のDB接続情報が書かれたdatabase.ymlを作る cp config/database.yml.jenkins config/database.yml # あとは普通にテスト RAILS_ENV=test bundle exec rake db:create RAILS_ENV=test bundle exec rake db:migrate:reset bundle exec rspec しかしこれだと同じプロジェクトを別々のジョブ*1にした場合にも同じDBを使うためロックがかかってテストが落ちることになり、Throttle Concurrent Builds Plugin - Jenkins - Jenkins Wiki

スマートフォンでなくした物の位置を地図表示したり、音を鳴らして即座に発見できるカラフルチップ「Chipolo」のように、スマートフォンと連動して落とし物や忘れ物を防止しようとするアイテムがありますが、これらの唯一の問題点と言っても過言ではないのが使用するのに「電池」が必須であるという点でした。しかし、「iFind」ならば電池交換や充電を行う必要は一切なく、なくした物を見つけるのに役だったり忘れ物の存在を知らせてくれたりします。 iFind - Locate your keys, wallets and items with bluetooth item finder | WeTagInc https://www.wetaginc.com/ 「iFind」がどんなアイテムなのかは以下のムービーを見れば分かります。 朝9時 2人の女性が起きます。 ひとりは朝のコーヒーを飲みながら一服中。 もう

画像を投稿させるサービスで、ユーザーが推奨サイズ比率ではない画像をアップロードした場合、好みの位置でトリミングさせるやつを考えてみた。TwitterとかFacebookのカバー写真をアップロードした時のアレです。今回はズームとか無しで、縦方向のみの位置調整にしてみました。（画像のwidthは100%） 画像をトリミングして保存するわけでなく、単に画像位置を動かして、表示範囲以外は見えなくする方法を取っています。切り取ってしまうと、他のレイアウトで使う時に困ることもあるので、個人的にはこの方法が好みです。 準備 自分はRailsを使っているので、こんな感じ。 Gemfile

vim-users.jp のドメインが失効した為、vim-users.jp に掲載されていた有益な記事が見れなくなってしまいました。 このまま消えてしまうのはとても勿体ないので、web.archive.org から過去記事を抽出して変換スクリプトを作成し、vim-jp.org の記事として復活させました。 現在、許諾を頂いた執筆者の方達の記事を掲載しています。宜しければ過去の Hack 記事を探索してみてはどうでしょうか。 http://vim-jp.org/vim-users-jp/ なお、スクリプトは以下に置いていますので興味のある方はご覧ください(ただし Vim script です)。 https://github.com/vim-jp/vim-users-jp/blob/gh-pages/scripts/convert.vim

My JSConf 2014 talk (not so useful without speaker notes. video coming soon)

Rubyが社会に浸透したいまだからこそDSLについてもう一度考えてみた

追記 : transpecについて少し追記しました railsアプリで使っていたrspecを2.14.1から3.0.0にあげたら色々落ちたので、それを直したメモ。 まず、 bundle exec rails generate rspec:install して、spec/spec_helper.rbと.rspecを上書きした。 で、新たにspec/rails_helper.rbなるものが出現した。 (spec/spec_helper.rbは予めバックアップとっておいた) https://www.relishapp.com/rspec/rspec-rails/v/3-0/docs/changelog をみると Separate RSpec configuration in generated spec_helper from Rails setup and associated configu

新人さんの JavaScript のコードレビューをしていて、 if 文の本体部分を波括弧で囲っていないコードを見つけた。 おれは本体が一行しかなくても必ず波括弧で囲うようにしており（そのほうがわかりやすいと思っているから）、できればそうして欲しいけど個人の好みを押し付けるのはよくないので、広く支持されているコーディングスタイルガイドの類いで同様の主張をしているものが無いか探した。 Google とか Mozilla とか GitHub あたりのドキュメントを眺めてみたが if 文の波括弧についてはっきり言及している箇所を見つけられずにいたら、該当するドキュメントをいくつか教えてもらった。 http://contribute.jquery.org/style-guide/js/#spacing if/else/for/while/try always have braces and alw

参加 二年ぶりくらいに Ruby/Rails勉強会@関西 に参加してきた。61回目ということでどうせなら前回の60回目に行くべきだったと変な悔しさを覚えた。 http://rubykansai.doorkeeper.jp/events/10392 久しぶりの初級者レッスン 当日は僕にしては珍しく40分前には最寄り駅について、お昼ごはんまで食べて意識高い感じだった。勉強会のときはだいたい面倒くさくてお昼を抜くことが多い。 JR新大阪 東口 北側から出るといいみたい #rubykansai @ Shin-Ōsaka Station http://t.co/YNlcepjUK7— HIGAKI Masaru (@higaki) 2014, 5月 31 しかし @higaki さんのつぶやきを見ていたにも関わらず、残念なことに南側から出てしまっていて、見てきていた地図と全然違うし、歩いても全然それ

はじめに Wijmo（ウィジモ）は、グレープシティがHTML/JavaScript環境に向けて提供しているJavaScriptライブラリです。WijmoはjQueryやjQuery UI、jQuery Mobileをベースに、WebサイトやWebアプリケーションで活用できる高機能で多様なウィジェット（UI部品）を利用者に提供します。 本記事ではWijmoが提供する40種類以上のウィジェットから、すぐに使い始められてWijmoの便利さを体感できるものという観点から以下のウィジェットを紹介します。 Dialogウィジェット（wijdialog）：ダイアログを表示 Calendarウィジェット（wijcalendar）：カレンダーを表示 LineChartウィジェット（wijlinechart）：折れ線グラフを表示 なお、本記事では基本的な機能を抜粋して紹介しています。機能の詳細やプロパティ・メ

github kaigiに参加して、発表したりとかした。発表内容についてはまた別で紹介するとして、感想だけ書く。 今回かなり印象に残ったのは「How GitHub Works」、「GitHubで
雑誌・書籍を作る」、「pplog.net の作り方( ˘ω˘) 」の三本。 「How GitHub Works」では、GitHubではどうやって良い仕事環境とかやりがいのある仕事を作っていっているか、みたいな話だった。その中でどうやってモチベーションを保ってもらうかみたいな話があって、外的要因と内的要因があって、給料とか設備とかの外的要因も大事だけど、それと同様に仕事の柔軟性とかやりがいみたいな内的要因も大事だよねと言っているのが面白かった。 柔軟性という話題でリモートワークについて触れていたけど、受けた印象として、やはりリモートワークを達成するために、リモートワークを潤滑にするための仕組みづくり

よろしくお願いします。 Hubot + CoffeeScript ではじめるやわらかプログラミング入門 社内勉強会で使った死霊資料を社外で問題ないように少し直したもの。なので ほらちゃん とか若者の名前が出ている。 経緯 もともとプログラミング入門みたいな勉強会をしようと思っていたところ、新卒若者勢がプログラミングをやりたい!!! とのことだったので、実験的に社内勉強会をした。 非エンジニアの新卒にプログラミング研修を行いました - pixiv engineering blog という記事を以前見かけたのにも影響されている。カタツイフォロワーである。 よかったところ 新卒ヤング若者だけでなくお兄さんお姐さん達も交えて、普通にプログラミング入門的勉強会にした。そうしたらお兄さんお姐さんたちはわりとその後もボットをいじってくれているみたい 早速某チャンネルでボットが動いて凄かった 逆に若者達は

前にgruntの使い方を書きましたが、それからいろいろ試してみて自分なりのタスクを作成しました。 まだあまり使い倒してないのでまだまだ変更するところがあると思いますが、これを元に変えていきます。 2種類用意しました がっつり機能を使いたい時もあれば、ちょこっとだけ使えればいいかなっていうことが個人的にあったので2種類用意してみました。 制作フォルダで制作後、最終的にJSやCSSを圧縮し、確認・納品フォルダへ必要ファイルを全コピーする 制作フォルダにはscssファイルのみ置き、HTMLやJSは確認・納品フォルダにのみ置いておく 1.がっつりタイプ こちらは先程も書いたように、「制作フォルダで制作後、最終的にJSやCSSを圧縮し、確認・納品フォルダへ必要ファイルを全コピーする」ということをやります。 使用gruntプラグイン grunt-contrib-watch grunt-contrib-

Mac用のマークダウン対応ノートアプリ「Write」がリリースされ、人気になっています。英語版版Mac App Storeの説明には「Launch Sale : 30% Off During First Week Only」とあるので、現在セール価格かもしれません。 Write - A Beautiful Markdown Note Taking & Writing App カテゴリ: 仕事効率化 価格: ￥700 Writeは、Markdownに対応し、シンタックスハイライトや、フォントや見た目のカスタマイズができる美しいノートアプリです。ノートにはタグをつけることが出来て、タグはiCloud経由で、ノートはiCloud/Dropboxで同期することもできるようです。 Write for iPhone - A Beautiful Note Taking and Writing App カ

このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 C# 6.0 言語プレビュー Mark Michaelis このコラムが公開されるころは、Build (マイクロソフト デベロッパー カンファレンス) が終了し、多くの開発者が Build での発表内容にどのように対応しようか考えているところでしょう。発表内容をすぐに受け入れるか、わずかな不安を抱えつつ見守るか、現時点では見送るかなど、さまざまな対応が考えられます。.NET/C# 開発者であれば、C# コンパイラの次期バージョン ("Roslyn") がオープン ソースとしてリリースされるというのが、間違いなく最も重要な発表だったでしょう。このリリースでは、言語自体の強化も行われています。C# vNext (

CyberZ 公式エンジニアブログ アドテクや最新のテクノロジーについて情報発信していきます ブログトップ 記事一覧 画像一覧 jsとcssで等身･･･ » 怠惰のすゝめ。Dockerで環境構築・テスト・デプロイを完全自動化 2014-06-02 11:04:38NEW ! テーマ：ブログ こんにちは、2014年新卒エンジニアの進藤です。 CyberZに配属されて1ヶ月経ちましたが、優秀な先輩エンジニアに囲まれ、刺激的な毎日を過ごしています。 さっそくですが、いま僕が進めているプロジェクトについてを説明します。 開発中のプロジェクトに対して、環境構築・テスト・デプロイの自動化を進め、開発のサイクルを早める仕組み・体制を整えています。 さらには運用中のプロジェクトに対して「Immutable Infrastructure」の概念を取り入れ、安全な運用体制についても調査しています。 まだ検証の

作成：2014/06/2 更新：2014/11/01 Web制作 > WebデザインギャラリーやWPテーマなどで「見栄えのする」サイトが使っている効果など。今回はCSSのみで実現できる、動きあるエフェクトをメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マスク １．マスク・キャプション ２．円形キャプション ３．全画面+オーバーレイ ４．ストライプの背景 フルスクリーン系 ５．スライド＋フルスクリーン ６．全画面背景動画 ７．パララックス ８．フルスクリーンにフィット ９．背景画像をブラウザごとに最適化 １０．メガメニュー 画像可変 １１．画像で枠線を表現する １２．半透明＋フィルタ １３．文字以外を透明にしてレイヤーさせる 図形 １４．ループ＋ローディング １５．3Dボックス １６．矢印ナビ 画像切り抜き １７．六角形 １８．卵型＋星形

by @mixiappwchr 下記の記事の中でもちらっと紹介した簡単にアニメーションを実装できるライブラリもちゃんと紹介したいと思います。 非常に簡単にアニメーション作成できます。 DeNA中の人が事例で語る、アニメーションやデザインのアプリを効率よく開発するためのTips 実際の現場ではこう使うと良いよという点もご紹介します。 インストール Canvas cocoapods対応してるので 一発インストールですね。 基本的な使い方 UIViewをViewに配置して、ClassにCSAnimationViewを指定します。 ↓ User Defined Runtime Attirubtesを使用してアニメーション用のプロパティに値をtype,duration,delayの値をセット これだけで指定のViewをアニメーションさせることができます。上記はfadeInの指定になります。 ただし、

WindowsでGVMを使って、groovyのバージョン管理をする場合、Cygwinか、GVMを使う必要がある。(仮想マシン使って、LinuxやBSD系OSを入れてとかは別) 今回は、MinGWを使ってみた。 MinGWのインストール手順は割愛することにして、ハマったことを書いておく。 環境変数HOMEを設定してはならない(設定しても、/c/Users/hogeなど、/cから始まるパスにしてはならない) ただこれだけ。 何故、/cから始まるパスにしてはならないかと言うと、インストールスクリプトの中で、mkdir -p $HOME/.gvmなどで、/c file is already existsとか、-p付いてるのに何故！？な動きをしてくれる(もしかして、-pって、中身を書き換えずに、ディレクトリのinode的なものを上書きしようとして、/cは特殊だから上書き出来ずにコケてるってことかな？

Vim Advent Calendar 2013 186日目の記事です。 いつでもどこでも :help する Vim では、:help <word> でヘルプを参照することが出来ます。 この間、Web から :help できるサイトが作られていました。 いつでもどこでも :help する - Vim :help Emacsからも :help できるようになりました。 いつでもどこでも Emacsから :help する - Life is very short Emacsからできるのですから、Vim からも :help できるべきでした。 いつでもどこでも Vim から :help する というわけで、Hubot からでも、:help できるように作りました。 今のところかなりざっくり作っただけなので、ゆくゆくは「もしかして〇〇？」な機能をつけたい気もします。 どうにも CoffeeScri

ActiveRecord::Persistence becomes This is mostly useful in relation to single-table inheritance structures where you want a subclass to appear as the superclass. touch! touch, touch, updated_at に touch 親子関係のあるモデルで、子モデルを更新した時に親モデルのupdated_atも更新したくなった。 ActiveRecord::NoTouching no_touching Ruby on Rails 4.1 Release Notes #6(Active Record) touchを無効化する ActiveRecord::Base.no_touching が追加されました。 update Ra

Arduinoを二台つなげる方法にはシリアル通信以外にもあるのだが、Xbeeなどを使いたい時には二台Arduinoを使うのが一番楽だと思う。今回は間にRubyのscriptを挟む方法を使った。 serial-Ruby 二台のArduinoを同時に操作する時のサンプルを載せる。 require 'rubygems' require 'serialport' @serial_port_1 = "/dev/ttyACM0" #シリアルを送信する方のArduinoのポート @serial_port_2 = "/dev/ttyACM1" #シリアルを受信する方のArduinoのポート @serial_bps = 9600 sp1 = SerialPort.new(@serial_port_1,@serial_bps) #送信用 sp2 = SerialPort.new(@serial_port_2,

Jenkinsではジョブを作成して自動化を図ったり、管理画面でプラグインを追加して外部サービスと連携させることも可能です プラグインに関しては、利用可能というタブを見てその中から自分が必要なものにチェックボックスを入れて下にあるインストールのボタンを押せばおkです jobを作る際は、新規ジョブ作成からジョブ名を入れ「フリースタイル・プロジェクトのビルド」で登録しましょう とりあえずの足がかりとしては「GIT Plugin」を入れてジョブを作ってみて連携してみるのがいいでしょう テストジョブの作り方 テストジョブの作り方が知りたいというお話があったので、参考までに初心者でもできるジョブのスケジューリングをご紹介します。 ローカルにシェルを作成します。

「編集リクエスト」知ってますか GitHub的に言えばPull Requestになるんでしょうか。 編集リクエスト作成手順 タイトル直下と、最下部の「この投稿をストックする」横にある、どちらかの「編集リクエストを作成する」をクリックすれば編集エディタが立ち上がります。 誤記を修正しましょう。 編集を終えれば「編集内容の概要」にはひとこと入れなきゃいけない（Gitのコメントと同じです）ので、「誤記修正」とでも書いておきましょう。 著者がコミットしてくれれば通知が返ってきますから、見に行かなくても「ああ、直してくれたんだ」と安心できる。 編集リクエストを受けた作者は、誤記の指摘を明確に且つ 内密に 受けるので、ひっそりと、しかも確実に誤記修正を行うことが出来ます（もちろん編集履歴には残りますが、そこまで見るひとも居ないでしょう）。 誤記指摘だけのためにコメント欄を使うのはどうかと思う 指摘する

既存のRailsプロジェクトをRSpec 3.0にアップグレードする際の注意点 ～RSpec 3は怖くないよ！～RailsRSpec はじめに とうとうRSpec 3が正式に公開されたので、早速手持ちのRailsプロジェクトをアップグレードしてみました。 アップグレードしたのはプライベートなプロジェクト4本とパブリックなプロジェクト2本の合計6本です。 この記事では実際にRSpec 3にアップグレードしてみて困った点や気付いた点をまとめてみます。 注意: この記事は2014年6月4日時点の情報です この記事は2014年6月4日時点の情報です。 gemの最新バージョンや周辺ライブラリの対応状況が変化している可能性もあるので、アップグレードする際は適宜ネット上の最新情報を確認するようにしてください。 アップグレードの手順 手順はざっくりいうとこんな感じです。 現行のテストが全てパスすることを確

【cocos2d-x v3.1】cocos2dxでzipファイルを扱う場合のまとめ。load timeの計測もあるよ。AndroidiOScocos2d-x ipaファイルサイズ、apkファイルサイズについて ご存知の方も多いかと思うのですが、 非wifi環境ではiOSアプリのipaファイルサイズは 100MBまで、 Androidアプリのapkファイルサイズは 50MBまでとなっています。 Androidはapkとは別に拡張ファイルという物を登録すると最大4GBまでいけます。 アプリをマーケットに登録する際にファイル追加の手順が必要だったり、 拡張ファイルを更新する時にアプリバージョンも更新しないとならないため、 ちょっと使いにくいです そのため、大体どのアプリもマーケット上では50MB以下に抑えておいて、 インストールして、起動した時に必要なファイルを追加でDLするような 仕組みを持っ

要約 vim のスニペットは便利だし、この機能を利用しながらRでデータ分析したいから、vim-r-plugin 使うという内容。 ターゲット層 terminal-vimでRが使いたい人 RStudio が嫌いな人 RStudio でいいんじゃないの？ お帰りください。 材料 tmux, ver.1.5以上 vim, ver.7.4以上 vim-r-plugin, neosnippet-snippets 実行環境 OS X 10.9.3 オプション colorout Rのパッケージcolorout。Rのコンソールの出力を色付けて表示してくれる。tmux でrのコンソールを出力した時にやっぱり色がついていたほうが見やすいよねっていうことで。 完成図 tmuxで左にRコンソールを、右にvimを表示させている画像例(colorscheme：solarizedを利用している)。 手順 tmux のイ

Swiftから既存のObjective-Cのライブラリもコールできるので、新規アプリを作成する場合は移行しやすいと感じました。 Movie Screenshot :-p We are hiring! Looking for Swift programmer :-p (日本語) Swiftなら誰にも負けないiOSエンジニア・ウォンテッド！！ Github CODE // // ViewController.swift // RSSReader // // Created by susieyy on 2014/06/03. // Copyright (c) 2014年 susieyy. All rights reserved. // import UIKit class ViewController: UITableViewController, MWFeedParserDelegate {

概要 railroadyとgraphvisを利用して,railsのモデルからデータベーススキーマの状態とモデルに設定したリレーションを可視化することができます. インストール graphvisのインストールにはbrewを利用します. 後でいろいろ試せるようにライブラリも一緒にインストールします.

APIキーを取得する githubのSettingからAPIトークンを取得する方法がわからなかったのでhelpを参照した所、次の方法が見つかった。 $ curl -u 'username' -d '{"scopes":["repo"],"note":"Help example"}' https://api.github.com/authorizations usernameの部分を自分のアカウント名に変更して上のコマンドを実行する。 パスワードを聞かれるのでgithubアカウントのパスワードを入力する。 すると以下の様な文字列が帰ってくる。 "token":"your_token"のところにAPIトークンが入っているのでこれを使えばいい。 { "scopes": [ "repo" ], "token": "your_token", "app": { "url": "http://devel

Ubuntu 14.04 を使っていて、最新機能に手が届きやすくなって快適。なのだけど、調子に乗って際どいところを攻めていくと kernel crash を引き起こすことがある。 ドキュメントにあるように、linux-crashdump をインストールする。Release specific notes の記述が単に足りていないのか、追加作業が必要。 /etc/default/kdump-tools を編集して USE_KDUMP=1 にしておくこと。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you

IT-ProさんのサイトでDNSの仕組みを理解するのに 分かりやすい記事があったので載せます。 イントロ：ドメイン名を基にしてIPアドレスを調べるしくみ Lesson1：ドメイン名とIPアドレスを結ぶ，DNSの役割を確認する Lesson2：リゾルバとDNSサーバーが通信，ドメイン名からIPアドレスを調べる Lesson3：複数のDNSサーバーが点在，ドメイン名を分散管理する Lesson4：独自ドメインで運用したい，DNSへの登録方法を知る 図解で学ぶネットワークの基礎：DNS編　修了テスト Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can u

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

作業メモ。 link_toの中で他のタグを埋め込みたいときは、content_tagあるいはブロックを使って実現できます。 content_tagを使う link_to(content_tag(:i, 'ログアウト', class: 'fa fa-sign-out'), hoge_path, :method => :delete)

originのすべてを別のリモートにブランチ、タグを全てpushする時に少し困ったので メモを取ります。 $ git clone --mirror git@hogehoge/hoge.git $ git git remote add newrepo git@ageage/age.git $ git push -f --tags newrepo refs/heads/*:refs/heads/*

入っているパッケージ確認 rpm -qa ファイルが所属しているパッケージ確認 rpm -qf ファイルパス パッケージに入っているファイル rpm -ql パッケージ名 いつも忘れて調べてるのでここに書いてく Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

前提条件 シーン内にCubeを作りカメラから見える位置に置く。背景とかライトは適宜。 Quaternionで毎フレームごとに回転 Quaternion.Eulerに適当な数値を与えるとx,y,zのそれぞれの方向に回転させたrotation情報を返してくれる。Time.timeは時間経過と共にカウントアップされる標準のカウンタ。 この例ではRigidbodyは使っていないのでRigidbodyコンポーネントが設定されていなくても影響なし。 Rigidbodyが付いているならuse gravityのチェックを外しておくと回転を見守りやすい。 transform.rotation.xなどを地道に加算してもいいが面倒くさい。 #pragma strict var step:int = 10; function Start () { } function Update () { transform.

Gitlabの設定を参考にconfig/puma.rb, /etc/init.d/puma-myproject, /etc/nginx/conf.d/myproject.confを作成すればOKでした. config/puma.rb # Start Puma with next command: # RAILS_ENV=production bundle exec puma -C ./config/puma.rb # uncomment and customize to run in non-root path # note that config/puma.yml web path should also be changed application_path = "#{File.expand_path("../..", __FILE__)}" # The directory to op