ほんのちょっと高度なSVGスプライトの使い方
当ブログではちょくちょくSVGについて書いていました。 （といっても、ほぼ月一更新なので、前に書いたのは1年くらい前かもしれませんが……） みなさま使ってらっしゃいますでしょうか？ 今回は「ほんのちょっと高度なSVGスプライトの使い方」と銘打って、『グラフィックのモジュール化』を行うための基礎的な考え方と方法をお伝えします。 ロゴにこそ、使ってみようSVGスプライト このブログでもロゴ（というレベルのクオリティではありませんが…）をSVGで表示させています。 また、お気付きの方もいらっしゃるかと思いますが、このトピックス「Web Resource」とその他のトピックスでは使用しているロゴの形状が異なっています。 しかし、これらはすべて「一つのSVGスプライトファイル」の中の「同一データ」です。 アイコン等をひとまとめにして、httpリクエストをみだりに増やさず、かつ非常に軽量（これだけのグ
【第20回】potatotips(iOS/Android開発Tips共有会) まとめ - Qiita
【第20回】potatotips(iOS/Android開発Tips共有会)に「ブログまとめ枠」で参加しました まとめはQiitaでもOKとのことなので投稿します 発表を聞きながらメモったことをふんわりまとめてあります 発表者の発言そのものではない点、ご注意ください お気づきの点がありましたらお気軽にコメントおねがいします! 発表一覧 会場 会場は 株式会社VOYAGE GROUP さんです。 海賊船ぽいオフィス!(撮影許可頂いてます) お邪魔してます！会場はほぼ一本道の一番奥です！ #potatotips pic.twitter.com/DixlOm1zZz — ohkawa (@ohkawa_m) 2015, 8月 11 受付近くのスペースからgolangについて熱く語る声が聞こえてくるポテチ会場 #potatotips pic.twitter.com/sWr0f3Ez1v — ohk
65K問題が起きた時の犯人を調べる方法 - Qiita
前置き いろいろとライブラリを導入していったら、プロジェクトの初期にもかかわらず65K 問題が発生・・・。 2日ぐらい悪戦苦闘してベスト・プラクティスを発見したのでメモ。 Proguradで挫折 とりあえずは下記ページを参考にした。 Androidのメソッド数が65k(65536)を超えた場合にビルドができなくなる問題の対処法 Multidex化してもよいのだけれど、アプリのサイズが増えるのがどうしても許容できなかったため、proguardで利用していないメソッドを消す戦略をとった。 頑張った結果、アプリケーションの65K問題を回避できた。 ただdebugビルドにもproguardファイルが必須となり、testで65k問題が発生する・・・！ヽ(｀Д´)/ Instrumentation周りのproguard設定はかなり辛くて挫折。。。 JakeWharton神 現実逃避しながらgithub
これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。
Photoshopにはさまざまな切り取り方法があり、画像の質や状況に応じて使い分けることで思い通りの作品が作れるようになります。 しかし、すべての技術を身に付けてから作品を作ろうとすると時間もかかるので、作品の完成イメージから逆算して、その都度どんな技術が必要なのかを考えながら身に付けるようにすると、より早いスキルアップに繋がります。 ここでは、輪郭が複雑な画像でもほぼ完璧に切り抜くためのPhotoshopテクニックを解説します。 ※コンテストで賞を頂いた際も、ここで紹介している切り取り方法を活用しているので参考にしてみてください ⇒ デザインコンテスト第3弾 Surf in the Cityで受賞を頂いた想いと作品の解説。 FreeRide SNOW BOARD 今回は、元の右画像から空中に飛んでいるスノーボーダーを切り取って、左画像のように雪山の背景に合成させたいと思います。 このよう
IT屋必見！ 『コマンドプロンプト』のストレスが少し減る小技集 - ゆとりずむ
こんにちは。らくからちゃです。 今日も、東京も東京証券所も雨模様ですね。昨日よりかは、多少小雨になってきたようですが、遠くの方に台風が見えるのが気になります。最大瞬間風速50メートル以上と、大変強力な台風なので、お庭においてあるあれやこれも、ポートフォリオも吹き飛ばされないようにご警戒ください。 さて、自己紹介のところでも書かせて頂いていますが、なんちゃってコンサルタントをやらせて頂いております。ただ、システムのインストールやら、アドオン開発のテストなどなどで、見よう見まねでエンジニアっぽいことをやっている時も御座います。（到底本職の人には敵いませんが・・・） まあお客様がご利用している端末がWindowsであることが殆どですので、システムをメンテナンスする際にもWindowsのコンソール機能である『コマンドプロンプト』を使うことになります。このコマンドプロンプト、ちょっとした小技で随分い
WordPressでしっかり設定しておきたいセキュリティやメンテナンスに役立つ.htaccessのまとめ
WordPressでブログやサイトを運営する前、そして運営している時にしっかり設定しておきたいWordPressのセキュリティやメンテナンスに役立つ.htaccessの設定を紹介します。 .htaccessファイルを守る 最初に行うことは、.htaccessをあなた以外の無許可のアクセスから守ることです。下記のスニペットは第三者があなたの.htaccessファイルにアクセスするのを阻止します。 ルートの「.htaccess」に下記を記述します。 <files ~ "^.*\.([Hh][Tt][Aa])"> order allow,deny deny from all satisfy all </files> wp-config.phpファイルを守る WordPressでもう一つ重要なファイルがあります、それはwp-config.phpです。
(0, eval)('this')とは何なのか - Qiita
この(0,eval)('this')はいったい何なのか。調べた。 調べた結果 これはindirect eval callを使用した、どのスコープでも必ずグローバルオブジェクトのthisを取得するためのテクニックであった。 ES5ではevalを直接呼び出すと、引数のコードはそのスコープで実行されるが、間接的にevalを呼び出すと、引数のコードは必ずグローバルスコープとなるそうだ。なので引数のthisは必ずグローバルオブジェクトとなる。ブラウザではwindowとなり、Nodeではglobalになるのだ。実際どうするかだが、eval関数を変数に代入し、その変数で実行すればよい。 // Nodeで実行 var obj = new (function(){ this.direct = eval('this'); var ev = eval;// 変数に代入 this.indirect = ev('t
97久久精品免费公开_少妇老师后进式20p_国产丝袜第一页_中文av人妻av无码中文
91最新在线人成免费观看_chinese青年大学生gay自慰_欧美肥老太牲交大战_欧美videosgratis杂交_国产醉酒迷奷系列在线播放_久久综合97丁香色香蕉_欧美激情精品久久
ターミナルの表示が崩れたときの対処法
よくターミナルで、catとかlessとかファイルなどを見たときに2バイト文字が化けて出力されて以降にlsなどの出力がガタガタになるときありますよね。 あれ、ないですか？それは幸せですね。 僕はよくあるんですけど、そういうときの対処法を昔だれかに聞いて、それ以来この状態になるとずっと今回紹介する技を使ってきています。 やり方は簡単です、ターミナルに以下のコマンド(?)を打つだけです。 % echo ^[c でも、単純に「echo スペース ハット ブラケット c」って打ってもだめです。 実際には「echo Ctrl-v Esc c」と打っています。 このあとリターンを押せば、あら不思議。 ガタガタしてた出力が直ります。 他にも対処法あると思いますが、僕がよく使うのはこれです。 これはエスケープシーケンスの1種で、この用途以外にもターミナルで色などを変えることもできます。ネットで調べると色の定
git commit --allow-empty を使った WIP PR ワークフロー - Qiita
先日とある方と開発ワークフローについてお話していて初めて知ったのですがgit-commitには--allow-emptyという空の（親コミットと差分がない）コミットを作成できるらしいですね。 僕が今関わっているプロジェクトでは WIP PR を用いたワークフローを取り入れているのですが、このgit commit --allow-emptyを用いるともう一段階快適なワークフローになるかと思ったのでメモがてら書き留めておきます。 WIP PR って何？ Work In Progress Pull Request の略です。 Github に Pull Request （以下、PR と表記）という機能があるのは皆さんご存知だと思います（知らない方はググってください）し、業務で取り入れている方も多いと思いますが、それを作業途中の状態で出すことを WIP PR と呼びます。 作業途中のトピックブラン
Linuxのtracerouteコマンドで覚えておきたい使い方8個 | 俺的備忘録 〜なんかいろいろ〜
特定のホストへのルートを確認するコマンドといえば、tracerouteコマンドだ。 今回は、そんなtracerouteコマンドで覚えておきたい使い方についてまとめてみる事にした。 1.基本的な使い方 tracerouteコマンドは、基本的には以下のように実行し、そのホストに至るまでの経路(どこのルーターを通っているか等)を確認出来る。 デフォルトでは、UDPプロトコルを利用して通信確認を行う。 traceroute 対象ホスト(ホスト名・IPアドレス) tracerouteコマンドでは、対象のホストに向けてTTLを1づつ足して通信確認を行っている。 そのため、通信の途中で傷害が発生していたとしても、どこの経路で発生しているのかがわかるようになっている。 動作のより詳しい解説については、こちらのサイトが記述してくれている。 2.使用するプロトコル・ポートを変更する デフォルトではUDPプロト
Google検索で知らないと損する40個の便利な使い方
今では誰もが「Google検索」を使って知りたいことを調べられる時代。「ググる」という動詞の意味する動作が「検索する」ことではなくなる時代がやって来つつあります。Googleは人工知能の研究開発に莫大な資本を投じているとされており、Googleユーザーが知りたいことや実行したいことは人工知能アシスタントがこなしてくれる時代が来ても不思議ではありません。「ググる」が人工知能を利用することを指すようになる可能性を考慮しておいてもよいでしょう。 したがって、長期的に見れば、本記事のような検索の便利な「使い方」は不要となっていくでしょう。進化した人工知能は、人間の曖昧な要求に対して、的確に対応してくれるはずだからです。実際、Google検索では会話型検索機能が強化されてきています。 しかし、少なくとも当面のところ、Googleを使いこなすためにはユーザー自身の脳にある程度の使い方をインプットしてお
ネットワークの状況を確認するコマンド色々 | DevelopersIO
なんで相手に繋がらないの！？ サーバ管理していてよく起こる問題は、「なんで繋がらないの！？」ですよね。そこで、今回は基本的なネットワークをご紹介したいと思います。OSやツールのバージョンにより動作が異なりますので、それぞれ調べてみて頂ければと思います。今回は、Amazon Linux 2015.03を用いています。 ping 基本はpingですね。ICMPのにあるエコー要求/応答のpingを使って接続確認を行います。 $ ping yahoo.co.jp PING yahoo.co.jp (182.22.59.229) 56(84) bytes of data. 64 bytes from f1.top.vip.ssk.yahoo.co.jp (182.22.59.229): icmp_seq=1 ttl=54 time=4.84 ms 64 bytes from f1.top.vip.s
動画から連続画像出力する - フルスタックっていうか、いろいろやりたい
久富慶子アナです。やべっちでのユニホーム姿とかいいですね。 macで動画から画像を連続出力する方法について説明します。 まず、ffmpegをインストールします brew install ffmpegこれで、たとえば以下のようなコマンドをうつことによって 画像が出力されます。 動画のすべてのframeを画像出力する ffmpeg -i hoge.mov -an -vsync 0 img%03d.png動画のすべてをframeを1として画像出力する（18秒の動画なら18枚出力） ffmpeg -i hoge.mp4 -an -r 1 img%03d.png 参考） 【ffmpeg】動画から特定フレームを画像で出力する方法 : ニコニコ動画研究所
Linuxのpingコマンドで覚えておきたい使い方16個(+2個) | 俺的備忘録 〜なんかいろいろ〜
仕事でLinuxを利用していれば、必ずやお世話になるであろうpingコマンド。 しかし、大体の人はなんとなく使っていないだろうか？今回は、そんなpingコマンドで覚えておきたい使い方についてを紹介する。 1.基本的な使い方 まずは基本的な使い方…といっても、大体の人はわかるだろう。 以下のようにコマンドを実行する事で、相手先のホストが疎通可能な状態かを確認する。 ping 相手先のホスト名(IPアドレス) test@ubuntu-server:~$ ping 192.168.0.1 PING 192.168.0.1 (192.168.0.1) 56(84) bytes of data. 64 bytes from 192.168.0.1: icmp_seq=1 ttl=255 time=0.574 ms 64 bytes from 192.168.0.1: icmp_seq=2 ttl=2
bashのTips色々 - Qiita
概要 bashの記法は独特なものが多く毎回ググってしまうのでまとめて(と言いつつまとまりがないですが。。。)おこうと思います。 ある程度まとまってからpostしようとか思ってたらごちゃごちゃになっちゃいました。 bashで使えるという意味なのでposixシェル共通のネタも混ざってます。 随時更新します。参考になれば幸いです。 参考 man bash リファレンスマニュアル Advanced Bash-Scripting Guide カッコ色々 bashでは色々なカッコがありますが、よく違いが分からず使っていたりするのでまとめてみます。 []と[[]] []はtestコマンドのaliasです。[[]]じゃないとできないこととしては、以下のようなものがあります。 空白を含む文字列をクォートしなくてOK var='abc 123' # []の中だとクォートしないとエラーになる [ $var =
cron力をつけよう！全てのcrontab入門者に贈る9個のテクニック · DQNEO日記
なお、時間設定方法や書式についてはここでは解説しません。 拙作「くろんメーカ」をお使いください。 くろんメーカ - crontab用のコマンドを自動で生成します。 そのままコピペしてお使いください。 crontab -e で直接編集しない 有名な話ですが、crontab -r とやってしまうと全てが一瞬で消え去ります。 まさにバルス！ 間違えて crontab -r してしまい、crontab をふっとばしてしまった。つか、隣同士にある -e と -r で編集と削除とか、酷いよ＞＜。。。 crontab -r を安全にする - antipop 必ずローカルファイルに設定を書いたうえで、それを反映させるようにしましょう。 $ crontab -l > ~/crontab # 現在の設定をバックアップ $ vi ~/crontab # ローカルファイルを編集 $ crontab < ~/cro
【初心者向け】各OSのTCP通信チェックコマンド入門 | DevelopersIO
最新版は以下となります。 https://dev.classmethod.jp/etc/ec2-tcp-port-check-command-2018/ こんにちはコカコーラ好きの梶です。 EC2では色々なOSが構築できますよね。構築後の通信確認はどのように実施してますか？ 各OSで他のインスタンスへTCP通信確認のために、ツールをインストールしたり、ICMPなどの別なプロトコルで確認するためにSecurity Groupを一時解放していませんか？ 構築直後の状態で、簡単にTCPポート疎通確認可能なコマンドをご紹介します。 Amazon Linux,Ubuntu,Windows2012R2,CentOSについて自分も忘れやすいのでまとめてみました。 どなたかのお役に立てれば幸いです。 Amazon Linux 動作確認AMI:amzn-ami-hvm-2014.09.2.x86_64-eb
ターミナルの作業が捗るかもな小技５つ - Qiita
ターミナルで作業する事が多いんですが、そのときによく使っているちょっとしたときに便利なコマンドなどを紹介します。 bashで説明します。 (zsh でもつかえるし、もっと便利になる物も多いですが) 1. 並列な階層に複数ディレクトリを一度に作成 {} を利用します。 aa,bb,cc というディレクトリを作るとき。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://qiita.com/falsandtru/items/0e92c2ee8f4a6b940133