「令和に発売してたらめちゃくちゃ怒られそうな曲」に、誰かに怒られる前に無理矢理キレておきましたので安心してください 関白宣言 お前を嫁にもらう前に 言っておきたいことがある 「お前」って言うのやめてください「嫁」もやめてください「もらう」とか物扱いしないでください。そんな失礼な人間の話は聞くに値しませんよ？ 「この度、婚姻届を提出し、◯◯さんを（ちゃんと名前で呼んでください）続柄上の妻とさせていただく際に、説明しなければならないことがいくつかございます…かなり失礼な内容も含まれておりますので気分を害してしまうかもしれませんが、どうか最後まで聞いていただけると幸いです…御礼として金一封をお渡しさせていただきます」 に変更してください 残酷な天使のテーゼ 残酷な天使のように 少年よ 神話になれ なんで少年だけ特別扱いするんですか？少女は神話にはなれないって言うんですか？じゃあ大人は？人間以外は

Open8 勉強会で発表したレビューの仕方と心理的安全性の話しです。

こんにちは、@mugi_unoです。4歳の娘にトランプの神経衰弱で勝てません。 新機能をリリースしました 🎉 さて、先日Misocaに新しい機能がリリースされました。 www.misoca.jp 国税庁のサイトで、法人の基本３情報（名称・所在地・法人番号）というものが公開されており*1、そのデータをもとに文書の送付先などを自動入力できるという機能です。 合宿成果からのリリース この機能は、7月に行われた開発合宿*2での成果物がベースになっています。 今回は、合宿終了後からリリースまでどういった作業をMisoca内で行ったのかを中心にご紹介します。 合宿で作ったもの Misocaでは以前から国税庁のデータを取得し保持していたものの、有効活用できていない状態になっていました。 そこで、私のいた合宿のチームでは「これ使ってなんかやってみよう！」というのをテーマに取り組みました。 (合宿時のチー

CONCEPTコンセプト 東海地方のサブカル国民を盛り上げる「ナゴライブ」 2020年2月7日（金）大須ElectricLadyLandにて開催！ ZIP-FM（毎週土曜日深夜1時）から放送中の SCK（サブカル・キングダム）に出演の 大物アーティストやDJ陣を率いて サブカル好きのあなた（国民）の心をアツく盛り上げる！ RADIO PROGRAM SCK（サブカルキングダム） 毎週土曜日深夜1時からお届けする アニメ・マンガを中心とした サブカル超特化型専門プログラム！ アニメ愛溢れるYO!YO!YOSUKE王子、 親方みきてぃ（矢方美紀）と、 さらにはナゴヤセイユウ7名がアツくお届けする！ ON AIR ZIP-FM 77.8MHz 毎週土曜日深夜1時〜3時ON AIR。 ※収録：毎週月曜20:30頃よりツイキャス放送をしながら実施。 ミュージックナビゲーター：YO!YO!YOSUKE

街に出れば、溢れるほどあるお菓子。そのなかで私が最も愛してやまないのがラムネ！そう、ゴクゴクのほうじゃなくてポリポリのほうね。ラムネが好きすぎて、とうとうラムネサイトを作っちゃった！ラムネにまつわるいろんなネタを紹介していきまーす！

最近よくSVGを使っている。何かと便利なので、IE8を考慮しなくてもよい時は、写真以外の画像は全てSVGにしてしまっている。IE8さえなければもっと大胆に使えるのに…。滅びろIE8…。(IE6,7はもう既に完全に何も考えてない) で、SVGを使いだしてから気になっていたことがある。これってSEO的にはどうなんだろうと。 img要素の場合であれば、alt属性で代替テキストを指定することができるので、その画像に何が描かれているかを検索エンジンへ伝えることができる。SVGの場合には、そういった代替テキストの話を全く聞いたことがなかった。 ということで、勉強のため、SVGの場合にもimg要素のaltに代わるようなものがあるのか調べてみました。 ※インラインSVGの場合で、imgでSVGを表示させるのであれば、通常通りalt使う。 普通にあった 結論から言うと、当然のようにあった。しかも２種類。ti

「pjax」とは「Ajax」と「pushState」を組み合わせたもので、非同期通信をしながらURLを変更することができる「jQueryプラグイン」です。 各ページの差分だけ読み込み、描画するので、転送量削減ができ時間短縮を図れますし、ページ遷移時のエフェクトも追加できたり、カスタマイズ性に優れています。検索エンジンからのマイナス点もない非常に優秀なプラグインです。 「Ajax」と「pushState」が何なのかというと・・・ Ajax ページを遷移せずにサーバーからデータだけを非同期でとり、サイトに描画する仕組みのことで、「Google Maps」などに使用されています。 pushState 「HTML5」で導入されたURL操作のAPIで「Ajax」を使用して非同期なサイトを作る時などにアドレスが変更されない問題を解消してくれます。 1. デモ 前置きが長くなりましたが、実際に「pjax

こんにちは。荒井です。 Facebookもtwitterもgoogleも画面遷移のときには、非同期で次のページを読み込むような作りになってますね！ これは、ajaxで次のページを読み込むのと同時に「History API」というHTML5の機能を使って、URLを更新することで実現してます。 毎回全部読み直さないから通常の画面遷移よりも早いし、URLが変わるから履歴に残るし、良いことばっかり！！SEO的にも「#!」を使ったやつより良いよっていうのを何かで読みました！！！ これからWebサービスを作るなら、導入したいですね！！！ これpjaxを使えば簡単に導入できるんです！！！よし！！！ PJAX!! pjaxとは、GithubのChris Wanstrathって人が作ってるjqueryプラグインです。 上で説明した、History APIとajaxを使った非同期の画面遷移を簡単に導入すること

SVGファイルををobjectタグで読み込んで、jQueryで操作しようとしたら、取得出来なくてハマった。 まずは、SVGデータをIllustratorで用意。 その際に、レイヤーグループに名前を付けておくと、<g id=”レイヤーグループ名”>で囲んでくれるので便利。 SVGファイルをobjectで読み込む。 <object id="svg_map" data="map.svg" type="image/svg+xml"></object> インラインSVGの場合、 var $svg_map = $('#svg_map'); で取得可能だが、 objectで読み込んだ場合は、取得出来ない。 iframeと同じようにしてもダメ。 var $svg_map = $('#svg_map').contents(); // ダメ なので、jQueryは使わずに、 var svg_map = doc

インラインで書かれたSVGなら通常通りjQueryで操作可能だったのですが、大量のコードが書かれていた場合などはSVGを外部ファイル化して読み込む方が何かと便利です。 その場合はjQueryの記述方法を少しアレンジする必要があります。 デモページのパンダの白い部分、黒い部分をマウスオーバーしてみてください。 白い部分は白のエリア全体の色が変わり、黒はマウスオーバーした部分のみが変わります。 デモページ 今回はIllustratorでSVGに書きだしたものを使用しています。 以下のように、動作を分けるレイヤーごとにまとめて半角英数でレイヤー名をつけておくと、id名としてSVGファイルに継承されます。 デモではパンダの黒い部分にblack、白い部分にwhiteとつけています。 サンプルSVGファイル SVGに書き出す [ファイル]＞[スクリプト]＞[ドキュメントをSVGとして保存]を選択すると

「JavaScriptは言わばひとかたまりの大理石であり、私はその中からこの言語のすばらしい本質が現れるまで、美しくない機能を取り除いていく。最終的に私が削り出すことになる美しいサブセットは、より信頼でき、読みやすく、メンテナンスがしやすく、すべてにおいて非常に優れた言語になると私は信じている。」（「1章 良いパーツ」より）――本書は、JavaScript言語の「良いパーツ」に注目し、良質なコードを書くためのポイントを示唆する書籍です。「良いパーツ」を通してJavaScriptを再評価することで、見落とされていたJavaScript言語の本質が見えてきます。 関連ファイル サンプルコード 原著者が提供する付録EのＪＳＯＮコード 正誤表 ここで紹介する正誤表には、書籍発行後に気づいた誤植や更新された情報を掲載しています。以下のリストに記載の年月は、正誤表を作成し、増刷書籍を印刷した月です。お

TOPICS Web , HTML/CSS , JavaScript 発行年月日 2012年08月 PRINT LENGTH 840 ISBN 978-4-87311-573-3 原書 JavaScript: The Definitive Guide, 6th Edition FORMAT PDF 本書は、『JavaScript: The Definitive Guide, 6th Edition』の日本語版です。日本語版出版にあたり、言語解説部分とリファレンス部分に分け、本書はその言語部分をまとめたものです。 JavaScript言語とプラットフォームについて包括的かつ明快に説明した書籍です。ECMAScript 5（コア言語の最新バージョン）とHTML5（Webプラットフォームの最新バージョン）についてまとめています。第6版で新たに、サーバサイドJavaScript、jQueryライブ

あらゆるシーンで使用頻度が高いものといえば手書き風フォントです手書き風フォントを使用すると、どこか親しみやすい印象を与えることができます。 特に子供向け、女性向けのデザインにおいては大変重宝しますのでデザインの機会がある方は沢山持っておいて損はありません。 今回は数ある手書き風フォントの中から、おすすめな英語の手書き風フリーフォントを紹介いたします。 いずれも優れたデザインですが全て無料で使えるフォントです。気になるものがあればぜひダウンロードして使ってみてください。 ▼ Webディレクター・デザイナーにお役立ち 手書き風フリーフォント48選 1.Julies https://www.dafont.com/julies.font 小さな子供が書いたような雰囲気の手書き風フォントです。 ハート、星、虫といった可愛らしいモチーフも収録しています。 文字によってはハートをデザインに取り入れていて

JavaScriptは割と自由な言語で、行末にセミコロンがなくとも動作したり、varによる変数宣言をしなくとも使えたりします。とはいえ、動くから良いという訳ではありません。意図しない動作を防ぐため、さらに多人数での開発になればコードの品質を維持するためにもコーディング規約に沿った書き方が求められます。 他のプログラミング言語と同様、JavaScriptにおいてもコーディング規約が幾つか存在します。どれを取り入れるかは対象のアプリの性質、プロジェクトの特性やチームメンバーのスキルなどによりますが、参考になることは間違いないでしょう。必要に応じてカスタマイズするなどして、上手に取り入れてみてください。 Google JavaScript Style Guide Google製のJavaScriptスタイルガイドです。和訳版がこちらにあります。執筆時において、和訳版はバージョン2.72、本家は2

ハンバーガーメニューは「メニューだとわかりづらい」と言われることも多いですが、特にスマートフォンサイトなどでは実装する機会はやはり多くはなってきているので、今回はそのハンバーガーメニューをクリックした時（メニューが展開しているときなどのアクティブ時）のエフェクトをCSSで実装したサンプルをまとめました。 よく見る「×」のようなクローズボタンに変化するものから矢印に変化するものまで全12種類あります。