タグ

ブックマーク / qiita.com (182)

  • [iOS]部屋の灯りが消えたら自動でGet Wildを再生してGet Wild退勤する - Qiita

    https://twitter.com/kozeni_shkt/status/709743397196541953 http://www.b-ch.com/ttl/index.php?ttl_c=467 照度センサーという事で最初arduinoが思い浮かんだのだけれど、一般のご家庭やオフィスにarduinoは無いと思うのでiOSでやった。使わなくなったiPadにアプリを入れてオフィスの出入口に置いておく運用イメージ。 設定した閾値をディスプレイの輝度(部屋の照度)が下回ったらGet Wildし始める。なお手を抜いてるので閾値以下で輝度が変化するたびにGet Wildされる。 // // ViewController.swift // gettlod // // Created by ouba on 2016/03/28. // Copyright © 2016年 oubakiou. All

    [iOS]部屋の灯りが消えたら自動でGet Wildを再生してGet Wild退勤する - Qiita
    ken_c_lo
    ken_c_lo 2016/03/29
  • GitHubユーザーのためのhubコマンド - Qiita

    ちなみにプロンプトにブランチ名を表示している場合は,プロンプト表示速度の低下を避けるために以下の設定を忘れずに. hubコマンドを利用&&プロンプトにgitのブランチ等を表示している人向けのzsh高速化 - Qiita よく使うコマンド hub browse [user/repo] hub browseでいまいるレポジトリのgithubページを開く.hub browse defunkt/hubみたいにレポジトリ指定もできる. browseは打ちにくすぎるので,seeにエイリアスしてる hub clone user/repo git clone https://github.com/rails/rails.gitと同じことをhub clone rails/railsでできる.ちょっと便利. gemのcloneならgem-browseコマンドを入れるともっと便利. 参考: gem の gith

    GitHubユーザーのためのhubコマンド - Qiita
    ken_c_lo
    ken_c_lo 2016/03/12
  • git logにブランチ名を表示する git log --oneline --graph --decorate=fullのススメ - Qiita

    * commit 1235f58b72bd3323375debbc783a508d8328277cce5 | Author: Masaru Furuya | Date: Fri May 16 00:54:09 2014 +0900 | | git test * commit 2rr29dd167c5d38fec823f2c90fb4896536a6214 | Author: Masaru Furuya | Date: Thu May 15 19:22:14 2014 +0900 | | | * commit 9003273439ba845614650688d7bb752614ec6231 |\ Merge: 90b2dd4 4034903 | | Author: Masaru Furuya | | Date: Thu May 15 18:32:17 2014 +0900 | | | | M

    git logにブランチ名を表示する git log --oneline --graph --decorate=fullのススメ - Qiita
    ken_c_lo
    ken_c_lo 2016/03/10
  • SVGをcss/jsで操作するときに知っておきたいこと - Qiita

    はじめに ※SVG初心者向きの記事です SVGはスケーラブルでベクターなグラフィックスです。レスポンシブや高解像度ディスプレイに対応する時にはとても頼もしい存在です。htmlと同じようにcssやjsでの制御も可能なため、インタラクティブなコンテンツもお手の物です。 そんなSVGは表示だけであれば簡単ですが、cssやjsを利用する際には知っておきたい基知識があります。 これ以上、私のように時間を浪費してしまう哀れな子鳥たちを増やさぬようメモしたいと思います。アーメン 目次 表示のさせかたに気をつけろ! cssに気をつけろ! fill: none;に気をつけろ! viewBoxに気をつけろ! jQueryに気をつけろ! サーバーの設定に気をつけろ! 表示のさせかたに気をつけろ! SVGの表示方法は複数あります。 <img>のsrcでファイルを読み込む background-imageプロパテ

    SVGをcss/jsで操作するときに知っておきたいこと - Qiita
    ken_c_lo
    ken_c_lo 2016/03/09
  • 初心者歓迎!手と目で覚える正規表現入門・その1「さまざまな形式の電話番号を検索しよう」 - Qiita

    はじめに Qiitaをご覧になっているエンジニアのみなさん、正規表現は使いこなせてますか? 正規表現が使えるととっても便利ですよね! あれ?そちらの方、「ぼく、正規表現ようわからへん・・・」って小さくなってませんか?? 大丈夫です!そんなあなたのために、この記事を書きました。 知識ゼロからでも正規表現を学べるようにやさしく説明しているので、とりあえずこの記事を最後まで読んでみてください。 今は \d{2,5}[-(]\d{1,4}[-)]\d{4} が謎の呪文にしか見えなくても、最後まで読めばきっと意味がわかるようになっているはずです! 対象となる読者 記事は正規表現の予備知識が全くない「正規表現初心者」を対象としています。 正規表現は便利だってよく聞くけど、意味不明な呪文にしか見えなくてなんか怖い 正規表現を勉強しようと何度か頑張ったけど、結局よくわからなくて実務で活用できていない と

    初心者歓迎!手と目で覚える正規表現入門・その1「さまざまな形式の電話番号を検索しよう」 - Qiita
    ken_c_lo
    ken_c_lo 2016/02/24
  • どのUNIXコマンドでも使える正規表現 - Qiita

    特定コマンドの正規表現で使えるメタ文字が何だかわからない! 正規表現自体は知っているけど、それが今から使おうとしているコマンドで使えるものなのかわからずに困っている人も多いと思うのでまとめてみた。 たった3つの正規表現メタ文字セットだけ知ればいい コマンドによって、対応している正規表現メタ文字の範囲には違いがある。しかし、最低限知っておけばよいのは2種類+1サブセットの3つだけだ。 BRE(基正規表現)メタ文字セット ERE(拡張正規表現)メタ文字セット AWKのサブセット もちろん、これ以外にもGNU拡張正規表現メタ文字セットやPerl拡張正規表現メタ文字セット、JavaScript拡張正規表現メタ文字セットなどいくつかあるのだが、「どのUNIXでも(=POSIXで)使える」という特長を持たせたいのであれば、それらは覚えても意味がないので上記の3つさえおさえておけばよい。(例えPOSI

    どのUNIXコマンドでも使える正規表現 - Qiita
    ken_c_lo
    ken_c_lo 2016/02/18
  • ZenHubとは - Qiita

    2015/12/03追記:待望のFirefox対応をしました!今日現在は、 https://www.zenhub.io/firefox からアドオンをインストールすることができます! また、Firefox版の公開を記念して、初月割引や、ZenHubグッズ(!)がもらえるプロモーションコードがあるので、ZenHubを使ってみようか迷っていた方は、プロモーションコードを利用するとお得に始めることができます。 ZenHub公式ブログの記事はこちら https://www.zenhub.io/blog/firefox-fans-can-now-use-zenhub-with-their-favourite-browser/ 2015/07/01追記:このエントリー中のスクリーンショットは、古いバージョンのZenHubのものです。追記時点での最新の機能についてはZenHub2.0についてを参照してく

    ZenHubとは - Qiita
    ken_c_lo
    ken_c_lo 2016/02/18
  • webpack で始めるイマドキのフロントエンド開発 - Qiita

    webpack とは webpack は WebApp に必要なリソースの依存関係を解決し、アセット(配布物)を生成するビルドツール(要するにコンパイラ)です。JavaScript だけでなく、CoffeeScript や TypeScriptCSS 系、画像ファイルなどを扱うことができます。 WebApp のビルドツールは Grunt や Gulp が有名です。これらは基的に、ビルド手順をタスクという形で自ら定義する必要があり、フロントエンド開発に馴染みのない開発者にとっては敷居が高いものでした(少なくとも、自分はそうでした)。 webpack を使えば、Grunt も Gulp も必要ありません!覚えるべきことはほとんどありません。(必要なら)簡単な設定ファイルを書いて webpack コマンドを実行するだけです。 以下では基的な使い方を見ていきます。 ※もちろん Grunt/G

    webpack で始めるイマドキのフロントエンド開発 - Qiita
    ken_c_lo
    ken_c_lo 2016/02/03
  • GitHubでフォーク元の差分を取り込む - Qiita

    GitHubでフォークした後にフォーク元の差分を取り込む時の手順です。 ローカル環境で該当プロジェクトのディレクトリに移行して、フォーク元のリポジトリを登録します。

    GitHubでフォーク元の差分を取り込む - Qiita
    ken_c_lo
    ken_c_lo 2016/02/01
  • オレオレコミットメッセージの生煮え書き方 - Qiita

    はじめに 自分がコミットメッセージを書くときに考えていることを書きます。 ただし、絶対にこの書き方をずっと続けるというわけでありません。日が経つにつれ、「そういえばこんなことも思ってた」「こういうのいいなあ」「これないわー」といった心境の変化があると予想するので、その時その時で手を入れていくつもりでいます(入れないかもしれません)。なので生煮えです。たぶんずっと生煮えです。それにかこつけて文章の文体もざっくりしています。 あと、あくまでもオレオレなので他の人の書き方をどうこうする意図はありません。うっかり参考になったらいいなあぐらいです。 最初に概念的な話をしてから後半で実際の書き方に入ります。 なお、全体的に git を使う想定で書いていますが、それ以外でも大体同じだと思います。 コミットメッセージには何を書くのか そのコミットでリポジトリに入れた差分が何をしているのか、なぜそうしている

    オレオレコミットメッセージの生煮え書き方 - Qiita
    ken_c_lo
    ken_c_lo 2015/12/19
  • Excel方眼紙を支える技術2016 - Qiita

    POIを使ったExcel帳票の出力は、システムエンジニアにとっては日常茶飯事、おちゃのこサイサイであります。 takezoen先生による2015年版はこちらになります。 ここで紹介されている、S式からExcel方眼紙を出力するライブラリaxebomber-cljは、こちらをご覧ください。 特筆すべきはaxebomber-cljでは、Excelにありがちな文字切れが起こらないというところです。そもそもExcel方眼紙は、入力文字列が自動改行されない制約を設けて、利用者が意図的な位置で改行をコントロールするために発明されたフォーマットであります。しかし、その特異な見た目が災いし、単に敬遠される存在にとどまっております。axebomber-cljは、文字幅とセル幅を計算し、文字切れしない位置で自動的に改行するようにしています。これにより、Excel方眼紙の文字切れしにくさを活かしつつ、煩わしさを

    Excel方眼紙を支える技術2016 - Qiita
    ken_c_lo
    ken_c_lo 2015/12/19
  • esaにちょっとメモするためのchrome拡張を作っています→公開しました - Qiita

    よしはら(@yshr04hrk)です。 この記事はesa Advent Calendar の18日目です。 esaを使っていて esaは主に個人で(1人チームで)使っていて、作りたいもののメモなど色々入れています。 しかし次第に、「esaにメモりたい!」と思った時に毎回ブラウザで開いて「NEW POST」を押すのが面倒になってきてしまいました。もっと言うと、大体仕事してる時とか他のことをしてる時にふっと思いつくことが多いので、とりあえずesaに書いて保存して元の作業に戻る、というのをもっと短いステップでできないかなーと思いました。 ツイバミというchrome拡張機能を作りました というわけでchrome拡張で「ツイバミ」というのを作っていますԅ( ⁰⊖⁰ԅ)大体出来上がってるのですが、もう少しやりたいことがあるので(後述)ストアに公開までは至ってません。今のところリポジトリでビルドして

    esaにちょっとメモするためのchrome拡張を作っています→公開しました - Qiita
    ken_c_lo
    ken_c_lo 2015/12/19
    ツイバミ便利そう(\( ⁰⊖⁰)/)
  • 研究室でesa.ioを使えなかったのでクローン作ってる話 - Qiita

    こんばんは,うどん大 情報系 院2年の@hico_horiuchiです. この記事はesa Advent Calendar 2015の15日目です. 研究室でesa.ioを使おうとしたのですが,諸々の理由で使えなかったトノコト. 結局,esa.ioの機能を真似たクローンを内製してるという話です. 合わせて,研究室で内製することの厳しさも話せればと思います. esa.ioとのデアイ esa.ioを知ったのは,他の研究室の友達の紹介でした. 第一印象は「ステキなデザインだなぁ」でした. 当時はβのチーム募集をしている最中だったと思います. うちの先生は寛容な方で,試してみたいと言ったら二つ返事でOK. 研究室の名前でチーム申請を出して,有料化までの数ヶ月利用していました. 具体的には,有志数人で週1のゼミの週報を書くのに使っていました. esa.ioを使うまでの週報はと言うと,以下のような感

    研究室でesa.ioを使えなかったのでクローン作ってる話 - Qiita
    ken_c_lo
    ken_c_lo 2015/12/16
    "(\( ⁰⊖⁰)/)"
  • zshってどう発音すればいいの - Qiita

    聞かせてくれたまえ。君はzshをなんと呼んでいるかね zshをどう発音するかは、なかなか難しい問題です。 これはzshに限った話ではありませんが、ずっと書籍などで独学していた人が、いざ勉強会で発表しようというときにトンチンカンな発音をしてしまって恥をかく……というのはありがちな光景です。 そこで日は、よく見られるzshの呼び方を確認し、もっとも無難な読み方を考察してみたいと思います。 発音の候補 ずぃーしぇる もっとも正統的と言って良い発音です。"Z-Shell"をそのまま素直に発音すればこうなりますし、国内のみならず海外でもこの呼び方を聞くことが多いです。 zshのご先祖である(?)cshの時代には、ほぼ100%の人がcshのことを「しーしぇる (C-Shell [síːʃél])」と発音していたことからも、zshを「ずぃーしぇる」と呼ぶのは最有力候補と言って良いでしょう。 ぜっとしぇ

    zshってどう発音すればいいの - Qiita
    ken_c_lo
    ken_c_lo 2015/12/07
    ずっしゅ派
  • RubyKaigi 2015参加者向け直前情報 - Qiita

    みなさんこんにちは。RubyKaigi 2015 Organizerの一人の高橋征義です。これはRuby Advent Calendar 2015 7日目の記事になります。 さて、今週末の12月11日〜13日は、いよいよRubyKaigi 2015が開催されます。この時期に何かを書くとなれば、やはりRubyKaigiに触れざるをえません(というかそれ以外のことを書く心の余裕があまりありません)。 というわけで、記事はRubyそのものについての紹介ではなく、RubyKaigiについてのご紹介になります。ご了承ください。 細かい諸注意 RubyKaigi 2015に参加するにあたって、忘れられそうな細かい点について、最後に書くと読み飛ばされそうな気もするので最初に書いておきます。 会場への道順について 「ベルサール汐留」という会場名を聞くと汐留駅から行くのが一番かと思われるかもしれませんが、

    RubyKaigi 2015参加者向け直前情報 - Qiita
    ken_c_lo
    ken_c_lo 2015/12/07
  • 若者はどうやってCSSを覚えたのか - Qiita

    先日、@Jxckさん主催で行われた次世代WebカンファレンスでCSSのセッションに登壇させていただきました。(動画) セッション中に@cssradarさんに「morishitterはどうやってCSSを覚えたのか」と聞かれ曖昧にしか答えられなかったので、 自分が今までどうやってCSSを学んできたのか を振り返ってみる。 黎明期 プログラムを書き始めたのは3年半ぐらい前からだと思う。PHPでWebアプリを書いたのがはじめで、そのときにBootstrap v2をベースに何もわからないまま、雑にCSSを書いた。 BootstrapのようなCSSフレームワークからCSSを始めると、floatやpositionのようなレイアウトに関わるプロパティがどういうものなのかを知らなくても、何となくでWebアプリのレイアウティングができる。 そしてブラックボックス化されたBootstrapのコードを読もうとして

    若者はどうやってCSSを覚えたのか - Qiita
    ken_c_lo
    ken_c_lo 2015/11/15
  • Bootstrap4の主な更新点 - Qiita

    こうして見てみると、一段階上のサイズが追加されたというよりも、xs と sm の間が細かくなったという感じですね。 flexboxのサポート $enable-flex: true;を設定することでflexbox Layoutが使用されるようになります。これにより、tableやfloatを使っていた様々なハックが改善されるとのこと。ただし、IE9はflexbox Layoutをサポートしておらず、IE10でも古い仕様にしか対応していないため、デフォルトではこのオプションはfalseになっています。 well, thumbnail, panel を廃止、card に統一 コンポーネントの well, thumbnail, panelがなくなり、cardに統一されました。 CSSリセットを Reboot というモジュールに統一 CSSリセットには、Bootstrap3ではNormalize.cs

    Bootstrap4の主な更新点 - Qiita
    ken_c_lo
    ken_c_lo 2015/11/05
  • ⌘+TabでWitchを操作する - Qiita

    Macにおいて「⌘+Tab」はアクティブなアプリケーションを変更するショートカットだが、組み込みだとウィンドウを変更できない。(これ自体はDock.appの機能) 何を言っているかと言うと、例えばChromeを2つのウィンドウに分割しているとして(片方は個人用、もう一方は仕事用)「⌘+Tab」ではChromeを選択できるが、それらの間をいったりきたりすることができない。 ウィンドウを変更するにはどうすればいいのかというとChromeが選択された状態で「⌘+`」を押す。はっきり言って面倒くさすぎる。 そういう場合に便利なのがWitchなのだが、こちらは「Option+Tab」なのでちょっと親指がつらい。Witchはキーバインドを変更できるので「⌘+Tab」を割り当てればいいのだが、なんとDock.appの方のキーバインドを変更できないので、せっかく「⌘+Tab」を割り当ててもWitchまで命

    ⌘+TabでWitchを操作する - Qiita
    ken_c_lo
    ken_c_lo 2015/09/11
  • 一人React.js Advent Calendar 2014 - Qiita

    React.jsについての基的なところを書いていきます! 公式読めばわかるようなことが多いですがReact.jsに興味をもつきっかけにでもなれば...。 v0.12.1で確認しています。 こっちは一人で書くように作ったものなので書きたい人はVirtualDOMに書くといいと思います。 (書く人がいなくて1人で書いているわけではない) この記事は古いので下記の更新情報も参考にしてください http://blog.koba04.com/post/2015/03/05/react-js-v013-changes/ http://blog.koba04.com/post/2015/09/22/react-js-v014-changes/ http://blog.koba04.com/post/2016/03/09/react-js-v15-changes/ http://blog.koba04.

    一人React.js Advent Calendar 2014 - Qiita
    ken_c_lo
    ken_c_lo 2015/08/04
  • Titaniumはオワコンか - Qiita

    答え:キミと同じくらいに、かな。 こんにちは。この1年くらい、Titaniumなんてオワコンって言い捨てるのは、特に良心の咎めもなく(だいたいPHPをくさすのと同じくらい)気軽にできることで、塩分控えめ安心安全な雲の高みから技術っぽいことを語る挨拶代わりに丁度いいというのがテック系の常識となりつつあるようです。かくいうわたくしめも「Titanium、覚えていますか?」といったタイトルでスライドを作ったりしてウケを狙うこともあります。かつてTitaniumに喜んで飛びついた物見高いアルファな人たちもすでに去り、RubymotionとかReact Nativeとかのなんか似たような違うようなあれな別物に飛びついてはまた次々と去っていくのを見るにつれ(ネイティブ開発に進んだ人たちに幸あれ)、そして彼ら彼女らに追随して一時はガンガン書き立てていたのに今では見向きもしない各メディアの動向を見ると、あ

    Titaniumはオワコンか - Qiita
    ken_c_lo
    ken_c_lo 2015/05/25
    よい文だった