今年結成15周年、メジャーデビュー10周年を迎えるPerfumeのヒストリームービーが、彼女たちのアニバーサリーサイトおよびYouTubeにて公開された。 本日4月29日にニューシングル「Relax In The City / Pick Me Up」をリリースしたPerfume。ヒストリームービーは2005年のメジャーデビューから今日までにPerfumeが発表してきたミュージックビデオやライブ映像、ジャケットビジュアルなどで構成されたもので、約3分間の映像で彼女たちのキャリアをおさらいすることができる。

今まで mysql... 系を使用していましたが、PHP5.5以降は非推奨となり、将来的には削除される予定らしいので、PDOの使用に変更しようと思い、まとめてみました。 プリペアドステートメントでINSERTすると安全に値を渡せるとか、結構便利みたい。 Manualとか色々読んだけど、分かりにくい言葉が多かったので、自分なりに解釈を書いています。 PDOとかプリペアドステートメントの説明 こっちのページに詳しく書いています。 言葉の意味分からんわー。みたいな時は是非読んでみてください。 PDOでMySQLを色々やる。 まずメソッドや引数をちょっとまとめました。 今後増やしていこうと思っています。 メソッドや引数 内容

<?php $stdin = trim(fgets(STDIN)); var_dump($stdin); ?>

strstr()は文字列の大文字小文字を区別し、stristr()は文字列の大文字小文字を区別しません。 ↑パッと見分かりづらいんですけど、関数名に「i」が入っている場合と入っていない場合で、挙動が違ってくるので注意しましょう！ <!--?php $url = 'http://example.com/shop/item/3'; if (strstr($url, '/shop/item')) { echo "URLに「/shop/item」が含まれています。"; } else { echo "URLに「/shop/item」が含まれていません。"; } echo "<br>"; var_dump(strstr($url, '/shop/item')); </code></pre> <p><strong>$_SERVER["REQUEST_URI"]</strong> でドメイン名以降のURL

<?php $date = date('Y-m-d', strtotime('+3 months')); echo $date . "\n"; // => 2010-09-07

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

PHPでセッションを破棄する方法について、きちんと解説されたものが見つからなかったので書いておく。 まず、PHPでセッションを破棄する方法自体はPHPのマニュアルの載っている。↓の部分だ。 <?php // セッション変数を全て解除する $_SESSION = array(); // セッションを切断するにはセッションクッキーも削除する。 // Note: セッション情報だけでなくセッションを破壊する。 if (isset($_COOKIE[session_name()])) { setcookie(session_name(), '', time()-42000, '/'); } // 最終的に、セッションを破壊する session_destroy(); ?> 問題は、このコードについてまともな説明がされていないことだ。よくわからないままに使っている人も多いように思える。例えば「PHP

// ファイルから読み込む $string = file_get_contents("hoge.txt"); // URLから読み込む $string = file_get_contents("http://hoge.com/");

$_POSTや$_GET（フォーム入力値やURLパラメータ）から値を受け取る処理でよく発生します。原因は、そのスクリプトへの初回アクセス時と2回目以降のアクセスで処理を切り分けていないことが考えられます。たとえば、「送信する」ボタンをクリックした後にフォーム入力値を受け取るスクリプトの場合、そのスクリプトに最初にアクセスしたときは$_POSTには何も入っていないので、このエラーメッセージが表示されます。 <?php echo $_POST["test"]; ?> 対処方法として、「$_POST[“test”]に値が入っているときは…」という条件を設定する方法があります。 <?php if (isset($_POST["test"])) { echo $_POST["test"]; } ?> これにより、初回アクセス時は$_POSTを参照しないので、エラーメッセージは表示されなくなります。

問題 phpで文字列を暗号化して、元の文字列に戻せますか。 答え ハッシュを生成するのではなくて（md5,sha）、暗号化、復号化をする場合はMcrypt関数が使える。OpenSSL関数もいいらしい。 Mcrypt関数 mcrypt_cbcやmcrypt_cfbではなく、暗号化に mcrypt_generic()、復号化にmdecrypt_generic() を使えとのことなので、そのようにしてみる。 <?php /* データ */ $key = '長い鍵長い鍵長い鍵長い鍵長い鍵長い鍵長い鍵長い鍵長い鍵長い鍵'; $plain_text = '暗号化したいデータ'; /* モジュールをオープンし、IV を作成 */ $td = mcrypt_module_open('des', '', 'ecb', ''); $key = substr($key, 0, mcrypt_enc_get_ke

Help us understand the problem. What is going on with this article?

jQueryで普通にif文を使った条件分岐のやり方です。指定したタグやクラス名があった場合や、子要素にそれがあったりした時の処理の振り分けなんかをやりたかったんですが、思ったようにならなかったので調べてみました。で、いくつか見つかったのでメモがてら記事にしてみることにします。 条件分岐の時に使えそうなメソッド 条件によって処理を振り分けることはプログラムを書く上でとても重要な感じがするので、使う頻度も結構ありそうな感じです。 hasClassを使ってクラス名を指定する hasClassメソッドを使えばクラス名を取得することができます。これを使ってsampleというid名の中にtextというクラス名がある時とない時の処理の振り分けてみます。 JavaScript $(function(){ if($('#sample').children().hasClass('text')) { $('p

Posted: 2012.03.08 / Category: javascript / Tag: jQuery, アニメーション 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-

目次 jQuery 1.4以前の書き方jQuery 1.5以上の書き方jQuery 1.8以上の書き方【発展編1】Deferredを用いた書き方 deferredとは何か？【発展編2】$.when() を用いた書き方参考本エントリは軽めのjQuery Advent Calendar 2012の14日目の記事として書きます。軽めといいながら少し重めになってしまった感がありますが、初めてのAdvent Calendar参加ということでご勘弁を。 ※ Twitter API仕様変更によりTwitter APIを使ったコード例は現在動作しなくなっていることにご注意。 jQuery 1.4以前の書き方まずは、少し古めのコード、昔のjQueryの本とかでよく見る書き方。 $.ajax({ url: "ajax.html", success: function(data) { alert('succes

セキュリティソリューション事業部からのお知らせ セキュリティソリューション事業部のブログサイトを新たに開設いたしました。 https://blog.sie-security.com/ 今後のセキュリティニュースの投稿は上記URLのサイトからとなります。よろしくお願いいたします。 担当：TY …More Read

ページをスクロールすると右下に出てくる「TOPへ戻るボタン」の作り方を、jQuery初心者にも分かるよう説明しています。

テキスト入力欄の値によって動的な処理を行いたい場合、現状Javascriptのビルドインなイベントでしっくり来るものはない。 例えばInput要素のvalueの変更を検知するイベントとしては、「change」イベントがあるが、これは対象のInput要素からフォーカスが外れた時に発火する。 これでは入力中の値をもとにリアルタイムな処理を行う事はできない。 別の例としてInput要素に対して「keydown」, 「keyup」, 「keypress」などのイベントでキーボードからの入力に応じて変更があったとみなすとしても、実はブラウザごとにIMEがオンになった状態での前述の3種のイベントの振る舞いが異なる。 具体的にはFirefoxにおいてIMEがオンになった状態で入力を開始すると、keyupイベントは最初の位置文字目で発生し、あとは何文字打とうと確定するときのエンターキーの入力までkeyup

Capture audio and video in HTML5 Stay organized with collections Save and categorize content based on your preferences. Introduction Audio/Video capture has been the "Holy Grail" of web development for a long time. For many years we've had to rely on browser plugins (Flash or Silverlight) to get the job done. Come on! HTML5 to the rescue. It might not be apparent, but the rise of HTML5 has brought

[69-4] Canvasに画像を描画しよう（トリミングやクリッピングも） 最終更新日：2019年02月06日 （初回投稿日：2014年05月31日） 今回は、Canvas に画像（写真）を描画してみます。 トリミングや、クリッピング（切り抜き）もやってみます。 今回のサンプルはこちら。 クリックで別ウィンドウで開きます。 本日のINDEX 画像を原寸で描画する（drawImage(image, dx, dy);） ＊ drawImage() メソッドについて 画像をサイズ指定して描画する（drawImage(image, dx, dy, dw, dh);） 画像をトリミングして描画する（drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh);） 画像をクリッピングする（clip(); と drawImage(); ） クリッピングを複数並べる 別

こんにちは。LIGフィリピン支社代表のせいと（@seito_horiguchi）です。 僕のモットーは「ラクして作る」で、日々怠けながらコーディングをしています。その際に役立つのが、便利なライブラリやらプラグイン。おかげで毎日2〜3時間ほど昼寝に費やすことができています。 さて、今回は実際に僕が使ったことのあるJavaScriptのスライダープラグインで、特に人気の4つを勝手にレビューしてみます。導入を検討されている方は参考にしてみてください。

こんにちは、デザイナーのサリーです。 サイトをデザインするときに当たり前に入れている「Copyright（コピーライト、©️）」の記述ですが、サイトによって年号があったりなかったり、長かったり短かったり、書き方はさまざまですよね。 今回はコピーライトとは何か、正しい書き方や©との関係性について詳しく解説していきます。 コピーライトとは コピーライトとは、英語で「Copyright」と書き、”著作権”のことを指します。著作権とは、作品を創作した人や会社（著作者）が持つ権利であり、著作者は作品がどう使われるか決めることができます。 Webサイトやホームページの下部にコピーライトがあるのは「ここにある記事や画像の著作権は自社が持っているから、無断転載しないでください」という一種の意思表示です。 厳密にいうと著作権法で著作物は「思想又は感情を創作的に表現したものであって、文芸、学術、美術又は音楽の

結論1：アルファベットでウエイトなしだけでも、すべてのモダンブラウザに対応可能です。ただし、旧バージョンのSafariやFirefoxでは対応がまちまちであったため、それらに対応するには併記します。 游ゴシック体と游明朝体はWinodws 8.1では日本語名、OS X Mavericks（10.9）ではアルファベット名のみの対応であるため、両名の併記が必要となります。 疑問2：「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」のどちらを記述すればいいのでしょうか。 「ヒラギノ明朝 Pro」を改訂し、JIS X 0213:2004の例示字体に対応させたものが「ヒラギノ明朝 ProN」です。 参考： ウィキペディア - ヒラギノ 「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」の違い CSSのfont-family指定はこれで決まり！（2013春） 結論2：新しい字形に対応をしている「ヒ

4月から一人暮らしを始めた人も多いと思うが、新生活も慣れてきただろうか。 実家での生活では、勝手に食事が出てきて、風呂も沸いて、服は畳まれていたのを、すべて自分でやらなくてはいけなくなり苦労している人もいるだろう。 さて、4月も終わりに近づき、汗をかくようになる季節がやってきた。 電車や街などで、雑巾のような臭いを放っている人に遭遇したことはないだろうか？ あれは、体臭などでは無く間違った洗濯の方法によって臭くなった服の臭いなのである。 もし君があの雑巾臭を放ちながら学校や会社に行けば、君のアダ名は雑巾君になることは間違いない。（女性ならモップちゃん） しかし、一人暮らしを始めたばかりの人は、あまり洗濯の手順についてわからないと思う。 そこで、服などが雑巾の臭いにならないための洗濯方法を伝授する。 臭くなる仕組みまずはなぜ臭くなるのか説明する。 結論からいうと、モラクセラ菌という細菌が原因

先日発売になったiPhone6、iPhone6 Plus。 各端末の解像度・ブラウザサイズの比較をしながら、スマホサイト制作の基本を振り返ってみました。 iPhone6、iPhone6 Plusを含めた解像度・ブラウザサイズ比較表 iPhoneの解像度・画面サイズ 端末 画面サイズ デバイスピクセル比 解像度（横 x 縦） ブラウザサイズ（横 x 縦）

display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ

LINK SERVER IP TERBAIK DISINI TINGGAL PILIH DENGAN SERVER DAN FITUR YANG BERBEDA-BEDA

404 Page not found ページが見つかりませんでした。 URLが変わった・ページが消えたのかもしれません。 （たまにバッサリ捨てるので… もしそうだったらごめんなさい） トップページへ戻る

この記事は公開から9年、最終更新日からも7年経過しています。内容が古くなっている可能性があります。 Webフォントを使ってみます(2)日本語フォント(ライセンスに注意) 概要 サイト構築の際に表示環境に依存せず、同じフォントを使用可能なWebフォント；以前、Google Fontsを利用する方法を掲載しましたが(Webフォントを使ってみます(1)まずはGoogle Fontsから)、いよいよ日本語フォントを利用してみます。 今回使用する日本語フォントは商用利用可能のフリーなものではありますが、ライセンスに制限があるのと、フォントファイルの形式を複数準備する必要(ブラウザによってサポート状況が異なるため)があったりで色々手間取りました。 今回利用する日本語フォント ３種類を使用してみました(感謝！)。IPAフォントのライセンスに準じているとのことですので注意が必要です。 ・こころ明朝体；説明

まとめて書くことができるCSSのプロパティを集めてみました。基本的な内容が多くなっていますので復習に見ていただければ幸いです。 先日は基本的なセレクタの使い方について書きましたので、今度はプロパティの基本ということでまとめてみました。 1. border まずはボーダーです。よく使いますね。 border-width　…　線の太さ border-style　…　線の種類 border-color　…　線の色 これらは一括で指定することができます。

Material Design と、流行っている Realmれるむ を勉強するために、Todo アプリを作りました。一応、お金を払って Google Play Developer に参加しているのでストアに公開もしました。 Google Play: Todo - Google Play の Android アプリ GitHub: rakuishi/Todo-Android この記事では、この Todo アプリを実装した上での気付き点を紹介します。 Material Design Android マテリアルデザインガイドの何が良いかというと、色・サイズ・タイポグラフィが厳密に定義してあること。iOS のフラットデザインは、情報・コンポーネントの置き方を詳しく定義しているのですが、マテリアルデザインガイドまで厳密ではないように思う。乱暴だけれど、磨りガラスを取り入れれば、なんとなくフラットデザ

【HTML】入力欄が1つだけのフォームはEnterキー押下でsubmitされる。submitボタンがなくても。 問題 フォームがEnterキー押下でsubmitしてくれたり、くれなかったりするのですが、何かルールがあるのですか。 特に、サブミットボタンがないフォームについて。 特に、入力欄が1つのときと、2つのときの違いについて。 例1 form内にinput[type=”text”]が1つだけ <form method="post" action="?"> <input type="text" name="test"> </form> Enter押下でSubmitします（だいたいのブラウザで） 例2 form内にinput[type=”text”]が2つある <form method="post" action="?"> <input type="text" name="test"> <

幅広い業界の企業から学校、官公庁・自治体など累計約2,000社以上のビジネスの課題を動画で解決してまいりました。 累計20,000本以上の映像制作や動画の活用コンサルティングの実績がございますのでお気軽にご相談ください。 YouTubeチャンネルコンサルティング 企業や団体が運営するYouTubeチャンネルの戦略設計から開設・運用代行、映像制作、動画広告の運用などのYouTubeにまつわるコンサルティングをご提供。 もっと見る テレビCM制作サービス FAST CM テレビCMをもっと手軽に。映像制作のプロが、テレビCMの制作から配信、効果分析、改善提案までをワンストップでご提供。 もっと見る 調剤薬局デジタルサイネージ シニアード 調剤薬局の来局者は約55％が60歳以上となるため、シニアを対象とした商品・サービスの認知拡大など動画を活用したマーケティングに最適なメディアです。 もっと見る

最近久し振りにブログのデザインをいじっていて、CSSをすっかり忘れていることを痛感しました。やはり定期的にCSSを扱うようにしていないとダメですね。 中でもすっかり頭から抜けていたのがタイトルにあるposition: relativeの使いドコロです。個人的にはこのposition: relativeを使いこなせるようになることがCSS初心者を脱する鍵だと思っています。 そこで備忘を兼ねてposition: relativeの使いドコロを簡単にまとめてみました。 position: relativeとは？ まず、そもそもposition: relativeとは何でしょうか。 CSSのpositionプロパティはボックスの配置方法を決めるためのプロパティで、その値としてはstatic、absolute、relative、fixedの4種があります。初期値はstaticです。位置の指定はtop

HTMLタグについて質問です｡ titleタグは文字コード宣言<meta http-equiv="content-type" content="text/html; cahrset=shift jis">の下(すぐ後)に置かなくてはならない HTMLタグについて質問です｡ titleタグは文字コード宣言<meta http-equiv="content-type" content="text/html; cahrset=shift jis">の下(すぐ後)に置かなくてはならない のですか？ その他のmetaタグを挟んで 例 <meta http-equiv="content-type" content="text/html; cahrset=shift jis"> <meta～> <title>～</title> と記入したらブラウザでtitleの文字がtitleのところでは無くbodyの

toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は、これから必要になってくるかもしれませんが、基本も大切です。 float や position など、CSSコーディングを悩ませるタネはいくつもありますが、今回はその中でも私がCSSで一番難しいと思う margin について書きます。 「marginはバグが多い」という声をたまに聞きます。 しかし話を聞いてみると、正常な動作をバグと間違って認識しているケースもあります。 marginを正しく理解することによって、効率的なレイアウトを構築できますので、基本的な内容ですが、読んで頂ければ幸

Updated 2014.03.23 / Published 2013.10.28 CSS3にcalc()というファンクションがあるのをご存知ですか？CSSにおいて計算式を可能にしてくれる便利なcalc()ファンクションのサポート状況や使い方について紹介します。 「横幅にパーセンテージ値を用いつつ、その横幅から指定ピクセル(px)分だけ引けたら...」こんなことを思われたことがあると思います。それをCSS拡張メタ言語を使うわけでもなく、CSS単独で実現できてしまうのがcalc()ファンクションです。 参考：Mathematical Expressions: 'calc()' calc()ファンクションの実装状況 IEIE9よりサポート ChromeChrome19より25まで-webkit-のベンダー識別子付きで先攻実装 Chrome26よりサポート FirefoxFirefox4より15

Twitterにリンクを投稿すると、タイムライン上の表示にリンク先の詳細情報を表示してくれるTwitter Cards。 URLだけでなく、タイトルや概要、画像なんかもサムネイル表示してくれるので、ユーザーにもわかりやすくてよいですよね。 ずいぶん前から話題になっているので、すでにご存じの方や、導入されているというところも多いと思います。 このサイトでも導入しているので、例えばこのサイトのページのURLをTwitterに投稿すると、Twitterのタイムラインではこんな感じで表示されます。 Twitter Cardsをタイムライン上に表示させるには、metaタグで表示させたい情報や表示形式を指定してあげる必要がありますが、Facebookなどでも採用しているOGP（Open Graph Protocol）に対応してるので、OGPを利用しているFacebookなどと設定を共有する事ができます

サイトを運営していると、サイト内のページの移動や削除、またはサイト自体の移転をすることがあります。その場合、リダイレクトという処理を用いて新たなページに転送を行いますが、正しい知識と手順を以って対応しなければ、検索順位の下降、ページランクやドメインエイジの喪失といったSEO的なペナルティを招いてしまいます。 そこで、そのようなペナルティを受けないために、ページ移動・サイト移転時の正しいリダイレクトの設定方法と、代表的なリダイレクトの種類やその実装方法をご紹介します。 リダイレクトの種類 リダイレクトには、HTMLやJavaScriptといったクライアントサイドプログラム、PHPやPerlといったサーバサイドプログラム、あるいは.htaccessの設定変更を行う等、様々な対応方法があります。そのうちのいくつかを、実際のサンプルソースとともに解説します。 metaタグによるリダイレクト hea

こんにちは、くーへいです。 先日、CSS3の仕様書を全て読んでまとめてみたのですが、その中でいくつか気になるモジュールがあったので、順次まとめて行こうと思っています。 今回はみんな大好き、アニメーションです！ jQueryなどのJavaScriptを用いれば可能なことはご存知かもしれませんが、今回はCSSだけで行うアニメーションです。 グローバルナビゲーションなどでも用いられている、みょーんとなるアレですね。 IE8やIE9では対応していませんので、スマホサイトが中心になるかもしれませんが、今後のトレンドとなっていくことは間違いないでしょう。 CSS3におけるトランジション（transition）とアニメーション（animation）の違い パッと見では分かりにくいのですが、違いは以下の通りです。 トランジションが:hoverなどのきっかけが必要なのに対し、アニメーションは設定が可能 トラ

こんにちは。sekoです。 昨今、ウェブサイトを多くの人に見てもらう為に、SNSを利用して広めていく事はもはや常識となっています。 その際、とても重要となるのがウェブサイトにOGPの設定することです。 今回はOGPについて紹介していきます。 OGPとは OGPの正式名称は”Open Graph Protocol”と言います。 facebookやmixi、google＋などのSNSとウェブページを連携させる為に設定する記事情報で、各種ウォール、ニュースフィードに「こういうサイトです」と明言するために必要な仕様です。 例えばfacebookにおいて、OGPを設定していないサイトで「いいね！」を押すと「〇〇さんがリンクについていいね！と言ってます」と自分のウォールには投稿されますがニュースフィードには反映されないため他の人の目に記事がさらされる事はなかなかありません。 しかしOGP設定をしたサイ

このウェブサイトは販売用です！ blogburger06.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、blogburger06.comが全てとなります。あなたがお探しの内容が見つかることを願っています！

第1回NTT-WEST学生向けアプリ開発コンテスト（WebRTC）の勉強会資料です。 ※コンテスト情報はFacebookページよりご覧ください！ https://www.facebook.com/nttw.w.con Read less

最近、レスポンシブ Web デザインのサイトを仕事で作成しています。レスポンシブは、PC・タブレット・スマートフォンなどのあらゆるデバイスに適したサイトを単一 HTML で表現する手法です。このブログもレスポンシブを採用していて、左右の横幅を狭めていくとページのレイアウトが変わります。 この記事では、レスポンシブサイトを作成する時に、知っておきたいコトをまとめてみました。今までレスポンシブサイトを作ったことがないけれど、ある程度 HTML/CSS を学んだ人向けに書いています。 目次 そもそもレスポンシブを採用するかどうか スマートフォンにおける表示の最適化 PC では幅一定で画面中央に、スマートフォンでは画面いっぱいに表示 Responsive Grid System CSS 記述量が減るメディアクエリの書き方 画像を画面いっぱいに引き伸ばすクラスを用意しておくと便利 伸縮する画像を背景

こんにちは、工藤です。 今回はテーブルデザインについて参考にしたいものを集めました。 簡単なようで結構悩んでしまうんですよね・・。 Oranges In The Sky http://icant.co.uk/csstablegallery/tables/39.php 名前の通りグレーを基調にリンクにオレンジと青を使ったテーブルです。 こちらのサイトでは右上にあるデザイン名からCSSを参照することができます。 Nimbupani http://icant.co.uk/csstablegallery/tables/42.php 黒を基調に、リンクに青色を使っているテーブルです。 英語だからいいのかもしれないのですがスタイリッシュなテーブルです。 Casablanca http://icant.co.uk/csstablegallery/tables/71.php グレーと赤を使ったテーブル。色

ようこそ、サル先生のGit入門へ。 Gitをつかってバージョン管理ができるようになるために一緒に勉強していきましょう！ コースは4つ。Git初心者の方は「入門編」からどうぞ。Gitを使った事がある方は「発展編」がおすすめです。さらに「プルリクエスト編」では、コードレビューする文化をチームに根付かせましょう。 「あれ？何だっけ…？」という時は「逆引きGit」で調べて見てくださいね。

HackerNewsやProductHuntなどで今年話題になったjsライブラリ/フレームワーク一覧です。 備忘録として個人でまとめていましたが、けっこう使えそうなものもあったので、Qiitaにまとめてみました。 ＊vue.jsのようなメジャーなものは省いています。 ・Metricsgraphics.js D3の時間軸を必要とするグラフだけに特化したjsライブラリ D3って色々できるけど実際そんなに使いこなせてない人はこっちの方がいいかも！ ・intro.js ささたつさんの記事でおなじみのサイト上で動作するチュートリアルを簡単につくることが出来るライブラリ ・Seriously.js リアルタイムでのWeb用ビデオのコンポジター。 After EffectsやNukeを参考に作られ、高品質なエフェクトを適用できるだけでなく、映像をよりダイナミックに、そしてインタラクティブなものにすること