タグ

2017年2月11日のブックマーク (45件)

  • けものフレンズ語録から出来たプログラミング言語「Kemono」の使い方

    最近、アニメ界隈で何かと話題になっている「けものフレンズ」。 第一話は「手抜き」「縛られないと見れない」「2分で切った」など…酷評を受けていたようですが、話が進むに連れてクセのあるストーリーに引き込まれていく人がじわじわと増えてきたようで、第五話を迎えた今週あたりから Twitter や 某掲示板 などで流行しています。 そんなけものフレンズのキャラクターのセリフ(主に主人公)から出来たBrainf**k系言語が masarakki 氏 によってGitHubに公開されていたので、ここでは 真面目にご紹介 させて頂きたいと思います。わーい!ガイド!ガイド! インストールのしかただよー! r-fxxk まず、この Kemono言語 はRubyの Brainf**k系 ライブラリに依存してるからそれをgemでインストールする必要があるよ!ライブラリの名前は r-fxxk って言うんだ―!なんかむ

    けものフレンズ語録から出来たプログラミング言語「Kemono」の使い方
    yoshi-na
    yoshi-na 2017/02/11
    「たのしー!」って言うのに何回たのしー!するんだろうか
  • 私は怒ってる!ヒドい写真盗用に遭ったので経緯と対策をまとめてみた!

    バイラルメディアの台頭(すでに衰退気味?)により著作物の無断使用が問題になる事が多い今日この頃ですが、この度私の撮影した写真についても悪質な盗用を2件ほど見つけてしまいました。。そこで今回は写真盗用事件の経緯やなるべく被害に遭わないための対策、自分の写真が盗用されていないかどうか見つける方法について紹介します。 写真の無断使用(盗用)に遭いました。。怒っている!というよりは呆れているとか、困惑しているという表現の方が正しいかも知れません。。 今に始まった事では無いですが、一部のバイラルメディアによる著作権を軽視(無視?)したパクり記事やパクツイ問題など、著作権の問題には何かと事欠かない今日この頃。 私のサイトでもいままで軽微な問題はいくつかあったのですが、今回かなり悪質な写真の盗用(無断使用)のケースが一気に2件も発見されたので、世の中への啓蒙、問題提起も含めて一度まとめてみようと思います

    私は怒ってる!ヒドい写真盗用に遭ったので経緯と対策をまとめてみた!
    yoshi-na
    yoshi-na 2017/02/11
    追記
  • mo · js - Web上でモーションアニメーションを実現 MOONGIFT

    Webの表現力は上がったと言われていますが、そのためのテクニックは必要です。SVGやCanvasを使いこなすのは相当難しく、専用のライブラリを使う方が手軽にアニメーションなどが実現できます。 今回紹介するmo · jsもその一つで、モーションアニメーションが実装できるライブラリです。 mo · jsの使い方 実装例です。かなり派手なアニメーションです。 クリックイベントと合わせた場合。メニューなどに使えそうです。 イラストとの連携もできます。 横から登場。 こちらもクリックイベントです。 Twitterのスターボタン風アニメーション。 mo · jsを使えば何も大きなアニメーションだけでなく、ユーザイベントをきっかけにしたアニメーションが実現できます。UXを高めるための施策に使えそうです。ちょっとしたアニメーションはユーザの目を引いたり、大事なポイントを気付かせるのに便利でしょう。 mo

    mo · js - Web上でモーションアニメーションを実現 MOONGIFT
    yoshi-na
    yoshi-na 2017/02/11
  • 文字まわりのCSSを色々と試してみた | Swings

    文字まわりのCSSを色々と試してみた | Swings
    yoshi-na
    yoshi-na 2017/02/11
  • CSSのcalc()関数を使うとスゴイ便利!ページのレイアウト、要素やフォントのサイズ指定など実装テクニックのまとめ

    pxでも、%, em, rem, vw, vhなどの相対単位でも、異なる単位の計算式で値を指定できる「calc()」がどのように機能し、どのように使うのか、「calc()」を使うと便利になる要素のセンタリング、フォントサイズ、グリッドの作成などの実装例を紹介します。 Opera Miniを除くすべてのメジャーブラウザに「calc()」はサポートされており、レスポンシブとも非常に相性のよいCSSの関数です。 How calc() Works 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 「calc()」とは値を計算式で指定できる 「calc()」を使う理由 「calc()」の使い方 「calc()」を使うと便利になる実装テクニック 「calc()」とは値を計算式で指定できる CSS3の「calc()」は、プロパティの値を計算式で

    CSSのcalc()関数を使うとスゴイ便利!ページのレイアウト、要素やフォントのサイズ指定など実装テクニックのまとめ
    yoshi-na
    yoshi-na 2017/02/11
    calcってIE11も対応してたんだ… IE切り捨てるつもりで使ってたけど知らなかった
  • 【CSS】各インターネットブラウザでのCSSハックの方法とは | KUSU'S SITE

    FirefoxやGoogle Chromeなど、パソコンからWebサイトを見る際には様々なインターネットブラウザが存在しています。 ここで出てくる問題として、各ブラウザによってCSSで組んだレイアウトが自分が思っていたのとは違ってうまく表示されない場合が出てきます。 例えば、Firefoxではうまく表示されているのにGoogle Chromeではちょっと崩れた状態で表示されてしまう…など。 特にInternet Explorer(以下IE)では表示がうまくされない場合があるので、IEのみに適用させるCSSの設定については以前、IE用CSSハックの方法とは?にて紹介しました。 そこで今回は各インターネットブラウザのうち、特定のブラウザのみに適用させるCSSの記述方法をご紹介します! 今回は例として<span>~</span>に適用させれるよう設定したいと思います。 Firefoxのみに適用さ

    【CSS】各インターネットブラウザでのCSSハックの方法とは | KUSU'S SITE
    yoshi-na
    yoshi-na 2017/02/11
  • WEBデザインの参考になるまとめサイトを40サイトまとめてみました。 – ホームページ・デザイン制作のAWESOME | 加古川・姫路・明石

    WEBデザイナー、WEBディレクターにかかわらずWEBデザインの制作やミーティングの際、参考サイトを探される方は少なくないことでしょう。 「このような雰囲気のサイトにしませんか?」 「このようなレイアウトはいかがでしょうか?」 参考サイトと共にWEBデザインを固めていく事は制作の現場ではよくあります。 WEBデザイナーにとっても、初めて関わるジャンルの案件や行き詰ったときなんかはWEBデザインの参考にするために多くのサイトを渡り歩きます。 そんな時に役に立つのがWEBデザイン参考サイトです。 星の数ほどあるWEBサイトをまとめてくれている、WEBデザイン参考サイトが実は沢山あります。 うまく活用することで、参考サイトを探す時間を限りなく短くすることができます。 今回はそんなWEBデザインのまとめサイトを一気にまとめてみました。 WEBデザインに関わる方は是非ブックマークしてくださいね。 W

    WEBデザインの参考になるまとめサイトを40サイトまとめてみました。 – ホームページ・デザイン制作のAWESOME | 加古川・姫路・明石
    yoshi-na
    yoshi-na 2017/02/11
    WEBデザインのまとめのまとめ
  • GitHub - balzss/luxbar: :cocktail: Featherweight, Responsive, CSS Only Navigation Bar

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - balzss/luxbar: :cocktail: Featherweight, Responsive, CSS Only Navigation Bar
    yoshi-na
    yoshi-na 2017/02/11
    CSSオンリーでレスポンシブなナビゲーションバー ハンバーガーボタンもクルクルするやつ
  • LINE Botが超便利になるLINE Loginバージョン2の解説と実装方法(Heroku+PHP) - Qiita

    LINE Login v2がものすごく便利なのに解説した記事が見当たらないので、LINE Messaging APIとの連携を例として書いておきます。(すいません、Salesforce版はありました > http://qiita.com/hhayai/items/c7d1d8e30751871aafc7) これが使えるとLINE Botで出来ることが格段に増えるのでBot Awardとか狙っている人にはものすごく便利かと。 LINE Bot Awards LINE Login バージョン2とMessaging APIを組み合わせて出来ること LINEのIn AppブラウザでユーザーはLINEのアカウントを利用してログインできる 2度目以降はIDパスワード入力無しの自動ログイン ログイン後はブラウザ上でもLINEの表示名、サムネイル、Messaging APIと共通のuserIdが取得できる

    LINE Botが超便利になるLINE Loginバージョン2の解説と実装方法(Heroku+PHP) - Qiita
    yoshi-na
    yoshi-na 2017/02/11
  • メニューバーからDockerコンテナの情報を閲覧&管理できるMac用ユーティリティアプリ「Captain」がリリース。

    メニューバーからDockerコンテナの情報を閲覧&管理できるMac用ユーティリティアプリ「Captain」がリリースされています。詳細は以下から。 CaptainはオランダのePayサービスMollieのエンジニアRick Wongさんが開発&公開したMac用ユーティリティアプリで、Mac上で起動しているDockerの情報を閲覧&管理することが出来ます。 Captain Manage Docker containers.Instantly from the menu bar. Captain for Mac – Captain Captainはメニューバー常駐型アプリで、メニューバーアイコンをクリックするとDockerのバージョン、取得しているイメージの表示の他、キーボード入力と合わせて以下の機能が利用可能です。 コンテナの起動&停止 コンテナの自動グループ化表示 コンテナのkill (C

    メニューバーからDockerコンテナの情報を閲覧&管理できるMac用ユーティリティアプリ「Captain」がリリース。
    yoshi-na
    yoshi-na 2017/02/11
  • 基板の配線パターンで描いたエヴァ初号機のiPhone 7/7 Plus向けケース

    電子技販は、2月10日に基板アート雑貨「FLASHシリーズ」からiPhone 7/7 Plus向けケース「FLASH EVA01 基板アート」を発売した。 製品は人気アニメ「エヴァンゲリオン」シリーズに登場する「エヴァンゲリオン初号機」を基板の配線パターンでデザインしたケース。約14万ラインで緻密に描き、初号機の周りは起動実験場をイメージしている。 iPhoneが発する電波や改札の電波でLEDが光る回路を搭載しており、胸部のコア部に実装したLEDが赤色に光る仕組み。Googleマップや地図アプリ使用時、位置情報を探している時などiPhoneが強い電波を発した時にランダムで光るが、電源は必要ない。ケースの素材にはTPUを使用。カラーは緑、黒、白の3色から選べる。 価格はiPhone 7用が1万6200円(税込、以下同)、iPhone 7 Plus用が1万7280円。また、同デザインのICカ

    基板の配線パターンで描いたエヴァ初号機のiPhone 7/7 Plus向けケース
    yoshi-na
    yoshi-na 2017/02/11
    1万6200円…
  • 9年続いてます! うつ病のひとが付き合える恋人の特徴9選 | メンタルハック

    心理学やメンタルハック(心の分析、改善)が大好き。 新卒でIT企業に就職 → 半年でうつ病 → フリーランス。 ブログを仕事にして(最高45万PV)お金を稼ぎつつ、を読み漁ってます。 #うつマッピングの著者です。 ≫詳細プロフィールはこちら ≫YouTubeチャンネル

    9年続いてます! うつ病のひとが付き合える恋人の特徴9選 | メンタルハック
    yoshi-na
    yoshi-na 2017/02/11
  • うつ病の「心」の状態とは? 症状以外から説明するうつ病―そもそも「心」イコール「脳」なのか? | ダ・ヴィンチWeb

    『脳はいかに意識をつくるのか 脳の異常から心の謎に迫る』(ゲオルク・ノルトフ:著、高橋洋:訳/白揚社) 誰にとっても身近な病である「うつ病」。症状は、気分の落ち込み、不眠、罪悪感、絶望感、欲の異常、自殺念慮などなど。発症の引き金にはストレスが影響しているといわれる。 うつ病は、脳内の神経伝達物質セロトニンの不足が原因とされるが、まだわかっていないことも多い。例えば、患いやすさに個人差はあるのか、あるとしたらその原因は何か、遺伝と環境のどちらが影響するのかといったことだ。現在は、脳科学からのアプローチがさかんだが、その一方で、「心」イコール「脳」なのかという疑問も健在だ。 『脳はいかに意識をつくるのか 脳の異常から心の謎に迫る』(ゲオルク・ノルトフ:著、高橋洋:訳/白揚社)は、医学上の研究や治療効果を認めた上で、心と脳の関係を考え直した。「心はいかに脳に関係するのだろうか?」という疑問を

    うつ病の「心」の状態とは? 症状以外から説明するうつ病―そもそも「心」イコール「脳」なのか? | ダ・ヴィンチWeb
    yoshi-na
    yoshi-na 2017/02/11
  • 精神疾患の皆さん、自分を責めないで(改訂版&再放送) - 双極性障害2型と生きる いつも上を見上げて 

    みなさん、ごきげんいかがでしょうか?マイクです。今日は精神疾患、特にうつ病、双極II型障害の人の病前性格について弁護したいとおもいます。以前に書いたものの改訂版です。 性格は面の裏表である 双極II型障害の他者に対する配慮 そのおかげで感謝している人もいる 双極II型障害の人は優等生で甘えベタ うつ病の人は生真面目で完璧主義 欠点は長所となりうる 性格は面の裏表である どんな精神疾患でも共通のことですが、患者が自分の中にある問題に気がついて、それに適切に対処するためには、その問題を欠点としてのみ捉えてしまうとうまくいかないと言われています。それでは患者は自分を攻めるばかりで浮かばれません。 症状であれ生まれ持った性格であれ、それは面の表裏です。かならず評価できる部分が存在します。 双極II型障害の他者に対する配慮 双極II型障害の人の場合、多くの患者さんに見られる性格として、この患者が持つ

    精神疾患の皆さん、自分を責めないで(改訂版&再放送) - 双極性障害2型と生きる いつも上を見上げて 
    yoshi-na
    yoshi-na 2017/02/11
  • やまもといちろうvs町山

    さて、例のブログ記事から一日経った訳です。 で、個人投資家の視点から見ると、町山さんは下手を売ったなあという印象です。 何故かというと、 1、町山さんは悪魔の証明をしないといけないから 2、はてな民情弱糞雑魚だから 3、やまもといちろうの信者の数が予想以上に多いから ほい、では1の悪魔の証明からなんですが。 我々投資業界の人間は、資産があるという証明をしないことには信頼されません。 たとえば、証券会社から送られてくる年間取引報告書なり、一定数以上の株を取得した際に提出する義務のある大量保有報告書なり、証券口座のスクショなり。 スクショの信頼性は低いですが、早い話、公的な証明ができない奴は信頼するに足らないということです。 何故かというと、この業界は昔からフカシ野郎が腐るほどいるからです。それらをいちいち真に受けるのも、儲けていないことを証明するのも時間と手間の無駄なので、儲けている証明がで

    やまもといちろうvs町山
    yoshi-na
    yoshi-na 2017/02/11
  • 「頭が高すぎる集金人」嫌われJASRACの一生|やまもといちろうコラム - デイリーニュースオンライン

    一郎(やまもといちろう)です。しばらく家族がダウンしていて雑用が津波のように押し寄せておりますが、私の原発は元気です。 ところで、先日YAMAHA音楽学院や河合楽器などスクールにJASRAC管理楽曲を使っているかどうかで著作権料を払うの払わないので盛大に揉めている事案が勃発し、耳目を集めていました。もともと10年以上JASRACは両社に対して支払いを求めてきたものの支払いを拒否されているところで、いきなり問題を表に出されて訴訟沙汰前夜というのは穏やかな話ではありません。 そこへ、JASRACの理事で東京大学の教授にして知財法マスターである玉井克哉せんせが敢然と登板、湧いて出るクソリプをバタバタと切り伏せながらJASRACの請求に関する正当性を高らかに論じ上げるという勇名を馳せておられました。 ※JASRACの外部理事を務める東大・玉井克哉教授(知的財産法)による大手音楽教室から著作権料

    「頭が高すぎる集金人」嫌われJASRACの一生|やまもといちろうコラム - デイリーニュースオンライン
    yoshi-na
    yoshi-na 2017/02/11
  • 「JavaScript初級者のためのコーディングガイド」に補足を試みる - Qiita

    はじめに http://qiita.com/raccy/items/bf590d3c10c3f1a2846b を見ていたら、はてブに「理由がないから」ということがよく挙がっていたので、理由をつけてあげたら有益な内容になるかな?と思い、拙いながらも補足を試みようと思います。 【2017 1/3 15:10 追記】 元記事の前提はgulpなどを使ってminifyなども行なえる(もしくは行う目標がある)前提の様子なので、中級者以上がターゲットかなーと思いました。そのつもりで読むととてもいい記事だと思っています。 「最新のJSの書き方を覚えてあとは変換機能に任せればレガシーなJSのキツイところに向き合わなくて済みますよ?」みたいなイメージだとわかりやすいかな? ==、!= 理由 暗黙の型変換が発生して、別の型の比較が真で扱われてしまう場合があるため。 解説 サンプルコードにも出ていますが言葉足らず

    「JavaScript初級者のためのコーディングガイド」に補足を試みる - Qiita
    yoshi-na
    yoshi-na 2017/02/11
  • 公式チュートリアルから始めるVue.js vol.1「Markdown エディタ」

    公式チュートリアルから始めるVue.js vol.1「Markdown エディタ」
    yoshi-na
    yoshi-na 2017/02/11
  • QRコードに画像を埋め込むツール「CuteR」と「qart.js」が画期的だった | 綺麗に死ぬITエンジニア

    最近、デザインされたQRコードを見る機会が多くなりました。QRコードの真ん中にアイコン等が配置してあるものを見たことがある人も多いと思います。LINE等でQRコードを生成すると、真ん中にアイコンが表示されますね。 今回は、高度にQRコードに画像を埋め込んで生成できるツールを発見したので、紹介します。 なお、こちらで検証はしていませんが、アイコンを中心に配置するだけのQRコードに比べ、画像や読み取り端末によっては読み取り成功率が低下する可能性がありますので、実際に使う際には十分検証の上、ご利用ください。 「CuteR」とはCuteRは、Python製の画像を埋め込んだQRコードを生成できるコマンドラインツールです。 以下のような画像から、 モノクロなら以下のようなQRコードを生成でき、 カラーなら以下のようなQRコードを生成できます。 使用するにはPythonが動作する必要があります。また、

    yoshi-na
    yoshi-na 2017/02/11
  • 異世界で女児に転生するはずだったのに

    神様の手違いでジョージに転生した。

    異世界で女児に転生するはずだったのに
    yoshi-na
    yoshi-na 2017/02/11
    「所」だったら悪くない
  • 人気の高いプラグインのフリをするJavaScriptベースマルウェア発見

    Sucuriは2月9日(米国時間)、「JavaScript Injections Leads to Tech Support Scam」において、最近のマルウェア調査の結果、URLネーム変換と画像ファイルを使うことで人気のあるソーシャル共有プラグインの一部であるかのようにふるまうように難読化された興味深いJavaScriptコードのマルウェアを発見したと伝えた。このJavaScriptコードはAddThisソーシャル共有プラグインの一部であるかのようにふるまうように細工されていると説明がある。 記事で取り上げられているマルウェアは、最終的にWebサイトを訪れたユーザーを危険性の高いマルウェアへ感染するように促すように仕込まれたサイトへリダイレクトするとされている。このマルウェアは自身がマルウェアであることを悟られないように複数のレイヤで巧みにふるまうとのことで注意が必要。 さまざまな工程で

    人気の高いプラグインのフリをするJavaScriptベースマルウェア発見
    yoshi-na
    yoshi-na 2017/02/11
  • いろいろな顔アイコン

    あいまい検索(英語検索) あいまいな日語で(英語でも)検索できます。上手く動くか分からないのでお試しです。 検索の仕方については「検索のコツ」をご覧ください。 AIを使っていらすとや風の画像が生成できるサービスです。 Eテレのショートアニメです。 いらすとやが更新されたらお知らせするX(ツイッター)アカウントです。 いらすとやLINEスタンプに関する情報をお知らせするLINEアカウントです。

    いろいろな顔アイコン
    yoshi-na
    yoshi-na 2017/02/11
    これはあとで使わせてもらう
  • オニャンコポン - Wikipedia

    この項目では、西アフリカの神について説明しています。 競走馬については「オニャンコポン (競走馬)」をご覧ください。 架空の登場人物については「進撃の巨人の登場人物#反マーレ派義勇兵」をご覧ください。 オニャンコポン(Onyankopon、偉大な者の意[1]; アカン語: Onyankopɔn)は西アフリカ・ガーナのアシャンティ人(英語版)に伝わる神であり、天空神[2]である。 同じくアシャンティ人などに伝わる神ニャメ(英語版) (Nyame) の別名とされることが多いが、オニャンコポンの神としての位置づけには曖昧な部分が多い。アカン語話者の神とされることもある[3][注 1]。 アシャンティ人の宗教では、オニャンコポンに代表される神と精霊と祖先の霊という3種類の超自然的な存在が体系を形作っている[4]。すべての精霊はオニャンコポンによって創造されたとされている[5]。 精霊は野に森に遍く

    yoshi-na
    yoshi-na 2017/02/11
    繰り返し読みたい
  • 日本郵便の再配達ページを正常化する

    ゆうパックなどを扱う日郵便の再配達依頼ページの主な問題点を解消する Greasemonkey スクリプトです。 問題点と対策 以下のの使いにくいところをまとめて改善します。 1. 郵便番号 郵便番号を毎回入力しないといけない。 改善 自分の郵便番号をスクリプト内に書いておけば自動で入力します。 2. 伝票番号 自分の伝票番号が「追跡番号」なのか「お知らせ番号」なのかを確認してから入力欄を選ばないといけない。 改善 ページロード後に表示されるポップアップに伝票番号を打ち込めば、その桁数から自動的に番号の種類を検出します。 ポップアップから伝票番号の種類を自動判別 3. 郵便物の種類 「郵便物等の種類」を選択するところで「追跡番号」と「お知らせ番号」のブロックが両方あってしんどい。 改善 関係ない選択肢は消します。 4. 配達先 「ご希望の配達先」はたいがい「ご自宅等」なのでラジオボタンのデ

    日本郵便の再配達ページを正常化する
    yoshi-na
    yoshi-na 2017/02/11
  • Google画像検索向けSEO。商品情報が表示される!JSON-LDでEC-CUBE3に商品の構造化データを追加しよう - EC-CUBEのカスタマイズ、ネットショップ制作メモ

    最近になってGoogleはAMPをはじめたり( concrete5 5.6系向けにAMPアドオンを作ってみた )モバイル専用インデックスの発表をしたりと、どんどんモバイルファーストを進めています。 そんな中、最近の内部SEOでとても重要になっているのが構造化データのマークアップです。 正しいHTMLでWebページを記載するのはもちろんですが、より検索エンジンにわかりやすい形でページの情報を伝えるマークアップですが、これがモバイルで大きく意味を持つ様になってきました。 Google画像検索では商品画像に商品情報が表示される AmazonとEC-CUBE公式のデモサイト内の画像検索のスマホでの表示結果です。 何が違うかわかりますか? そう!Amazonの画像の方では金額や在庫情報などが表示されています。 これはAmazonの商品ページには構造化データのマークアップがされており、EC-CUBEの

    Google画像検索向けSEO。商品情報が表示される!JSON-LDでEC-CUBE3に商品の構造化データを追加しよう - EC-CUBEのカスタマイズ、ネットショップ制作メモ
    yoshi-na
    yoshi-na 2017/02/11
  • AIST日本人の手の寸法データ

    '); shousai.document.write(''); shousai.document.write('AIST日人の手の寸法データ TOP > '); shousai.document.write('寸法項目一覧 > '); shousai.document.write('統計量'); shousai.document.write(''); // shousai.document.write('

    yoshi-na
    yoshi-na 2017/02/11
    日本人の手の様々な寸法の統計データ。俺が使うことはまず無い。
  • 仮想DOMの内部の動き | POSTD

    PreactでVDOMがどのように機能するかを示すフローチャート 仮想DOM(VDOMあるいはVNode)は魅力的です✨ しかし複雑で、理解が難しいものでもあります???? React や Preact 、その他同様のJSのライブラリでは、これをコアで使っています。残念ながら私は、これを詳細かつ分かりやすく説明している優れた記事や資料を見つけられませんでした。ですから、自分で書こうと思い立ったのです。 備考:これは非常に長い記事です。内容をシンプルに表すために画像を山ほど挿入しましたが、それゆえにさらに長い記事になってしまいました。 私は Preact のコードとVDOMを使いました。容量が小さくて済み、将来、簡単に見なおすことができるからです。しかし、概念のほとんどはReactにも共通していると思います。 皆さんがこれを読んだ後、仮想DOMをよく理解できるようになり、できればReact

    仮想DOMの内部の動き | POSTD
  • IPAの脆弱性学習ツールに脆弱性があると判明

    IPAの脆弱性学習ツールに脆弱性があると判明
    yoshi-na
    yoshi-na 2017/02/11
    「このツールの脆弱性をみつけることができて初めて学習が修了したとみなします」
  • きんいろ書体シリーズ

    注意事項 利用規約等が記載されていますので、readme.txtに必ず一度目を通してからご利用ください。 きんいろサンセリフ・こはるいろサンレイ以外は現在は同じzipの中に圧縮されていますが、今後分離するかもしれません。 バージョンアップの際は、以前のバージョンをアンインストールの上新バージョンをインストールしてください。 【重要】5/26~9/19の間にこはるいろサンレイをダウンロードされた方へ: 上記の期間に配布したものには「い」のグリフおよび縦書き、あるいは「日」のグリフに不具合があるため、お手数ですが修正版の再インストールをお願いいたします。 きんいろサンセリフ カタカナ・数字・一部記号・ひらがな・アルファベット・罫線と漢字3448文字に対応しています。 Adobe社製品などのOpentype機能に対応したソフトでは、一部文字のペアカーニングや異体字、合字が利用できます。 こはるい

    yoshi-na
    yoshi-na 2017/02/11
  • モバイルの「続きを読む」ボタンにグーグルの主要メンバーが不快感、将来は検索で不利になるのか?【SEO記事12本まとめ】 | 海外&国内SEO情報ウォッチ

    モバイルの「続きを読む」ボタンにグーグルの主要メンバーが不快感、将来は検索で不利になるのか?【SEO記事12本まとめ】 | 海外&国内SEO情報ウォッチ
    yoshi-na
    yoshi-na 2017/02/11
    サクッとGoogle施策してくれればなくなるだろうから、はよ
  • マンガでわかる確定申告 第1話 源泉徴収ってなあに? | マンガでわかるWebデザイン

    書籍「わかばちゃんと学ぶWebサイト制作の基」、Web連載「マンガでわかるGit」でおなじみの、初心者わかばちゃんが確定申告に挑戦するようです。 源泉徴収とは? 「聞いたことはあるけど、よくわからない」という方が多いのではないでしょうか。(私もそうでした) 源泉徴収とは、 給与や報酬などの支払いに関わる税金を支払者が差し引いて支払う その差し引いた税金を、支払者が国に納付する という制度のことです。 確定申告には、どう関係するの? 源泉徴収がどう確定申告に関わっているのかを表すイラストを描いてみました。 例えば、A社に会社勤めをしながら、副業でB社・C社に原稿を書いたりする場合は、こうなります。 ざっくりとした雰囲気が伝わったら嬉しいです。 確定申告、早めに終わらすと気持ちいい! 【朗報】確定申告書完成!!! pic.twitter.com/NiqxzjKvGP — 湊川あい📚マンガで

    マンガでわかる確定申告 第1話 源泉徴収ってなあに? | マンガでわかるWebデザイン
  • Responsive Breakpoints Generator

    Easily generate the optimal responsive image dimensions One image for all screen resolutions and different devices is not enough. An image per pixel is too much - so how can someone automatically choose the optimal responsive image sizes?  Learn more... Responsive websites, even the most modern ones, often struggle with selecting image resolutions that best match the various user devices. They com

    Responsive Breakpoints Generator
    yoshi-na
    yoshi-na 2017/02/11
    画像をアップするとレスポンシブ対応のhtmlとリサイズ画像をはき出してくれるジェネレーター これは捗る。
  • 強制労働のイラスト

    あいまい検索(英語検索) あいまいな日語で(英語でも)検索できます。上手く動くか分からないのでお試しです。 検索の仕方については「検索のコツ」をご覧ください。 AIを使っていらすとや風の画像が生成できるサービスです。 Eテレのショートアニメです。 いらすとやが更新されたらお知らせするX(ツイッター)アカウントです。 いらすとやLINEスタンプに関する情報をお知らせするLINEアカウントです。

    強制労働のイラスト
    yoshi-na
    yoshi-na 2017/02/11
    版権の関係でキタキタおやじの画像が使えないときに
  • GitHub - pawjy/docker-chromedriver

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - pawjy/docker-chromedriver
    yoshi-na
    yoshi-na 2017/02/11
  • npm-scripts で使える便利モジュールたち - Qiita

    npm はパッケージ依存管理ツールであると同時に、便利なタスク・ランナーです。 体はごく基礎的な機能だけを持ち、npm が管理するパッケージと Shell の力を組み合わせてタスクを定義します。「npm-scripts で利用する CLI コマンドは npm で管理できる」という分かりやすさが気に入っています。 npm-scripts には以下の特徴があります。 多くのツールが CLI を持っているためにラッパープラグインが不要です。Gulp ラッパー プラグインは非公式であることも多く、メンテナンスが継続するか不安な場合があります。 簡潔です。Gulp で書くと数十行だった処理が数行になるなんてこともよくあります。 複雑なことをするには向いていないです。 環境変数の扱いに難があります。 この記事では、私が npm-scripts を書くときによく利用している便利ツールたちを紹介します。

    npm-scripts で使える便利モジュールたち - Qiita
    yoshi-na
    yoshi-na 2017/02/11
  • ゼクシィを凶器に使った女子プロが編集部の抗議で謝罪会見 「結婚願望はありまぁす!」「オウッオウッオウッオウッ」

    DDTプロレスリングが運営する東京女子プロレスが、謝罪会見を行いました。とても分厚く重い結婚情報雑誌の「ゼクシィ」を“婚勝軍”(のの子さん、滝川あずささん)が試合中に凶器として使用したことに対し、編集部から抗議がきたためとしています。 “婚勝軍”というネーミングや「ゼクシイを凶器に使った」という時点で既にパワーワードだらけなのですが、会見動画はゼクシィの厚み並のパワーと破壊力に満ち溢れた大変エクストリームな内容となっていました。これは謝ってるというより会見として誤っていますね……。 2017年2月8日 東京女子記者会見 問題の部分は8分10秒辺りから 謝罪会見が始まると、「婚(ハートマーク)勝」と書かれた鉢巻にベール、ピンク色のTシャツというパンクな格好で現れた2人。両腕でしっかりとゼクシィを抱いています。席につくと東京女子プロレス事業部長甲田哲也さんが話し始めるのですが、その後の内容があ

    ゼクシィを凶器に使った女子プロが編集部の抗議で謝罪会見 「結婚願望はありまぁす!」「オウッオウッオウッオウッ」
    yoshi-na
    yoshi-na 2017/02/11
  • 「なぜ新聞は閉じカッコの前に句点を付けないのか。」

    教科書では、カギかっこ(「 」)の中でも文の終わりに当たるところには句点(。)を打っているのに、新聞では閉じかっこの直前に句点を付けていないのはなぜか、というお尋ねをいただいたことがあります。 「小学国語2下」(教育出版)の「ないた赤おに」より このご指摘はその通りで、行政の公用文や教科書などはカギかっこの中でも文の終止に句点を打つのが標準とされています。これは、1946年3月に当時の文部省教科書局調査課国語調査室で作成した「くぎり符号の使ひ方〔句読法〕(案)」という文書にのっとったものです。表題に「(案)」とありますように、この文書は内閣告示のような正式文書になりませんでした。しかし、句読点に関する公式機関の文書がこれ以外にほぼなかったため、「(案)」のままでいろいろな資料に収録されていて、現在もこれに準拠していることが多いのです。 さて、このような文書があるにもかかわらず、新聞が閉じか

    「なぜ新聞は閉じカッコの前に句点を付けないのか。」
    yoshi-na
    yoshi-na 2017/02/11
    大人の事情
  • トランプ大統領さんの声優問題

    NHKも民放も悪役っぽい人を当てている気がするのですが、確証は持てません。 野沢雅子さんとかにしたら、海賊王とか出土品っぽい感じで好感度が上がるのでは。

    トランプ大統領さんの声優問題
    yoshi-na
    yoshi-na 2017/02/11
    山寺さんのフルハウスのジョセフっぽく
  • 第7回 ヘッダーとフッターを変更|basersマガジン - baserCMSクリエーターの為の情報サイト -

    福岡でエンジニアとして働いているbeychanと言います! 第6回 全体的なレイアウト構成とエレメントの続きとして、テーマ「nada-icons」を例にとってヘッダーとフッターの調整を行う方法を紹介したいと思います! ※ 第7回からの記事の内容はbaserCSM3系をベースに進めていきますが、4系の場合の違いについても触れていきたいと思います。 レイアウトテンプレートからヘッダーを確認する まず、ヘッダーがレイアウトテンプレートのどこに配置されているかを確認します。 全体のレイアウトテンプレートは以下のファイルです。 /app/webroot/theme/nada-icon/Layouts/default.php default.php を見てみると、 ヘッダーテンプレートを出力する関数(4系の関数リファレンス)である が記述されています。 つまり、レイアウトテンプレートである defau

    第7回 ヘッダーとフッターを変更|basersマガジン - baserCMSクリエーターの為の情報サイト -
    yoshi-na
    yoshi-na 2017/02/11
  • フロントエンドエンジニアなら押さえておきたい!最近登場した注目のJavaScript&CSSライブラリ8選

    Webデザイナーやフロントエンドエンジニアにとって、日々登場するフレームワークやライブラリをキャッチアップすることはとても大切です。 なぜなら、そうしたフレームワークやライブラリによって業務が効率化すれば、他の作業に時間を割くことができるからです。 しかし、フレームワークやライブラリが続々と登場するあまり、キャッチアップに追いついていないひともいるのではないでしょうか。 今回は、最近登場した注目のJavaScriptCSSのライブラリを紹介していきます。 中には簡単なコードを挿入するだけで驚くほどの機能を実装できるものもあるので、ぜひ確認してみてください。 最近登場した注目のJavaScriptCSSフレームワーク 1. AOS https://michalsnik.github.io/aos/ AOS(Animate on Scroll)は、スクロールしながら要素をアニメーションでふ

    フロントエンドエンジニアなら押さえておきたい!最近登場した注目のJavaScript&CSSライブラリ8選
    yoshi-na
    yoshi-na 2017/02/11
  • 軽量、フラット、シンプルなツールチップを実装できるjQueryプラグイン「Tipr」 – bl6.jp

    Tiprはフラットでシンプルなツールチップを実装することができるjQueryプラグインです。ファイル容量もとても軽量なのでサクサク動作します。無駄な装飾がなくスッキリしたデザインのツールチップを表示させたい人は必見です。 Tiprに関する詳しい使い方やダウンロード、または実際のデモ動作は以下のページから確認できます。 デモ デモでは3つのテキストが縦に並んでおり、各テキストにホバーするとシンプルなツールチップが表示されます。とてもシンプルで落ち着いた印象のツールチップです。 使い方も簡単なので手軽に実装可能です。ツールチップに表示させるテキストは、HTMLのタグ内に追加する「data-tip」という属性に指定します。それと、タグには「tip」というクラス名を付与します。 また、Tiprにはオプションもいくつか用意されています。主なオプションは、speed、mode、spaceです。デフォル

    軽量、フラット、シンプルなツールチップを実装できるjQueryプラグイン「Tipr」 – bl6.jp
    yoshi-na
    yoshi-na 2017/02/11
  • wuzz - ターミナルで利用できるインタラクティブなHTTPインスペクションツール | ソフトアンテナ

    ターミナルで利用できるインタラクティブなHTTPインスペクションツール「wuzz」。 任意のHTTPリクエスト発行し、レスポンスを検証するためのツールです。cURLと似通ったコマンドラインパラメータが利用できるので、ChromeやFirefoxなどの「copy as cURL」機能を使って簡単にネットワーク関連のテストを実行することができるように設計されています。 バイナリは公開されていませんが、Go言語によって作成されたツールなので、各種プラットフォームで簡単にビルドすることが可能です。 以下macOS環境で、実際の使用方法を説明します。 wuzzの使用方法 以下のコマンドを実行してwuzzをインストールします。 $ go get github.com/asciimoo/wuzz $ "$GOPATH/bin/wuzz" --help Go言語がインストール済みで、環境変数GOPATHが

    wuzz - ターミナルで利用できるインタラクティブなHTTPインスペクションツール | ソフトアンテナ
    yoshi-na
    yoshi-na 2017/02/11
  • まるで魔法?!フォトショップ職人のすごさが分かる合成写真まとめ

    ロシア在住の写真レタッチ愛好家 Max Asabin は、彼の Photoshop のあるデザインテクニックで話題となっています。作品の多くは、複数の写真を組み合わせ、映画のような世界観を違和感なく表現しています。 切り抜いた写真を背景にうまく合成したあと、光をつかったエフェクトを重ねることでまるで1枚の写真のようにうまくフィットさせ、あっと驚く風景に仕上げます。作業風景をステップごとにまとめたGIFアニメーションと一緒にどうぞ。 写真合成していると言われなければ分からないほどリアルなものばかり。彼のその他の作品については、Facebook、Instagram、Twitter、DeviantArt などで随時公開されています。 2016年総まとめ!デザイナーが確認しておきたいPhotoshopチュートリアル厳選55個 やってみたかった表現をマスター!基礎力をつけるPhotoshopチュート

    まるで魔法?!フォトショップ職人のすごさが分かる合成写真まとめ
    yoshi-na
    yoshi-na 2017/02/11
  • WooCommerceの使い方、わりと簡単。日本語対応テーマあり

    WordPressの「これが困った!」 WordPressで困っていることはありませんか? サーバー移転/エラー解消/カスタマイズなど、WordPressの「これが困った」を解決します。 WordPressの便利屋 今回は、「WooCommerce」というプラグインを利用し、WordPressでネットショップを作成する方法について書きました。 前に「ペイパル決済をWordPressへ追加するプラグイン」について記事にしました。 それより今回は、もうちょっと高度な方法を使い、格的なオンラインショップを作ります。 ただ、正直いうとWordPressでネットショップは…… おすすめできません。理由は以下の3つ。 セキュリティが不安 システムアップデートで不具合が生じる可能性がある 不具合の解消が難しい WordPressは、普通のホームページと違ってハッキングやウイルスの被害に遭いやすい仕組み

    WooCommerceの使い方、わりと簡単。日本語対応テーマあり
    yoshi-na
    yoshi-na 2017/02/11
  • 依存性なしで3KBと軽量なタイピングアニメーション実装「iType.js」:phpspot開発日誌

    入力値のマスクとバリデーションがリアルタイムに行える「Jquery.inputma... 次の記事 ≫:レスポンシブでソートやフィルタ、ドラッグ&ドロップできるレンガ...

    yoshi-na
    yoshi-na 2017/02/11