Step by Stepで始めるPostCSS - Qiita
2016/9/8 ※cssnextに含まれる機能についての記事を書きました。 cssnextから学ぶ次世代CSS PostCSSを知っていますか？ 筆者はどこかで聞いたことあるぐらいで 次のCSS？ またSassみたいなやつ作ったのか もうSassで終わりにしようぜ（覚えるの辛い） といった負のイメージから勉強してみたのですが、だいぶ想像と違いました。 Sassの代替というよりかはCSSのエコシステムを構築するための共通基盤、といったところでしょうか。 本記事はタイトルにもあるようにPostCSSを使ってCSSをモダン化する流れで書きました。 「Sassすら使っていない」「このCSS界隈のライブラリよくわからない」という方こそ是非読んでみてください。 PostCSSとは 2015年4月頃以前はこんな感じ SassやLESSを筆頭にプリプロセッサとPostCSSを内部的につかっていたcssn
ImageMagickの脆弱性「ImageTragick」にサクッと対応する - Qiita
<policy domain="coder" rights="none" pattern="EPHEMERAL" /> <policy domain="coder" rights="none" pattern="URL" /> <policy domain="coder" rights="none" pattern="HTTPS" /> <policy domain="coder" rights="none" pattern="MVG" /> <policy domain="coder" rights="none" pattern="MSL" /> <policy domain="coder" rights="none" pattern="TEXT" /> <policy domain="coder" rights="none" pattern="SHOW" /> <policy doma
【Python】Pillowを使ってサムネイルを生成してみよう - らっちゃいブログ
サムネイルといえば ImageMagick ですが、自由にライブラリをインストールできない環境ではアプリケーション内でサムネイルを生成する必要がありますね。 Python では Pillow というライブラリを使ってサムネイルを生成することができますので、本記事では簡単な実装例を紹介してみます。 なお、本記事では Python2.7 ベースで記載することにします。(バイナリを扱う処理は Python3 よりPython2.7の方がわかりにくい気がするので) インストール 適用にサムネイルを作成してみる メモリ上でサムネイルを作成する exif 情報を考慮してサムネイルを生成する まとめ インストール pip を使ってインストールするだけです。 $ pip install pillow 適用にサムネイルを作成してみる 以下は 100x100 のサムネイルを生成するコードです。 from PI
Pillow(Python Imaging Library)のインストールと簡単なサンプルコード | mwSoft
Pillow(Python Imaging Library)のインストールと簡単なサンプルコード 概要 実践 コンピュータビジョンを読んで、出てきたサンプルコードを試したりいじったりする企画、その1-1。 書籍内ではPILを使っているけど現在はそのForkのPillowを使った方が良いよ的な話を見かけたので、そっちを利用。 Pillowのインストール pipで入れられる。 $ sudo pip install Pillow ドキュメントとかは下記にある。 http://pillow.readthedocs.org/ グレースケールに変換する まず、適当な画像を用意する。free imageから拝借。 これをグレースケールに変換するコード。 from PIL import Image # 画像を読み込む img = Image.open( 'foo.jpg' ) # グレースケールに変換 g
セーフモードでも起動できないという悪夢からの脱出、再び――Windows 10の場合
セーフモードでも起動できないという悪夢からの脱出、再び――Windows 10の場合：山市良のうぃんどうず日記（73）（1/2 ページ） 個人ユーザーは更新プログラムのコントロールが事実上できなくなってしまったWindows 10。更新プログラムが原因でPCが起動しなくなってしまったときの対処方法を詳しく解説します。 連載目次 ある日突然、PCが起動不能に。原因がWindows Updateだとしたら…… Windows 10の「Windows Update」は、個人ユーザーが更新プログラムのインストール方法を細かくカスタマイズすることができなくなりました。Windows 10 Anniversary Update（バージョン1607、ビルド14393）からは、Windows Updateの「詳細」オプションで「自動（推奨）」と「自動の日時を設定するように通知する」の選択肢も消えてしまって
JavaScript開発者が一度は読むべきStackOverflow - Qiita
10.How do JavaScript closures work? http://stackoverflow.com/questions/111102/how-do-javascript-closures-work JavaScriptのクロージャーについて 結構とっつきにくい「クロージャー」に苦労されている人も多いかもしれませんが、サンプルコードが多いので英語わからなくても助かります 個人的にはQuestionの「Like the old Albert Einstein said: ... 」というくだりが好きw 9. What does “use strict” do in JavaScript, and what is the reasoning behind it? http://stackoverflow.com/questions/1335851/what-does-use
[JS]縦長ページのスクロールエフェクトはこれが使いやすい！ビューポートをトリガーにしたスクリプト -in-view.js
ページをスクロールして、要素が表示された時にアニメーションを適用するエフェクトは非常に人気が高いですね。 要素がビューポートに入った時、そして出る時にそれぞれアニメーションを適用できる他のスクリプトに依存なし、超軽量（1.9kb gzip）のスクリプトを紹介します。 すべてのモダンブラウザとIE9+をサポートしており、現環境ほとんどで利用できます。 in-view.js -GitHub in-view.jsのデモ in-view.jsの使い方 in-view.jsのデモ デモは非常にシンプルで、ビューポートに要素が入った時と出る時にそれぞれアニメーションが適用されます。 アニメーションは入った度と出る度ごとに適用することも、一度だけ適用することもできます。
![[JS]縦長ページのスクロールエフェクトはこれが使いやすい！ビューポートをトリガーにしたスクリプト -in-view.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/42912a7e2d55f1411cc35125c5180a65f5fb702d/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201603%2F2016090505.png)
協働のためのデザイン思考の再構築 : could
2016年9月3日HTML5 Conference 2016が開催されました。1,200 人を超える参加者。6トラック同時進行という巨大イベント。どちらかと言えばエンジニア向けのセッションが多いイベントですが、そういう場だからこそ「ぜひ話したい」と思えたところがあります。 今回「協働のためのデザイン思考の再構築」という題名で話しました。以前からエンジニアとデザイナーとの間をどう繋げるかという課題について話したいという欲求がありました。ただ、こういうトピックはデザイナーばかりの場で話すのは意味ないですし、逆もしかりです。HTML5 Conference 2016 は、デザイントラックもあったことから、両方へリーチするには好都合。幸いエンジニアの方も私のセッションに参加していただいたみたいで、非常に嬉しかったです。 デザインシステムの課題 私は HTML, CSS, JavaScript は書
OLE開発記(2) - mizchi's blog
Tree of Savior のオープンβで進捗に悪影響がありましたが、最初の熱が醒めたので、どうにかなります。なると思う、たぶん… 何もしてないわけではなく、色々作ってはいた。 OLEという名前について OutLineEditorの略のつもりだったが、Windowsにそういう仕様があって、というツッコミが多かった。全く知らなかった。 OLEとは｜Object Linking and Embedding - 意味/定義/解説/説明 ： IT用語辞典 元々ole(仮)なので、名前を変えることには抵抗はないけど、まだ名前が思い浮かばないので、とりあえずこのままで。。 Markdownコンパイラの実装 色々と文法を拡張したり出力をコントロールするのに、自前のコンパイラを持っておくと便利と思って、remark をベースに実装した。 数式プレビューしたり、キャレット位置でコンパイル先とスクロール位置
くるくる巻き取れるBluetoothキーボード「KBB-710」は面白いが実用に耐えるのか？
くるくる巻き取れるBluetoothキーボード「KBB-710」は面白いが実用に耐えるのか？：Windows／Android／iOSで試してみた（1/3 ページ） 巻き取ることでスティック状にして持ち歩けるBluetoothキーボード、LG「Rolly Keyboard」に5列キーを採用した新モデルが登場した。特異な機構に注目が集まる製品だが、その使い勝手はどうなのか。 くるくる巻き取ることでスティック状にして持ち歩けるというユニークな機構が話題になった、LG ElectronicsのBluetoothキーボード「Rolly Keyboard KBB-700」。2015年9月に登場した初代モデルは、その後日本市場向けにカナ刻印が施されたモデルも発売されて好評を博したが、それから1年もたたない2016年の初夏に、早くも2代目のモデル「Rolly Keyboard 2 KBB-710」が出てき
フロッピーディスクの「フロッピー」ってそういう意味だったのか！ ITで学ぶ英単語
最近はほとんど見かけなくなりましたが、コンピュータ関連の記憶媒体の1つにフロッピーディスク（floppy disc）と呼ばれるものがあります。 磁性体を利用した磁気ディスクの一種で、ディスクの周りを、それを防護するためのジャケットが囲っています。1990年代に入るまでは広く使われていたのですが、CD-ROMの普及と同時にその数は急激に減っていきました。これを見越してフロッピー（弱い）と名付けた訳ではもちろんないのでしょうが、この歴史を知っていればfloppyのもつ弱々しいイメージを覚えやすいのではないのでしょうか。
昔のホームページにあった「リンク集」を完全再現してみた
これまで、何回かに渡って昔のホームページ（「Webサイト」ではなくあえてそう呼びたい）の話を書いてきたが、今回は、当時のホームページには必ず用意されていた「リンク集」についての話である。 あの頃の“ホームページ”は、アクセスするたびオルゴールの音が流れていた ホームページの「軽量化」に命を賭けていたあの頃のこと ネット上にまだ「草が生えていなかった」頃の話 「リンク集」とはどんなものだったか？ 自分のホームページを持っただけでは人との関係は生まれない。他のホームページに「リンクする」ことで関係は生まれる。現在の人々がSNSを介してつながるように、当時の人々は「リンク集」を介してつながっていた。それは楽しいことであると同時に面倒を生むことでもあったと記憶している。 2000年頃のホームページには高確率で「リンク集」というものがあった。これは具体的に示したほうが分かりやすいだろう。当時の記憶を
Swift学習・Xcode使い方入門｜iOSアプリ開発初心者の僕が最初に知りたかった作り方まとめ
はじめに iOSアプリの開発をSwiftで行う日々が1ヶ月程経過したので、初めて開発を行う前にこれは誰かに教えてもらいたかった、という内容をまとめます。実際に進める中で躓いた点ばかりなので、同じように新しくiOSアプリ開発を進める方の役に立てれば、と思っています。 対象としている方 僕はもともとweb系の開発の知識は少しはあったので、プログラミング言語やwebサービスの構成、データベースの使い方などは少しは分かってきています。そんな感じの知識レベルの方で、新しくiOSアプリを開発しようという方に有用なまとめになるように書こうと思います。 逆に、 ・プログラミングの勉強から初めて ・iOSではなくアンドロイドアプリを作ろうと思っている ・iOSでもアンドロイドアプリでもなくハイブリッドアプリを作ろうと思っている といった方にはイメージと異なる内容になってしまうと思います。また、 ・iOSアプ
Atomで特定のディレクトリの中でファイルを検索する時に使えるTips | GENDOSU@NET
Atom Editorで、プロジェクト内のファイルが多すぎてキーワード検索をかけると結果が多すぎて、そこからさらに検索かけたくなったりします。 そんな時に、例えばこのディレクトリは除外したい or このディレクトリ内だけ検索したい、なんて感じで条件が指定出来れば随分絞り込めると思います。 やり方は、 FindメニューのFind Project 普段、検索する時は こんな感じで検索画面が開くと思います。 この３段目、検索する場所を絞る設定になっています。 例えば、 lib配下だけを検索したい場合には ここに lib と入れれば良い訳です。 もし、複数の場所から検索したい場合は lib,app,public とすれば、libとappとpublicのディレクトリから検索出来ます。 さらに、例えばpublicの下に無駄に大きいassetsのautocompile結果が同時に格納されていたとして そ
マルチプラットフォームのコードエディタ Visual Studio Code に統合ターミナルがやってきた - kondoumh のブログ
VS Code にターミナルが統合された 現バージョン(1.4) まで気づいてませんでしたが、統合ターミナル (Integrated Terminal) 機能は 1.2 で追加されていました。 バージョン 1.2 : 統合ターミナル機能追加 バージョン 1.3 : 複数のターミナルを開くことができるようになった バージョン 1.4 : IME 対応、コンテキストメニュー実装 code.visualstudio.com 完成度上がってから知ったので、使ってみたインパクト大きかったです。 コードエディタにアドインされたターミナル機能 エディタに統合されたターミナルは新しい機能ではなく、Vim や Emacs にも実装されています。エディタを離れることなく OS のコマンドを実行したいというニーズは古くからあったということです*1。Mac 版 Emacs の場合だと OS X 標準のシェルである
テストコードにまつわる5つのエトセトラ - give IT a try
はじめに ひとつ前のエントリでRSpecの話を書いたので、それにちなんで最近僕の身の回りで起きたテストコードに関する雑多なエピソードをいくつか書いてみます。 その１：テストコードを書いてない処理で見事にバグを出してしまった・・・！！ 僕はソニックガーデンの中では「テスト番長」の異名を持っていて、基本的にテストコードはしっかり書くタイプです。 ですが、どうしてもリリースを優先しなければいけないときは、やむを得ずテストコードを後回しにして先にリリースすることもあります。 先日リリースした「テストを後回しにしたコード」は、リリース直後は問題なく動いていました。 その数週間後、別の仕様変更が入り、変更したコードをリリースしました。 「テストは全部パスしているので大丈夫なはず～！」と思ったら、リリースの翌日に変なシステムエラーが発生。 エラーが起きている場所を見て、ガーン。 例の「テストを後回しにし
アーキ部：テーブル設計をやってみよう！ - そこに仁義はあるのか(仮)
毎週金曜の定時後に弊社でアーキ部なるものが開催されています(✌'ω' ✌) スピードラーニング的に@kawasimaさんのお話を聞く会ですが、今週はテーブル設計がテーマでした！ この記事がすごく良かったので、触発されてブログ書く！！！ developer.hatenastaff.com お題 ↓のお題が出て、テーブル設計を考えてみるはなし。 要求仕様は以下のとおり。 ・宿の部屋は、シングルやツインのような部屋タイプが設定できます。 ・宿側で宿泊プランを設定できます。宿泊プランは適用される日付が設定できます。 ・プランには複数の部屋タイプが含まれることがあります。 ・宿側でプラン・部屋タイプ・宿泊日ごとに宿泊費の設定ができます。 ・カスタマはプラン・部屋タイプ・宿泊日を指定して宿泊予約ができます。 ・予約は会員でも非会員でも可能です。 ・また、会員・非会員に関わらず、宿をお気に入りに登録でき
Qiitaのスライドモードは、mizchiが勝手に作った！？─Incrementsの縛られない開発スタイルを聞いてみた
Qiitaのスライドモードは、mizchiが勝手に作った！？─Incrementsの縛られない開発スタイルを聞いてみた 馬場 美由紀（HTML5 Experts.jp編集部） 及川卓也さんや田中洋一郎さんをはじめ、著名なエンジニアが次々と入社していることで話題のIncrements。8月にはさらにCSSのコードフォーマッターであるStylefmtの作者・morishitterこと森下雅章さんを迎えるなど、さらに開発陣営を強化しています。 今回はさっそく森下さんにも加わっていただき、白石俊平編集長を聞き手に、CTOの髙橋侑久さん、フロントエンドエンジニアmizchiさん、デザイナーの東峰裕之さんに、「Qiita」の開発環境や開発スタイルなどについて聞いてみました。 特定領域でとんがってるスペシャリストが増えてきた 白石：まずは、自己紹介とQiitaの開発チームでの役割についてお聞かせください
パソコンのSSDが故障した顛末 - 迎え角30deg.
パソコンのSSDが故障した。これまでHDDの故障は何度も経験してきたため、HDDの不調や壊れる前兆は察知できるようになっていたのだが、SSDについては初めての経験だったために、なかなか原因を特定することが出来ず解決に時間がかかってしまった。その顛末をまとめておく。 環境(自作PC) 故障したSSD : Intel 335 Series SSDSC2CT240A4 使用開始日 2013年5月6日(3年と約3か月) 容量240GBのうち、約180GB程度を使用 システムドライブとしてOSとアプリケーションのみを格納 ほぼ毎日プライベートで使用。起動時間は平日で3～6時間、休日はほぼ丸一日。(廃人である) SSDが故障して何が起こったか Windowsは正常に起動するものの、数分～数時間でフリーズすることがある。 完璧なフリーズで、画面上の一切が反応しなくなる。タスクマネージャを呼び出すことも出
Adsenseより儲かる？CPM保証型広告『クリテオ(Criteo)』をブログに導入したので色々まとめてみる - ゆとりずむ
こんにちは、らくからちゃです。 どうせブログをやるならお小遣いが貰えたほうがいい。どうせお小遣いが貰えるなら多いほうがいい。というわけで、ブログの収益向上を図って『クリテオ(Criteo)』という広告を導入してみました。 クリテオって、広告を出す（出稿者）側についてはそれなりに情報があるのですが、広告を表示する（メディア）側についてはほとんど情報が無いんですよね〜(；´Д｀) そこで色々と調べてみた結果、試してみた結果、そして思ったことについてまとめます。 クリテオ(Criteo)とはどんな広告か？ ブログに設置される広告といえば Google Adsense nend Amazon アソシエイト 楽天アフィリエイト などが有名かと思います。その他には、A8.netやValueCommerceなどのアフィリエイトプログラムや、Adcropsやsmarc-Cなんかのアプリインストール型の広告
一から自分でコードをバリバリ書くという幻想 #21
友人からこんなコメントをもらった。「最近 bk ノートが、何か困ると同僚に聞きに行くキャラになりつつありますよ。もっと上から目線で書かないと。するとカコイイ！ とか言ってくれる人が出てきますよ」 そんなことを言われても、困ったら助けてもらうというのは事実なんだからしょうがない。そもそも、自分の弱さを認めるが強さの始まりというものだ、うんぬん。こんなことを書けば上から目線っぽい？。。が、やっぱりやめておこう。 話を変える。既存のコードをちまちまリファクタリングして、少しだけ新しいコードを追加して、デバッグして、なんてことを年がら年中やっていると、一から自分でコードをバリバリ書けたらどんなに楽しいだろう、なんてことを考えることがある。大きなプロジェクトの中で何かをやっていると、そういう機会は滅多にない。ぶつぶつ言いながら既存のコードをいじくりまわしていることの方が多いのだ。 が、あるとき、ひと
29歳女メンヘラエンジニアはDMM.com Laboを退職した - arimoつくったメモ
※2016-09-08追記、5分前に来ないと遅刻制度はなくなったそうです。 掲題の件、2年半ぐらい在籍していた DMM.com Laboを8月1日付けで退職していました。 何してたか 海外チーム、アプリチームと渡り歩いて最後の2か月くらいは社内公募に手を上げてインフラの部署にある「ツチノコ企画室」っていうヤバイ名前のところに異動していました。技術広報とか、イベント設営したりとか、ノベルティ作ったりとか。 イラレとかフォトショをチョットデキルとか、ブログを書くのが苦じゃないとか、フロントエンドとバックエンド両方チョットデキルの特性を生かしてもらえてすごく自分に合っていたなあと思います。技術広報というものを体験できて本当に良かったなあと思います。 その部署の上司も同僚もよく褒めてくれていたので調子に乗れていました。 インフラは私の知らない分野のハイパープロフェッショナルの方がいっぱいいて、尊敬
iPadってどこが難しいんだろう
社長がiPadをどこからかもらったけど、使い方が分からなくてぜんぜん活用してないらしい。 オレに「今度教えてくれよ」とか言ってた。 この前知り会った女の子も、iPadを買ったけど難しくてぜんぜん使ってないとか。 Nexus7がでたころに同僚に「PC使えない年寄りでもタブレットなら使えるんじゃない?」みたいな話をしたら「え？タブレットのほうが難しいでしょ」とか言われたこともあった。 オレの親みたいに、ガラケーの電話番号登録も自分でできないレベルだったらiPadが難しいのは分かる。 でも、社長はPCでExcelを使ったりメールを使ったりしてるし、若い頃はアセンブラのプログラマーだったらしい。 女の子のほうは、iPhoneで動画を見たりSNSを使ったりしてる。 iPadなんて、iPhoneが大きくなっただけなのに、どこに難しい要素があるのか。 PCを使ってるけどiPadは難しいみたいな人に、具体
自分の好きな機能のパーツを組み合わせてスマホを作るGoogleの「Project Ara」が開発中断
Googleのパーツ組み換え式スマートフォン開発プロジェクト「Project Ara」といえば、Google I/O 2016の中でより現実的な端末路線へのシフトおよび、2016年後半の開発者向けエディションのリリース、さらに2017年の一般向け製品版リリースが発表されていました。しかし、VentureBeatやReutersといったメディアが、プロジェクトは一時中断状態にあると報道しています。 Google confirms suspension of Ara modular smartphone project | VentureBeat | Mobile | by Harrison Weber http://venturebeat.com/2016/09/02/google-confirms-it-has-suspended-its-ara-modular-smartphone-pr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
web2py - デプロイレシピ
株式会社スカラコミュニケーションズ
Tutorial — Pillow (PIL Fork) 3.1.2 documentation
【 yum 】コマンド（応用編その2）――プログラムグループのリストを表示する
充電式で何度でも使える！ バッテリー内蔵のエアダスターが登場、サンコー逆さま使用も可能
良きモノの提供に向けた協働 - 開発とテストが一体となったソフトウェア開発 -
まとめよう、あつまろう - Togetter
ビジネスモデルの作り方
