公開2016.06.02 更新2017.12.03 仕事・技術 Microsoft Windows10のデフォルトブラウザ「Edge」だけにCSSを適用したい場合のCSS HACKです。
特定ユーザーのツイートからのみ検索する方法は!? 私はTwitterを結構利用している方だと思いますが、プライベートのみではなく、ブログやネットショップなどの運営のために、 ある芸能人のツイートの中から、あるワードを検索する場面があります。 例えば、先日、福岡市のカワイイ区が3月末で廃止されるニュースをこのブログで取り上げました(記事はこちら『「カワイイ」は男女差別!?福岡のカワイイ区が3月で廃止に。』) その際に、初代カワイイ区長である篠田麻里子さんのツイートを検索しました。篠田麻里子さんがカワイイ区長を退任する際や、カワイイ区が廃止されることが発表された際に、「何かカワイイ区に関連するツイートをしていないかな?」と思ったからです。 つまり、篠田麻里子さんの全ツイートの中から、「カワイイ区」という単語を検索したい、と思ったのです。 ツイートしていればそれを紹介できるし、ツイートしていなけ
Intro UNIX コマンドを SQL で抽出できるツール qq を作った。 というエントリを読んで、そういえば似たようなものを作ってたなと思い出した。 自分の dotfiles の中にある、便利コマンド集の中にある selects についてである。 このコマンドは SQL という検索を記述的に表現する共通言語をファイル検索に応用し、 Ruby の動的言語として表現力を使って実装したものといえる。 その実装方法と実行例などについて記す。 selects 結論からいうとこういうコマンドだ。 $ selects mtime, size, basename from './entries/**/*' where extname '==' '.md' and size '>' 1000 order by mtime 2016-07-06 22:45:44 +0900 18437 web-font
かねてから危惧されていた人材流出のリスクが、現実となった。レシピサイト最大手のクックパッドの経営方針の混乱をめぐり、部長級を含めた複数の幹部社員が退職することが明らかになった。 「創業者の横暴で、会社がめちゃくちゃになった」「もう、元のレールに戻れないところまで来てしまった」。社員からは、こうした声が飛び出す。ネット業界を代表する成長株と目されてきたクックパッドは、経営体制の混乱による影響が深刻さを増し、致命的な事態を迎えかねない状況に陥っている。 社員総会で示された目標とは? クックパッドの経営方針をめぐる「お家騒動」が明るみに出たのは、今年1月。創業者で筆頭株主の佐野陽光氏が、「経営ビジョンに大きな歪みが出てきた」として、株主提案で取締役を刷新しようと動いた。佐野氏はその後、2月に会社側と取締役選任案を一本化。これで事態は収束するかと思われたが、そうはならなかった。 3月の株主総会後、
4月頃から、僕ともう一人の二人のメンバーでウェブサービスの開発をしていて、完成間近だ! コミケ終了後の8月15日にβ版をリリースする予定。 くだらないことがやりたかった。 「便利」とか「最適」の追求は、放っておいても誰かがやるので、そういうのとは違うことがしたかった。 そして、「くだらないこと」をやるためにも、強い意志と明確な設計が必要なんだということが、身にしみてわかった。 サービス名は「Webgeki(ウェブゲキ)」。 ウェブ上で論戦をして、勝敗をつけて遊ぶサービスだ。 オンラインでできるディベートのゲームみたいなものと考えてもらえればわかりやすいと思う。 ただ、ディベートと違うのは、ユーザーが勝敗の判定をする側の「ジャッジ」としても参加できることと、「運動と瞑想どっちが健康にいいか?」みたいなふざけたものも含めて論戦のテーマが何でもアリということだ。 開発中の画像だけど、イメージとし
「サーバレスとは何か」そして「サーバレスとPaaSの違い」とは。マーチン・ファウラー氏のブログに投稿された解説 サーバレスアーキテクチャは、クラウドに対応したアプリケーション開発においてホットな話題の1つと言えます。 その発端はAmazonクラウドがAWS Lambdaを発表したことですが、その後Googleが「Google Cloud Functions」を、IBMが「OpenWhisk」を、マイクロソフトが「Azure Functions」を相次いで発表し、主要なクラウドにおけるサーバレス環境が一気に整いつつあります。 しかしサーバレスはAWS Lambdaなどの実装が先行したことなどから、明確な定義があいまいなまま普及が始まろうとしている面があります。 こうした状況を整理し、何がサーバレスなのか、PaaSと何が違うのか、といった解説が、マーチン・ファウラー氏のブログMartinFol
ES2015の構文チェックと言えば ESLint ですね。 ESLint は "The pluggable linting utility" というだけあって、Rules と呼ばれる膨大なチェック項目の中から 自分がチェックしたい項目を取捨選択し、最終的に .eslintrc という設定ファイルを用意する必要があります。 ただ、さすがに一から自分でルールを構築するのは面倒なので、通常は Shareable Configs と呼ばれる機能を使い、他の人が大体いい感じにセットアップしたものを共有することができます。 eslint-config-airbnb もこの Shareable Configs の1つで、React に関する lint も含まれているのでとりあえずはここから始めるのが良さそうです。 インストールと設定 (package.json は作成済みとします) eslint-con
何年も前、SeleniumやWebDriverの話で盛り上がった記憶があります。ただ、その当時はまだRailsなどバックエンド中心の文脈でした。今、フロントエンドに軸足が移る中、ブラウザテストの状況はどうなったのでしょう? 不思議なことに、フロントエンド界隈でそれほど話題に上がって来ないですよね (私の周りだけ?)。結構大事なのに。実は皆さん、「Seleniumアレルギー」なんじゃないですか? 公式サイトに漂う ゼロ年代感(下図)。Javaへの躊躇、「めんどくさい」と聞かされ続けた過去、無意識に避けてしまうのがSeleniumです。 ただ、フロントエンドの文脈でこそ、ブラウザテストは重要度を増しています。そこで「Selenium触りたくない病」の筆者が、 四苦八苦した背景 と、2016年だからこそ 見えてきた落とし所 を書いてみたいと思います。 註: 思ったより長文になってしまいました。先
概要 この記事では、RSpecにあまり馴染みがない人にもわかりやすいように、RSpecの理想的な書き方(=コーディングルール)を説明しようとしています。 書いてあることは個人的な見解です。理性的な議論を歓迎します。 友人に語っているような文体ですのでお気をつけください。 動機 俺はみんなにRSpecを書いてほしかったんじゃない。 いいRSpecを書いてほしかったんだ(´・ω・`) なぜかバリデーションだけ一生懸命にテストされていて自作の30行近いメソッドにテストがないとか、10行近いbeforeブロックがコピペされまくってるとか、そういうのはさ、見たくないんだ。 あと、http://betterspecs.org/ は読もう。日本語版もあるし。そこに書いてあることはここでは繰り返さないので、あしからず。 総論 はじめに ここから先は読まなくてもいいからこれだけは読んでほしい。 itブロック
find コマンドで指定条件のファイルを<除外>したい時 ずっとgrep 使ってたんですけど、find だけで出来ないのかなと気になって調べました。 -not -name pattern のように出来る 除外するときは、-not を最初につけてから上限を書けばいいことがわかった。 次の例は、拡張子 jpg を除外する場合 find -type f -not -name '*jpg' 条件として記述するので name 以外にもファイル名やパーミッションなど find コマンドのオプションと -notを組み合わせて、◯◯以外の条件にマッチしたものを除く、といったファイルの検索できることがわかる。 複数条件書いたらどうなるのか -not があれば、気になるのが複数条件 find -type f -not -name '*jpg' -not -name '*.png' このように、複数続けて書いた
私がリスペクトするエンジニアの一人であり、ITエンジニア界隈の三大野球バカの一人*1であるござ先輩が本を出版されました. gothedistance.hatenadiary.jp 大変ありがたい事に、献本を頂いたので久々に書評など書いてみようかなと思います. [書評]「独習Python入門」 どんな本なのか 私の感想も含めて. Pythonを元にしたプログラミングの入門本 一人で学ぶ(独習)するときにハマりがちなポイントや、ステップアップするときに必ず覚えたほうがいい事を言葉の緩急を駆使していい感じに解説している! 本を一冊やり切った(写経)した後も自宅の本棚に置いておきたい&必要に応じて再び読みたくなる本 私は読者層に当てはまらないのですが(汗)、初心者の気持ちになって思い出しながら読んで、 「ああ、最初にプログラミングを学ぶ本がこの本みたいなスタンスだと凄くいいな」 と素直に思いました
PlantUMLは、DSL(ドメイン特化言語)をコーディングすることでUMLが描ける、Java製のツールです。 今回はAtomとPlantUML Viewerパッケージを使い、ライブプレビューを見ながらUMLをモデリングする環境を作ってみました。 イメージ図↓ 編集履歴 2016/03/22: 中華フォント対策を更新 環境 Windows 10 Pro 64bit Atom Version 1.0.10 Chocolatey v0.9.9.8(セットアップで使用) ※ この記事ではWindowsでのセットアップですが、MacやLinuxでもほとんど同様に実行可能かと思います。 セットアップ ライブラリインストール PlantUMLを使用するには、動作環境であるJavaとレンダリングライブラリのGraphvizのインストールが必要です。 Windows 10にしてから、そういえばJavaも入
Polyfill とはトランスコンパイルができるようになったが、ブラウザで ES6 をフル利用するためには Polyfill ライブラリを読み込む必要がある。 Babelを使って次期JavaScript、ES6を体験しよう : アシアルブログブラウザで、Babelで変換したコードを利用する場合、ポリフィルが必要になります。ポリフィルとはES6の新しい機能などを利用するためのES5向けのライブラリです。変換だけでは、ポリフィルは含まれないので、babel-coreパッケージをプロジェクトにインストールする必要があります。 Polyfill を追加するPolyfill ライブラリを有効化するために html に polyfill.js を読み込む設定を加える。 Polyfill · BabelUsage in Browser Available from the dist/polyfill.j
※webpack1系の記事です。 1→2への移行ガイドを見る限り破壊的な変更点はそんなにありませんが、preLoadersやpostLoadersがなくなっていたり、差が出ていますのでご注意ください。 https://webpack.js.org/guides/migrating/ webpackを手を動かしつつ学べる初学者向け資料を作成しました。 公式のチュートリアルもあるのですが、webpackが使用されているOSSのボイラープレートを見る限り、世の中の使われ方に沿ってないかも?と思い書きました。 これから始める人の手助けになれば幸いです。 また最終形のソースをupしてあるので詰まったら見てください。 webpackとは webpack で始めるイマドキのフロントエンド開発の説明が良かったので引用させていただきます。m(_ _)m webpack は WebApp に必要なリソースの依
Kindle Unlimited Kindle Unlimitedが始まって定額で読み放題になった。だけど借りるつもりが間違って購入してしまうことが出てきた。Kindle Unlimitedに登録されている本だけ「1-Clickで今すぐ買う」を表示しないようにすれば、間違って購入することがなくなるだろう。 というわけで、そういうクローム拡張を作ってみました。クローム拡張は公開するのに登録が必要で500円がかかるようで、登録しないで使えるようにする勝手アプリもある。作ったのは勝手アプリなので、念のため処理の内容を書いておく。ファイルはmanifest.jsonとmyscript.jsの2つ。 manifest.json ここではAmazonのページのときにmyscript.jsを実行するようにしている。 Kindle Unlimitedであることの判定をして「1-Clickで今すぐ買う」の除
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く