はてなブックマークアプリ

アプリなら、
コメントが見やすい!

アプリで開く

アプリなら、コメントが見やすい!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • 国内
    • 国際
    • 経済・金融
    • IT
    • 社会
    • 文化
    • 事件・事故
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 今日の出来事
    • 生活
    • グルメ
    • 新型コロナウイルス
    • 今後の「働き方」
    • 夏の風物詩
    • ビジネス・経営
    • 雑学
    • 将棋・囲碁
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • 恋愛
    • はてな匿名ダイアリー
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • お金
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 英語
    • ビジネス・経営
    • デザイン
    • 法律
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • サッカー
    • 将棋・囲碁
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
  • おすすめ

    なごみ系Wikipedia

『四角革命前夜』

  • 人気
  • 新着
  • すべて
  • PromiseをArray#reduceで直列に実行する

    7 users

    blog.sasaplus1.com

    promiseを順番に実行するを読んで試してみた。 簡単にできるのかな、と試してみたらいくらかはまったりもしたのでそれもメモ。 then thenに渡す関数は、渡したときに実行されるらしい。 function a() { return new Promise(function(resolve, reject) { setTimeout(function() { console.log(1); resolve(1); }, 300); }); } function b() { return new Promise(function(resolve, reject) { setTimeout(function() { console.log(2); resolve(2); }, 100); }); } Promise.resolve().then(a()).then(b()); functio

    • テクノロジー
    • 2016/02/15 07:54
    • JS
    • javascript
    • unite.vimのfile_rec/gitで候補を省く

      4 users

      blog.sasaplus1.com

      unite.vimを使っていてfile_rec/gitのsourceを最近使い始めたのだけど、 ファイル数が35,000近くあって最初に表示する際も絞り込む際にも動作が遅くて困ってた。 なんとか候補をしぼれないのかと思ったら、unite#custom#sourceのignore_patternで正規表現を指定すると マッチした候補を省いてくれるというのがわかったので試してみた。 どうもこのリポジトリは画像ファイルが多いみたいなので、画像ファイルを省くようにしてみた。 Vimでバイナリファイルを開く事はそれほど多くないと思う(Vinariseを入れてあるしたまに開くけど)ので表示されない方がいい。 " 画像ファイルを無視する let s:unite_ignore_patterns='\.\(gif\|jpe\?g\|png\|webp\)$' call unite#custom#source

      • テクノロジー
      • 2016/01/26 13:46
      • vim
      • webpackでuglify-save-licenseを使ってライセンスコメントを残す

        6 users

        blog.sasaplus1.com

        今日KobitoのWindows版がリリースされた。 出たんでよろしくお願いします / “QiitaがMarkdownメモツール「Kobito」のWindows版をElectronベースでリリース | TechCrunch Japan” http://t.co/BdPSbEMTXL — ガソリンの味 (@mizchi) 2015, 5月 12 mizchiさんがその前後のツイートでライセンスについてのツイートをしていた。 そういえば明日リリースする某アプリ、ライセンス列挙するの面倒臭かったので @t_wada さんのlicensifyでぶっこ抜いたデータをlicenses.txt として同梱した(対kyo_ago戦略ともいう) — ガソリンの味 (@mizchi) 2015, 5月 11 licensifyというのがあるのか、名前からしてbrowserifyのプラグインかな、と思ったらやは

        • テクノロジー
        • 2015/11/02 18:45
        • js
        • css
        • unite.vimでテキトーにファイルやディレクトリを開く

          3 users

          blog.sasaplus1.com

          Vimでunite.vimを使ってファイルを開いたり、ディレクトリに移動したりするのを楽にしたいと思って書いた設定について。 " yankroundが有効な場合は前の候補へ、yankroundが有効でない場合はUniteを実行する nmap <expr><C-p> yankround#is_active() ? "\<Plug>(yankround-prev)" : ":<C-u>execute \ 'Unite' \ '-start-insert' \ 'buffer file_mru' \ 'file:'.fnameescape(expand('%:p:h')) \ (isdirectory(getcwd().'/.git') ? \ 'file_rec/git:--cached:--others:--exclude-standard' : \ 'file_rec/async') \

          • テクノロジー
          • 2015/09/01 09:46
          • vim
          • 制限付きSFTPの設定

            8 users

            blog.sasaplus1.com

            特定のディレクトリにだけアクセスできるSFTPを設定したく、いろいろ試してみていろいろとつまづいたりしたのでそれのメモ。環境はCentOS 6.5です。 前提 SFTP用ユーザが追加されている SFTP用ユーザのグループが追加されている SFTP用ユーザの鍵が設定されている SFTP用ユーザの名前はusername 公開するディレクトリは/var/www/username 前提はこんなもんかな? エラーログの出力先の確認 ログイン失敗や権限がなくて実行出来なかった場合などのエラーは/var/log/secureに出力されるようなので、うまく行かなかった場合はここを見ると良いかも。 エラーメッセージを検索すると結構いろいろ出てくるので、それで大抵は解決できると思う。 SSHの設定 /etc/ssh/sshd_configを編集します。 -Subsystem sftp /usr/libexec

            • テクノロジー
            • 2015/07/14 17:29
            • SSH
            • Linux
            • あとで読む
            • Reactとcss-loader

              4 users

              blog.sasaplus1.com

              ReactとCSSを書いた後にRadiumを使ってみたのだけど、いまいち微妙な感じだった。 CSSをJSのオブジェクトで書いて、頑張ってタグのひとつひとつにstyle属性を書いていく、というふうなことになって普通にCSSを書くよりもかなり残念な感じになった。 (もしかすると自分のRadiumの使い方がおかしいのかもしれないのだけど) 数日前たまたまcss-loaderのリポジトリを見ていたら、ローカルスコープ風にCSSが書ける、というような記述があって気になって試してみた。 webpack.config.coffee webpack.config.jsからwebpack.config.coffeeを読み込むように書いて、webpack.config.coffeeに以下の様な設定を書く。 module: loaders: [ { test: /\.css$/, loader: 'style!

              • テクノロジー
              • 2015/07/02 23:20
              • react
              • CSS
              • ReactとCSS

                37 users

                blog.sasaplus1.com

                Reactを少しずつ使い始めていて、コンポーネント指向でコードを書いていけるところが自分の経験だとDelphiのような感じでとても良い。 JavaScriptとHTML(JSX)を1つのスクリプトにまとめることができたのは良いのだけど、そうするとやはりCSSも一緒にまとめたくなってくる。 それでReactとCSSについていくらか調べてみた。ちなみにElectronで動作すれば良いので、Blinkのことしか考えていない。 CSS in JS そもそもReactでCSSは普通どういう風に書くのか調べてみた。 React.js + CSS React: CSS in JS ひとつのやり方ではあるけども、style属性に一つ一つ指定していく方法。 辛くない?疑似要素は?疑似クラスは?継承してもらいたいプロパティとかもあるんだけどな〜 scoped CSS せっかくコンポーネントにするのだし、CSS

                • テクノロジー
                • 2015/05/11 23:01
                • react
                • css
                • react.js
                • WebComponents
                • DOM
                • frontend
                • H2O HTTP serverをちょっとだけ使ってみた

                  6 users

                  blog.sasaplus1.com

                  気まぐれにH2Oを使ってみた。環境はVagrant上のUbuntu 14.04 LTSです。 リポジトリの変更 Ubuntuは公式のBoxを持ってきたのだけど、リポジトリのURLが海外のままになっているので日本のサーバへ向くように修正する。 具体的には/etc/apt/sources.listのarchive.ubuntu.comをjp.archive.ubuntu.comにする。あとは$ sudo apt-get updateで。 コンパイル 依存しているパッケージなどをインストールして、リポジトリをクローン、コンパイルする。確かこんな感じだったと思う…… $ sudo apt-get install -y git build-essential cmake libssl-dev libyaml-dev $ git clone git://github.com/h2o/h2o.git $

                  • 世の中
                  • 2015/02/19 15:50
                  • h2o
                  • ['1', '2', '3'].map(parseInt) => [1, NaN, NaN]の謎

                    6 users

                    blog.sasaplus1.com

                    今まで['1', '2', '3'].map(parseInt)が意図した結果にならない([1, 2, 3]にならない)のは知っていたのだけど、理由がよくわからなかったので調べてみた。 JavaScriptのparseIntとmapを組み合わせる際の注意より: mapに渡した関数には、引数としてvalue, index, selfが渡される。 を見てわかった。parseIntの基数にindexの値が渡されてるのかーと。 parseInt('1', 0); // => 1 parseInt('2', 1); // => NaN parseInt('3', 2); // => NaN ということみたい。 parseFloatの場合は基数とかないので[1, 2, 3]が返ってくる。整数が欲しい場合は向かないけど…… lodashを使っている場合は_.parseIntを使えば基数を省略した場合は1

                    • テクノロジー
                    • 2015/02/10 07:59
                    • javascript
                    • ユニットテストにpower-assertを使う

                      35 users

                      blog.sasaplus1.com

                      今までJavaScriptでのユニットテストではexpect.jsを使っていたのだけど、 TDDやライオンで有名なtwadaさんのpower-assertが以前から気になっていて、 つい先日ブラウザ版がIE8に対応したらしく、試しにdeepcopy.jsで使ってみた。 初めての導入で、若干つまづいたところや勘違いしていたところがあったのでメモ。 power-assertについて power-assert自体は単なるアサーションライブラリ。 勘違いしていたのだけどpower-assertのリポジトリのREADME.mdにある、 テストが失敗した時の詳細な出力はpower-assertを使っただけでは表示できない。 espower-cliなどテストコードを変換する必要がある。 node.js node.jsでテストする場合に必要な作業。 モジュールのインストール インストールが必要なモジュール

                      • テクノロジー
                      • 2015/01/14 11:23
                      • power-assert
                      • javascript
                      • test
                      • testing
                      • TDD
                      • いつか読む
                      • テスト
                      • あとで読む
                      • debugモジュールを使う

                        19 users

                        blog.sasaplus1.com

                        node.jsでデバッグコードを書くときはdebugをよく使っている。 一方で、ブラウザ向けのコードを書くときは普通にconsole.logを使っていて当然ながら常に出力されてしまうのだけど、 node.jsのように簡単に出力を切り替えたいと思いブラウザ版のdebugを使ってみた。 まずライブラリのダウンロードをする。 $ curl -O https://raw.githubusercontent.com/visionmedia/debug/master/dist/debug.js <!DOCTYPE html> <meta charset="utf-8"> <title>debug</title> <script src="debug.js"></script> <script> var log = debug('main'); log('hello!'); </script>

                        • テクノロジー
                        • 2014/12/27 14:45
                        • node.js
                        • debug
                        • javascript
                        • js
                        • あとで読む
                        • coとthunkifyとgenerator

                          3 users

                          blog.sasaplus1.com

                          をしておく。 それと、generatorを使うので実行する際はnode.js ver.0.11を使い、オプションに--harmonyもしくは--harmony-generatorを指定する。 var co = require('co'); function wait() { return new Promise(function(resolve, reject) { setTimeout(resolve, 1000); }); } co(function* () { console.log('Hello'); yield wait(); console.log('World!'); }).catch(function(err) { throw err; }); Promiseを返す関数をcoに渡したgenerator内でyieldを使って同期的に書いている。エラーのハンドリングはcoが返す

                          • テクノロジー
                          • 2014/12/16 10:08
                          • node
                          • generator
                          • Socket.IOをRedisで分散する

                            3 users

                            blog.sasaplus1.com

                            ここ最近、Socket.IOとRedisをいじっていてはまったりしたものの、RedisでSocket.IOのメッセージを分散できたようなのでそれのメモ。 2つのnode.jsが立っていて、それぞれクライアントからメッセージを受け取る 2つのnode.jsは1つだけあるredisのmasterにメッセージを送る redisのmasterは2つあるslaveそれぞれにメッセージをPUBLISHをする 2つあるredisのslaveはSUBSCRIBEでメッセージを受け取る 2つのnode.jsはそれぞれが監視しているredisのslaveからメッセージを受け取る 図としては以下のような感じ。(わかりづらい) <--- <---------------------------- client node.js redis(slave) ---> ---- ---> | | | | ---> ---

                            • テクノロジー
                            • 2014/12/05 20:09
                            • socket.io
                            • node.js
                            • Promiseのcatch内でのreturnとthrow

                              14 users

                              blog.sasaplus1.com

                              Promiseの(Promiseと言ってもES6 Promisesじゃなくてbluebirdなんだけど)catch内でのreturnとthrowの挙動の違いについて知らなくて試したのでメモ。 環境はnode.js 0.10.33とbluebird 2.3.11です。 var Promise = require('bluebird'); function a() { return new Promise(function(resolve, reject) { reject(1); }).catch(function(err) { return err; }); } a().then(function(data) { console.log('then'); console.log(data); });

                              • テクノロジー
                              • 2014/11/23 10:49
                              • promise
                              • JavaScript
                              • Node.js
                              • tech
                              • development
                              • *あとで
                              • Facebookのflowをちょっとだけ使ってみた - 四角革命前夜

                                4 users

                                blog.sasaplus1.com

                                Facebookのflowを使ってみた。JavaScript向けの型チェックしてくれるやつみたいだ。 使い方とかはドキュメントに書いてあるんだけど、まあメモがてら自分が試してみたことを書いていってみる。 インストール ここにOS X用のバイナリとLinux(64bit)用のバイナリがあるのでダウンロードして展開する。brewでインストール出来るようになればいいんだけど、って自分で書けばいいのか。 追記 既にformulaが追加されているのでbrewからインストールできる。 flow 0.1.0 (new formula) #34289 flow.rb 展開したらパスを通す。 $ cd ~/Binary $ curl -O http://flowtype.org/downloads/flow-osx-latest.zip $ unzip flow-osx-latest.zip $ rm fl

                                • テクノロジー
                                • 2014/11/21 11:52
                                • js
                                • Facebook
                                • 四角革命前夜

                                  4 users

                                  blog.sasaplus1.com

                                  主にプログラミングに関する記事を書くブログです。

                                  • テクノロジー
                                  • 2014/10/30 11:45
                                  • Vim
                                  • Ruby
                                  • javascript
                                  • ブログ

                                  このページはまだ
                                  ブックマークされていません

                                  このページを最初にブックマークしてみませんか?

                                  『四角革命前夜』の新着エントリーを見る

                                  キーボードショートカット一覧

                                  j次のブックマーク

                                  k前のブックマーク

                                  lあとで読む

                                  eコメント一覧を開く

                                  oページを開く

                                  はてなブックマーク

                                  • 総合
                                  • 一般
                                  • 世の中
                                  • 政治と経済
                                  • 暮らし
                                  • 学び
                                  • テクノロジー
                                  • エンタメ
                                  • アニメとゲーム
                                  • おもしろ
                                  • アプリ・拡張機能
                                  • 開発ブログ
                                  • ヘルプ
                                  • お問い合わせ
                                  • 公式Twitter
                                  • ホットエントリー

                                  はてなのサービス

                                  • はてなブログ
                                  • はてなブログPro
                                  • 人力検索はてな
                                  • はてなブログ タグ
                                  • はてなニュース
                                  • App Storeからダウンロード
                                  • Google Playで手に入れよう
                                  Copyright © 2005–2022 Hatena. All Rights Reserved.
                                  設定を変更しましたx