https://b.hatena.ne.jp/sendai/javascript/ javascriptに関するsendaiのはてなブックマーク (54) https://paiza.hatenablog.com/entry/2017/02/15/HTML%E3%83%BBCSS%E4%B8%8D%E8%A6%81%EF%BC%81JavaScript%E3%81%A0%E3%81%91%E3%81%A7Web%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E9%96%8B%E7%99%BA%E3%82%92%E5%AE%9F%E7%8F%BE%E3%81%99%E3%82%8B%E3%82%AA%E3%83%B3 sendai 2017-02-16T02:04:11Z webアプリ 開発 javascript 37 <blockquote cite="https://paiza.hatenablog.com/entry/2017/02/15/HTML%E3%83%BBCSS%E4%B8%8D%E8%A6%81%EF%BC%81JavaScript%E3%81%A0%E3%81%91%E3%81%A7Web%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E9%96%8B%E7%99%BA%E3%82%92%E5%AE%9F%E7%8F%BE%E3%81%99%E3%82%8B%E3%82%AA%E3%83%B3" title="HTML・CSS不要！JavaScriptだけでWebアプリの開発を実現するオンラインエディタ「MagiXJS」の使い方を解説 -"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpaiza.hatenablog.com%2Fentry%2F2017%2F02%2F15%2FHTML%25E3%2583%25BBCSS%25E4%25B8%258D%25E8%25A6%2581%25EF%25BC%2581JavaScript%25E3%2581%25A0%25E3%2581%2591%25E3%2581%25A7Web%25E3%2582%25A2%25E3%2583%2597%25E3%2583%25AA%25E3%2581%25AE%25E9%2596%258B%25E7%2599%25BA%25E3%2582%2592%25E5%25AE%259F%25E7%258F%25BE%25E3%2581%2599%25E3%2582%258B%25E3%2582%25AA%25E3%2583%25B3" alt="" /> <a href="https://paiza.hatenablog.com/entry/2017/02/15/HTML%E3%83%BBCSS%E4%B8%8D%E8%A6%81%EF%BC%81JavaScript%E3%81%A0%E3%81%91%E3%81%A7Web%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E9%96%8B%E7%99%BA%E3%82%92%E5%AE%9F%E7%8F%BE%E3%81%99%E3%82%8B%E3%82%AA%E3%83%B3">HTML・CSS不要！JavaScriptだけでWebアプリの開発を実現するオンラインエディタ「MagiXJS」の使い方を解説 -</a></cite><p><a href="https://paiza.hatenablog.com/entry/2017/02/15/HTML%E3%83%BBCSS%E4%B8%8D%E8%A6%81%EF%BC%81JavaScript%E3%81%A0%E3%81%91%E3%81%A7Web%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E9%96%8B%E7%99%BA%E3%82%92%E5%AE%9F%E7%8F%BE%E3%81%99%E3%82%8B%E3%82%AA%E3%83%B3"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/db664171e0488b0b661d766fa59ceede26bae5c6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F2241e9556af2be8659476054ceeaea3a39e94161%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fp%252Fpaiza%252F20170215%252F20170215120815.jpg" alt="HTML・CSS不要！JavaScriptだけでWebアプリの開発を実現するオンラインエディタ「MagiXJS」の使い方を解説 -" title="HTML・CSS不要！JavaScriptだけでWebアプリの開発を実現するオンラインエディタ「MagiXJS」の使い方を解説 -" class="entry-image" /></a></p><p>どうも、まさとらん（@0310lan）です。 今回は、簡単なコードでインタラクティブなWebアプリやゲームなどを作れる「オンラインコードエディタ」のご紹介です！ HTMLやCSSを書く必要がなく、さらにJavaScriptを簡単・安全にプログラミングできる「CoffeeScript」で記述できる完全無料のツールです。 【 MagiXJS 】 簡単に...</p><p><a href="https://b.hatena.ne.jp/entry/s/paiza.hatenablog.com/entry/2017/02/15/HTML%E3%83%BBCSS%E4%B8%8D%E8%A6%81%EF%BC%81JavaScript%E3%81%A0%E3%81%91%E3%81%A7Web%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E9%96%8B%E7%99%BA%E3%82%92%E5%AE%9F%E7%8F%BE%E3%81%99%E3%82%8B%E3%82%AA%E3%83%B3"><img src="https://b.hatena.ne.jp/entry/image/https://paiza.hatenablog.com/entry/2017/02/15/HTML%E3%83%BBCSS%E4%B8%8D%E8%A6%81%EF%BC%81JavaScript%E3%81%A0%E3%81%91%E3%81%A7Web%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E9%96%8B%E7%99%BA%E3%82%92%E5%AE%9F%E7%8F%BE%E3%81%99%E3%82%8B%E3%82%AA%E3%83%B3" alt="はてなブックマーク - HTML・CSS不要！JavaScriptだけでWebアプリの開発を実現するオンラインエディタ「MagiXJS」の使い方を解説 -" title="はてなブックマーク - HTML・CSS不要！JavaScriptだけでWebアプリの開発を実現するオンラインエディタ「MagiXJS」の使い方を解説 -" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/paiza.hatenablog.com/entry/2017/02/15/HTML%E3%83%BBCSS%E4%B8%8D%E8%A6%81%EF%BC%81JavaScript%E3%81%A0%E3%81%91%E3%81%A7Web%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E9%96%8B%E7%99%BA%E3%82%92%E5%AE%9F%E7%8F%BE%E3%81%99%E3%82%8B%E3%82%AA%E3%83%B3"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.fendo181.me/entry/2016/10/26/172404 sendai 2016-11-04T14:52:41Z javascript jQuery 歴史 AngularJS Browserify 1250 <blockquote cite="https://www.fendo181.me/entry/2016/10/26/172404" title="【翻訳】 2016年にJavaScriptを学んでどう感じたか - Endo Tech Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.fendo181.me%2Fentry%2F2016%2F10%2F26%2F172404" alt="" /> <a href="https://www.fendo181.me/entry/2016/10/26/172404">【翻訳】 2016年にJavaScriptを学んでどう感じたか - Endo Tech Blog</a></cite><p><a href="https://www.fendo181.me/entry/2016/10/26/172404"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fccfce521306e60be397437d45db6e67fec159b3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F911dc4b1840dbe7d4d45e6628b814a0df17f91bf%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkikuchi1201%252F20161026%252F20161026171751.png" alt="【翻訳】 2016年にJavaScriptを学んでどう感じたか - Endo Tech Blog" title="【翻訳】 2016年にJavaScriptを学んでどう感じたか - Endo Tech Blog" class="entry-image" /></a></p><p>※何度投稿しようとしてもBad Requestが出てしまったのでgistで投稿します。ご了承下さい。 gist.github.com</p><p><a href="https://b.hatena.ne.jp/entry/s/www.fendo181.me/entry/2016/10/26/172404"><img src="https://b.hatena.ne.jp/entry/image/https://www.fendo181.me/entry/2016/10/26/172404" alt="はてなブックマーク - 【翻訳】 2016年にJavaScriptを学んでどう感じたか - Endo Tech Blog" title="はてなブックマーク - 【翻訳】 2016年にJavaScriptを学んでどう感じたか - Endo Tech Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.fendo181.me/entry/2016/10/26/172404"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://winback.blog32.fc2.com/blog-entry-424.html sendai 2016-10-13T09:37:42Z javascript ノード 2 <blockquote cite="http://winback.blog32.fc2.com/blog-entry-424.html" title="http://winback.blog32.fc2.com/blog-entry-424.html"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwinback.blog32.fc2.com%2Fblog-entry-424.html" alt="" /> <a href="http://winback.blog32.fc2.com/blog-entry-424.html">http://winback.blog32.fc2.com/blog-entry-424.html</a></cite><p><a href="http://winback.blog32.fc2.com/blog-entry-424.html"><img src="" alt="http://winback.blog32.fc2.com/blog-entry-424.html" title="http://winback.blog32.fc2.com/blog-entry-424.html" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/winback.blog32.fc2.com/blog-entry-424.html"><img src="https://b.hatena.ne.jp/entry/image/http://winback.blog32.fc2.com/blog-entry-424.html" alt="はてなブックマーク - http://winback.blog32.fc2.com/blog-entry-424.html" title="はてなブックマーク - http://winback.blog32.fc2.com/blog-entry-424.html" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/winback.blog32.fc2.com/blog-entry-424.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://so-zou.jp/web-app/tech/programming/javascript/json/ sendai 2016-09-30T04:17:13Z javascript json 57 <blockquote cite="https://so-zou.jp/web-app/tech/programming/javascript/json/" title="JSON | JavaScript プログラミング解説"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fso-zou.jp%2Fweb-app%2Ftech%2Fprogramming%2Fjavascript%2Fjson%2F" alt="" /> <a href="https://so-zou.jp/web-app/tech/programming/javascript/json/">JSON | JavaScript プログラミング解説</a></cite><p><a href="https://so-zou.jp/web-app/tech/programming/javascript/json/"><img src="" alt="JSON | JavaScript プログラミング解説" title="JSON | JavaScript プログラミング解説" class="entry-image" /></a></p><p>JSON文字列とJavaScriptオブジェクトの相互変換 JSONオブジェクトがサポートされるならば、そのメソッドによりJSON文字列とJavaScriptオブジェクトを簡単に変換できます。それがサポートされるかどうかは、簡単にはWindowオブジェクトにJSONプロパティが存在するかどうかで判別できます。 if( window.JSON ) { // JSONが...</p><p><a href="https://b.hatena.ne.jp/entry/s/so-zou.jp/web-app/tech/programming/javascript/json/"><img src="https://b.hatena.ne.jp/entry/image/https://so-zou.jp/web-app/tech/programming/javascript/json/" alt="はてなブックマーク - JSON | JavaScript プログラミング解説" title="はてなブックマーク - JSON | JavaScript プログラミング解説" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/so-zou.jp/web-app/tech/programming/javascript/json/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://sugilog.hatenablog.com/entry/2013/04/09/184418 sendai 2016-06-06T12:16:40Z javascript サブドメイン iframe 8 <blockquote cite="https://sugilog.hatenablog.com/entry/2013/04/09/184418" title="JavaScript と iframe で注意点 - sugilogのブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsugilog.hatenablog.com%2Fentry%2F2013%2F04%2F09%2F184418" alt="" /> <a href="https://sugilog.hatenablog.com/entry/2013/04/09/184418">JavaScript と iframe で注意点 - sugilogのブログ</a></cite><p><a href="https://sugilog.hatenablog.com/entry/2013/04/09/184418"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/66cc23c9fdf627ae7db0f7d4fc50554954aa88b0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704591929891203907%2F6435988827676958207%2F1365500658" alt="JavaScript と iframe で注意点 - sugilogのブログ" title="JavaScript と iframe で注意点 - sugilogのブログ" class="entry-image" /></a></p><p>メインのHTML（親frame）の中に子のiframeをつくるとき、その2つのframeの操作について ぶっちゃけ、そんな都合のいい話はない、というお話。 SameOriginPolicy (同一ドメインポリシー） 操作しようとする2つのwindowやframeのoriginが違う時のポリシー。 originは、プロトコルxホストxポート　の組合せ。 http://sugilo...</p><p><a href="https://b.hatena.ne.jp/entry/s/sugilog.hatenablog.com/entry/2013/04/09/184418"><img src="https://b.hatena.ne.jp/entry/image/https://sugilog.hatenablog.com/entry/2013/04/09/184418" alt="はてなブックマーク - JavaScript と iframe で注意点 - sugilogのブログ" title="はてなブックマーク - JavaScript と iframe で注意点 - sugilogのブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/sugilog.hatenablog.com/entry/2013/04/09/184418"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://uhyohyo.net/javascript/14_2.html sendai 2016-03-29T07:00:48Z javascript データベース 5 <blockquote cite="https://uhyohyo.net/javascript/14_2.html" title="十四章第二回　Indexed Database — JavaScript初級者から中級者になろう — uhyohyo.net"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fuhyohyo.net%2Fjavascript%2F14_2.html" alt="" /> <a href="https://uhyohyo.net/javascript/14_2.html">十四章第二回　Indexed Database — JavaScript初級者から中級者になろう — uhyohyo.net</a></cite><p><a href="https://uhyohyo.net/javascript/14_2.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/dd7c18ae7334d86d4677bda327b53092ee33506b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fuhyohyo.net%2Fimages%2Ficons%2F144x144.png" alt="十四章第二回　Indexed Database — JavaScript初級者から中級者になろう — uhyohyo.net" title="十四章第二回　Indexed Database — JavaScript初級者から中級者になろう — uhyohyo.net" class="entry-image" /></a></p><p>十四章第二回　Indexed Databaseこのページの最終更新日：2019年7月1日 今回紹介するIndexed Database、通称IndexedDBは、前回のStorageが進化したようなもので、ある種のデータベースをJavaScriptから作ってブラウザに保存しておいてもらえるものです。localStorageと比べると、文字列だけでなくオブジェクト等を保存で...</p><p><a href="https://b.hatena.ne.jp/entry/s/uhyohyo.net/javascript/14_2.html"><img src="https://b.hatena.ne.jp/entry/image/https://uhyohyo.net/javascript/14_2.html" alt="はてなブックマーク - 十四章第二回　Indexed Database — JavaScript初級者から中級者になろう — uhyohyo.net" title="はてなブックマーク - 十四章第二回　Indexed Database — JavaScript初級者から中級者になろう — uhyohyo.net" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/uhyohyo.net/javascript/14_2.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.nishishi.com/javascript/2014/data-inout-modal-dialog.html 研究ネタ sendai 2016-03-28T09:48:11Z javascript ウインドウ 5 <blockquote cite="https://www.nishishi.com/javascript/2014/data-inout-modal-dialog.html" title="データの受け渡しができるサブウインドウ(モーダルダイアログ)を開く方法 - JavaScript TIPSふぁくとりー"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.nishishi.com%2Fjavascript%2F2014%2Fdata-inout-modal-dialog.html" alt="" /> <a href="https://www.nishishi.com/javascript/2014/data-inout-modal-dialog.html">データの受け渡しができるサブウインドウ(モーダルダイアログ)を開く方法 - JavaScript TIPSふぁくとりー</a></cite><p><a href="https://www.nishishi.com/javascript/2014/data-inout-modal-dialog.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/de447c2afde9a412558e02935630c2d2be01887f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.nishishi.com%2Fcommon%2Fimg%2Fset1%2Fsiteimage-square-jstips.png%3FDefaultImage" alt="データの受け渡しができるサブウインドウ(モーダルダイアログ)を開く方法 - JavaScript TIPSふぁくとりー" title="データの受け渡しができるサブウインドウ(モーダルダイアログ)を開く方法 - JavaScript TIPSふぁくとりー" class="entry-image" /></a></p><p>《2017年6月16日 12:00 PM 公開/更新》 データの受け渡しができるサブウインドウ(モーダルダイアログ)を開く方法 [機能] サブウインドウ側で何らかの補助的な処理をする場合、親ウインドウから子ウインドウへデータを送り、子ウインドウから親ウインドウへデータを戻す……という処理が必要です。JavaScriptのshowModalDia...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.nishishi.com/javascript/2014/data-inout-modal-dialog.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.nishishi.com/javascript/2014/data-inout-modal-dialog.html" alt="はてなブックマーク - データの受け渡しができるサブウインドウ(モーダルダイアログ)を開く方法 - JavaScript TIPSふぁくとりー" title="はてなブックマーク - データの受け渡しができるサブウインドウ(モーダルダイアログ)を開く方法 - JavaScript TIPSふぁくとりー" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.nishishi.com/javascript/2014/data-inout-modal-dialog.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.publickey1.jp/blog/14/javascript_8.html sendai 2015-09-28T07:18:18Z javascript jQuery js プログラミング 162 <blockquote cite="https://www.publickey1.jp/blog/14/javascript_8.html" title="バニラJavaScriptを選択する"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F14%2Fjavascript_8.html" alt="" /> <a href="https://www.publickey1.jp/blog/14/javascript_8.html">バニラJavaScriptを選択する</a></cite><p><a href="https://www.publickey1.jp/blog/14/javascript_8.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d456b001e7b1552ac62944ca10fa41df736e3920/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2Ffbico_pblky.png" alt="バニラJavaScriptを選択する" title="バニラJavaScriptを選択する" class="entry-image" /></a></p><p>jQueryを用いて書いたコードと同等な働きをするコードをjQuery抜きで書くとどのようになるのかを示したWebサイト「You Might Not Need jQuery」（jQueryは必要ないかも）が先日話題になりました（はてなブックマークも180以上付いています）。 ちょうどこのWebサイトを話題にした記事「Choosing Vanilla JavaScript」が...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/14/javascript_8.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/14/javascript_8.html" alt="はてなブックマーク - バニラJavaScriptを選択する" title="はてなブックマーク - バニラJavaScriptを選択する" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/14/javascript_8.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-aug.html 仕事ネタ sendai 2015-08-24T05:08:16Z JS javascript webデザイン jquery 269 <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-aug.html" title="[JS]Webサイトの使いやすさ・かっこよさを向上させる、チェックしておきたいスクリプトのまとめ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjavascript-best-2015-aug.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-aug.html">[JS]Webサイトの使いやすさ・かっこよさを向上させる、チェックしておきたいスクリプトのまとめ</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-aug.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/595aa8b8e117498f26ff7c1220728b88a667acf8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015082406.png" alt="[JS]Webサイトの使いやすさ・かっこよさを向上させる、チェックしておきたいスクリプトのまとめ" title="[JS]Webサイトの使いやすさ・かっこよさを向上させる、チェックしておきたいスクリプトのまとめ" class="entry-image" /></a></p><p>コンテンツの邪魔にならず操作も快適な画像拡大、スクロールすると一旦ヘッダが隠れるけど上にスクロールすると出現、サーチアイコンをクリックするとにょい～ん伸びて検索ボックスになるなど、ユーザビリティ・アクセシビリティに配慮され、タッチデバイスやレスポンシブ対応にも一役買う優れもののスクリプトを紹介し...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-aug.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-aug.html" alt="はてなブックマーク - [JS]Webサイトの使いやすさ・かっこよさを向上させる、チェックしておきたいスクリプトのまとめ" title="はてなブックマーク - [JS]Webサイトの使いやすさ・かっこよさを向上させる、チェックしておきたいスクリプトのまとめ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-aug.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ascii.jp/elem/000/000/696/696368/ ブラウザでファイラー　研究ネタ sendai 2015-08-18T05:49:56Z JavaScript File system API 16 <blockquote cite="https://ascii.jp/elem/000/000/696/696368/" title="File system APIでブラウザーで動くファイラーを作る (1/3)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fascii.jp%2Felem%2F000%2F000%2F696%2F696368%2F" alt="" /> <a href="https://ascii.jp/elem/000/000/696/696368/">File system APIでブラウザーで動くファイラーを作る (1/3)</a></cite><p><a href="https://ascii.jp/elem/000/000/696/696368/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8daf41012a944c6ea65a1e2cc6b43921462b7028/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fascii.jp%2Fimg%2F2009%2F08%2F25%2F243867%2Fl%2Faceb2c24eae62442.jpg" alt="File system APIでブラウザーで動くファイラーを作る (1/3)" title="File system APIでブラウザーで動くファイラーを作る (1/3)" class="entry-image" /></a></p><p>Webブラウザー内に独自のファイルやディレクトリを保存できる「File system API」の使い方ついて、前回の記事に続き解説します。ファイルの作成／削除やディレクトリの作成／削除方法については前回紹介しましたので、今回は一覧の取得やファイルへの書き込み／読み込み方法を学び、簡易ファイラーを完成させましょう。 ...</p><p><a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/000/696/696368/"><img src="https://b.hatena.ne.jp/entry/image/https://ascii.jp/elem/000/000/696/696368/" alt="はてなブックマーク - File system APIでブラウザーで動くファイラーを作る (1/3)" title="はてなブックマーク - File system APIでブラウザーで動くファイラーを作る (1/3)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/000/696/696368/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://atmarkit.itmedia.co.jp/ait/articles/1507/15/news023.html sendai 2015-07-15T06:03:52Z javascript アプリ開発 webアプリ まとめ 275 <blockquote cite="https://atmarkit.itmedia.co.jp/ait/articles/1507/15/news023.html" title="JavaScriptを中心としたWebアプリ開発の栄枯盛衰まとめ――LiveScriptからAngularJS／React.jsまで"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fatmarkit.itmedia.co.jp%2Fait%2Farticles%2F1507%2F15%2Fnews023.html" alt="" /> <a href="https://atmarkit.itmedia.co.jp/ait/articles/1507/15/news023.html">JavaScriptを中心としたWebアプリ開発の栄枯盛衰まとめ――LiveScriptからAngularJS／React.jsまで</a></cite><p><a href="https://atmarkit.itmedia.co.jp/ait/articles/1507/15/news023.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/07e174abbca112379a3648f7e0ae78887864f26a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimage.itmedia.co.jp%2Fait%2Farticles%2F0904%2F20%2Fr81stjs0101.jpg" alt="JavaScriptを中心としたWebアプリ開発の栄枯盛衰まとめ――LiveScriptからAngularJS／React.jsまで" title="JavaScriptを中心としたWebアプリ開発の栄枯盛衰まとめ――LiveScriptからAngularJS／React.jsまで" class="entry-image" /></a></p><p>JavaScriptを中心としたWebアプリ開発の栄枯盛衰まとめ――LiveScriptからAngularJS／React.jsまで：15周年記念特別企画 ＠ITが誕生した2000年頃はJavaScriptが不遇だった時代。そこから現在のような人気のプログラミング言語になるまでには、どのような歴史があったのか。15周年を迎えた＠ITの豊富なWeb開発関連記事とと...</p><p><a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1507/15/news023.html"><img src="https://b.hatena.ne.jp/entry/image/https://atmarkit.itmedia.co.jp/ait/articles/1507/15/news023.html" alt="はてなブックマーク - JavaScriptを中心としたWebアプリ開発の栄枯盛衰まとめ――LiveScriptからAngularJS／React.jsまで" title="はてなブックマーク - JavaScriptを中心としたWebアプリ開発の栄枯盛衰まとめ――LiveScriptからAngularJS／React.jsまで" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1507/15/news023.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://postd.cc/how-to-become-a-great-javascript-developer/ sendai 2015-07-14T14:43:13Z javascript 1179 <blockquote cite="https://postd.cc/how-to-become-a-great-javascript-developer/" title="優秀なJavaScriptの開発者になるための5か条 | POSTD"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpostd.cc%2Fhow-to-become-a-great-javascript-developer%2F" alt="" /> <a href="https://postd.cc/how-to-become-a-great-javascript-developer/">優秀なJavaScriptの開発者になるための5か条 | POSTD</a></cite><p><a href="https://postd.cc/how-to-become-a-great-javascript-developer/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6d1ac1e4c43cf300200805e65ce56945a12e6a93/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fpostd.cc%2Fwp%2Fwp-content%2Fuploads%2F2015%2F07%2Fstudent-776190_640-500x409.png" alt="優秀なJavaScriptの開発者になるための5か条 | POSTD" title="優秀なJavaScriptの開発者になるための5か条 | POSTD" class="entry-image" /></a></p><p>(注記：7/15、いただいた翻訳フィードバックを元に記事を修正いたしました。) 子供の頃、私の興味は互いに関係性のない様々な分野に及んでいました。数学も歴史も大好きでした。 ルネッサンスマン 、つまり 博学者 と言う、複数の分野に秀でた人になりたいと思っていました。これはとても難しい課題で、私は突如として、...</p><p><a href="https://b.hatena.ne.jp/entry/s/postd.cc/how-to-become-a-great-javascript-developer/"><img src="https://b.hatena.ne.jp/entry/image/https://postd.cc/how-to-become-a-great-javascript-developer/" alt="はてなブックマーク - 優秀なJavaScriptの開発者になるための5か条 | POSTD" title="はてなブックマーク - 優秀なJavaScriptの開発者になるための5か条 | POSTD" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/postd.cc/how-to-become-a-great-javascript-developer/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.moongift.jp/2013/11/viz-js-web%E4%B8%8A%E3%81%A7graphviz%E3%82%92svg%E3%81%A7%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0/ 研究ネタ sendai 2015-07-13T10:47:52Z Web javascript svg graphviz 95 <blockquote cite="https://www.moongift.jp/2013/11/viz-js-web%E4%B8%8A%E3%81%A7graphviz%E3%82%92svg%E3%81%A7%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0/" title="Viz.js·Web上でGraphvizをSVGでレンダリング MOONGIFT"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.moongift.jp%2F2013%2F11%2Fviz-js-web%25E4%25B8%258A%25E3%2581%25A7graphviz%25E3%2582%2592svg%25E3%2581%25A7%25E3%2583%25AC%25E3%2583%25B3%25E3%2583%2580%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25B0%2F" alt="" /> <a href="https://www.moongift.jp/2013/11/viz-js-web%E4%B8%8A%E3%81%A7graphviz%E3%82%92svg%E3%81%A7%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0/">Viz.js·Web上でGraphvizをSVGでレンダリング MOONGIFT</a></cite><p><a href="https://www.moongift.jp/2013/11/viz-js-web%E4%B8%8A%E3%81%A7graphviz%E3%82%92svg%E3%81%A7%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/db06f9128fa9c48002b482923dba40e2e8ffd11f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fmoongift%2Fattaches%2F11818%2Flist.%3F1384918700" alt="Viz.js·Web上でGraphvizをSVGでレンダリング MOONGIFT" title="Viz.js·Web上でGraphvizをSVGでレンダリング MOONGIFT" class="entry-image" /></a></p><p>フローチャートなどの高度なグラフを描こうと思った時に使われるのがGraphvizです。テキストベースで記述していくだけでできるというのはやはり手軽です。しかしローカルソフトウェアをインストールしたり、セットアップしたりするのは面倒と感じる人も多いでしょう。 そこでさらに再利用性を高めてくれるのがViz.jsです...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2013/11/viz-js-web%E4%B8%8A%E3%81%A7graphviz%E3%82%92svg%E3%81%A7%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0/"><img src="https://b.hatena.ne.jp/entry/image/https://www.moongift.jp/2013/11/viz-js-web%E4%B8%8A%E3%81%A7graphviz%E3%82%92svg%E3%81%A7%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0/" alt="はてなブックマーク - Viz.js·Web上でGraphvizをSVGでレンダリング MOONGIFT" title="はてなブックマーク - Viz.js·Web上でGraphvizをSVGでレンダリング MOONGIFT" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2013/11/viz-js-web%E4%B8%8A%E3%81%A7graphviz%E3%82%92svg%E3%81%A7%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://rewish.hatenadiary.org/entry/20100427/1272296260 sendai 2015-07-07T04:16:18Z javascript 文字コード 59 <blockquote cite="https://rewish.hatenadiary.org/entry/20100427/1272296260" title="JavaScriptで全角英数と半角英数の相互変換 - Rewish@hatena"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Frewish.hatenadiary.org%2Fentry%2F20100427%2F1272296260" alt="" /> <a href="https://rewish.hatenadiary.org/entry/20100427/1272296260">JavaScriptで全角英数と半角英数の相互変換 - Rewish@hatena</a></cite><p><a href="https://rewish.hatenadiary.org/entry/20100427/1272296260"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/85a5a82177cad4ef878f0d91503485622d646e2c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127142436291%2F17680117127142436835%2F1558162817" alt="JavaScriptで全角英数と半角英数の相互変換 - Rewish@hatena" title="JavaScriptで全角英数と半角英数の相互変換 - Rewish@hatena" class="entry-image" /></a></p><p>全角英数の文字コードから65248個前が半角英数の文字コード。 半角英数の文字コードから65248個後が全角英数の文字コード。 // 半角にしたい str.replace(/[Ａ-Ｚａ-ｚ０-９]/g, function(s) { return String.fromCharCode(s.charCodeAt(0) - 65248); }); // 全角にしたい str.replace(/[A-Za-z0-9]/g, function(s) { re...</p><p><a href="https://b.hatena.ne.jp/entry/s/rewish.hatenadiary.org/entry/20100427/1272296260"><img src="https://b.hatena.ne.jp/entry/image/https://rewish.hatenadiary.org/entry/20100427/1272296260" alt="はてなブックマーク - JavaScriptで全角英数と半角英数の相互変換 - Rewish@hatena" title="はてなブックマーク - JavaScriptで全角英数と半角英数の相互変換 - Rewish@hatena" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/rewish.hatenadiary.org/entry/20100427/1272296260"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.maccle.com/javascript/how-to-get-associative-array-from-bracket-with-jquery/ 仕事ネタ、来週使う sendai 2015-07-03T08:32:41Z jQuery JavaScript Ajax 5 <blockquote cite="http://www.maccle.com/javascript/how-to-get-associative-array-from-bracket-with-jquery/" title="九游手机版app-九游(中国)-九游手机版app-九游(中国)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.maccle.com%2Fjavascript%2Fhow-to-get-associative-array-from-bracket-with-jquery%2F" alt="" /> <a href="http://www.maccle.com/javascript/how-to-get-associative-array-from-bracket-with-jquery/">九游手机版app-九游(中国)-九游手机版app-九游(中国)</a></cite><p><a href="http://www.maccle.com/javascript/how-to-get-associative-array-from-bracket-with-jquery/"><img src="" alt="九游手机版app-九游(中国)-九游手机版app-九游(中国)" title="九游手机版app-九游(中国)-九游手机版app-九游(中国)" class="entry-image" /></a></p><p>九游手机版app-九游(中国)位于国花牡丹之乡，十三朝古都洛阳工业园区内，与洛矿、洛铜、洛轴等大型企业为邻，在洛新开发区、机场工业园的服务辐射范 围内。企业紧邻310国道具有运输大型石油化工设备得天独厚的交通运输条件，是中国石化股份有限公司设备、配件资源市场总部直管供应商、中国化工、神 华集团、河南能化集团...</p><p><a href="https://b.hatena.ne.jp/entry/www.maccle.com/javascript/how-to-get-associative-array-from-bracket-with-jquery/"><img src="https://b.hatena.ne.jp/entry/image/http://www.maccle.com/javascript/how-to-get-associative-array-from-bracket-with-jquery/" alt="はてなブックマーク - 九游手机版app-九游(中国)-九游手机版app-九游(中国)" title="はてなブックマーク - 九游手机版app-九游(中国)-九游手机版app-九游(中国)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.maccle.com/javascript/how-to-get-associative-array-from-bracket-with-jquery/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://weble.org/2010/09/09/jquery-ajax-object sendai 2015-06-30T11:45:11Z jQuery JavaScript Ajax post 33 <blockquote cite="http://weble.org/2010/09/09/jquery-ajax-object" title="jQuery で Ajax でデータを POST 送信する際にオブジェクトで値を渡すと自動的にエンコードしてくれる"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fweble.org%2F2010%2F09%2F09%2Fjquery-ajax-object" alt="" /> <a href="http://weble.org/2010/09/09/jquery-ajax-object">jQuery で Ajax でデータを POST 送信する際にオブジェクトで値を渡すと自動的にエンコードしてくれる</a></cite><p><a href="http://weble.org/2010/09/09/jquery-ajax-object"><img src="" alt="jQuery で Ajax でデータを POST 送信する際にオブジェクトで値を渡すと自動的にエンコードしてくれる" title="jQuery で Ajax でデータを POST 送信する際にオブジェクトで値を渡すと自動的にエンコードしてくれる" class="entry-image" /></a></p><p>私は jQuery で Ajax を使ってデータを POST で送信する際に以下のようにコードを書いていて躓きました。 var hoge = &#39;str&amp;ing&#39;; var fuga = &#39;string&#39;; var data = &#39;hoge=&#39; + hoge + &#39;&amp;fuga=&#39; + fuga; $.ajax({ type: &quot;POST&quot;, url: &quot;/ajax/add&quot;, data: data, success: function() { alert(&#39;success&#39;); } });</p><p><a href="https://b.hatena.ne.jp/entry/weble.org/2010/09/09/jquery-ajax-object"><img src="https://b.hatena.ne.jp/entry/image/http://weble.org/2010/09/09/jquery-ajax-object" alt="はてなブックマーク - jQuery で Ajax でデータを POST 送信する際にオブジェクトで値を渡すと自動的にエンコードしてくれる" title="はてなブックマーク - jQuery で Ajax でデータを POST 送信する際にオブジェクトで値を渡すと自動的にエンコードしてくれる" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/weble.org/2010/09/09/jquery-ajax-object"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://blog.goo.ne.jp/xmldtp/e/352dae9773890a00116e49ae3d3266ba sendai 2015-06-30T11:23:23Z Ajax javascript XMLHttpRequest POST送信 7 <blockquote cite="http://blog.goo.ne.jp/xmldtp/e/352dae9773890a00116e49ae3d3266ba" title="gooサービス終了のお知らせ | dメニュー"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblog.goo.ne.jp%2Fxmldtp%2Fe%2F352dae9773890a00116e49ae3d3266ba" alt="" /> <a href="http://blog.goo.ne.jp/xmldtp/e/352dae9773890a00116e49ae3d3266ba">gooサービス終了のお知らせ | dメニュー</a></cite><p><a href="http://blog.goo.ne.jp/xmldtp/e/352dae9773890a00116e49ae3d3266ba"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e4510b41e9b26149fca035be632d3cfd3c55bf75/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fsmt.docomo.ne.jp%2Fdmenu%2Fimg%2Ftop_ogp.png" alt="gooサービス終了のお知らせ | dメニュー" title="gooサービス終了のお知らせ | dメニュー" class="entry-image" /></a></p><p>ニュース、占い、アプリ、音楽、動画、書籍など「スマホ・ライフ」を楽しむための情報を無料でお届けします。 今後は、dメニューをご利用くださいますよう、よろしくお願いいたします。</p><p><a href="https://b.hatena.ne.jp/entry/blog.goo.ne.jp/xmldtp/e/352dae9773890a00116e49ae3d3266ba"><img src="https://b.hatena.ne.jp/entry/image/http://blog.goo.ne.jp/xmldtp/e/352dae9773890a00116e49ae3d3266ba" alt="はてなブックマーク - gooサービス終了のお知らせ | dメニュー" title="はてなブックマーク - gooサービス終了のお知らせ | dメニュー" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/blog.goo.ne.jp/xmldtp/e/352dae9773890a00116e49ae3d3266ba"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://linuxserver.jp/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/javascript/ajax/send%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%81%A7post%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E6%99%82%E3%81%AE%E8%A7%A3%E6%B1%BA%E6%B3%95.php “setRequestHeader”送信できなくなった症状 sendai 2015-06-26T00:43:09Z javascript サーバ 5 <blockquote cite="http://linuxserver.jp/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/javascript/ajax/send%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%81%A7post%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E6%99%82%E3%81%AE%E8%A7%A3%E6%B1%BA%E6%B3%95.php" title="dfltweb1.onamae.com – このドメインはお名前.comで取得されています。"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Flinuxserver.jp%2F%25E3%2583%2597%25E3%2583%25AD%25E3%2582%25B0%25E3%2583%25A9%25E3%2583%259F%25E3%2583%25B3%25E3%2582%25B0%2Fjavascript%2Fajax%2Fsend%25E3%2583%25A1%25E3%2582%25BD%25E3%2583%2583%25E3%2583%2589%25E3%2581%25A7post%25E3%2581%25A7%25E3%2581%258D%25E3%2581%25AA%25E3%2581%2584%25E6%2599%2582%25E3%2581%25AE%25E8%25A7%25A3%25E6%25B1%25BA%25E6%25B3%2595.php" alt="" /> <a href="http://linuxserver.jp/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/javascript/ajax/send%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%81%A7post%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E6%99%82%E3%81%AE%E8%A7%A3%E6%B1%BA%E6%B3%95.php">dfltweb1.onamae.com – このドメインはお名前.comで取得されています。</a></cite><p><a href="http://linuxserver.jp/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/javascript/ajax/send%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%81%A7post%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E6%99%82%E3%81%AE%E8%A7%A3%E6%B1%BA%E6%B3%95.php"><img src="" alt="dfltweb1.onamae.com – このドメインはお名前.comで取得されています。" title="dfltweb1.onamae.com – このドメインはお名前.comで取得されています。" class="entry-image" /></a></p><p>このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.</p><p><a href="https://b.hatena.ne.jp/entry/linuxserver.jp/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/javascript/ajax/send%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%81%A7post%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E6%99%82%E3%81%AE%E8%A7%A3%E6%B1%BA%E6%B3%95.php"><img src="https://b.hatena.ne.jp/entry/image/http://linuxserver.jp/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/javascript/ajax/send%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%81%A7post%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E6%99%82%E3%81%AE%E8%A7%A3%E6%B1%BA%E6%B3%95.php" alt="はてなブックマーク - dfltweb1.onamae.com – このドメインはお名前.comで取得されています。" title="はてなブックマーク - dfltweb1.onamae.com – このドメインはお名前.comで取得されています。" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/linuxserver.jp/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/javascript/ajax/send%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%81%A7post%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E6%99%82%E3%81%AE%E8%A7%A3%E6%B1%BA%E6%B3%95.php"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://scrap.php.xdomain.jp/js_drag_drop_up/ 研究ネタ sendai 2015-04-14T02:31:13Z File アップロード Ajax javascript 9 <blockquote cite="http://scrap.php.xdomain.jp/js_drag_drop_up/" title="ドラッグ &amp; ドロップでファイルをアップロードする方法 | ScrapEngineer"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fscrap.php.xdomain.jp%2Fjs_drag_drop_up%2F" alt="" /> <a href="http://scrap.php.xdomain.jp/js_drag_drop_up/">ドラッグ &amp; ドロップでファイルをアップロードする方法 | ScrapEngineer</a></cite><p><a href="http://scrap.php.xdomain.jp/js_drag_drop_up/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6fde0404d32f13822f8a9bced0b479540e7d6a24/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fscrap.php.xdomain.jp%2Fwp-content%2Fuploads%2Fjs.png" alt="ドラッグ &amp; ドロップでファイルをアップロードする方法 | ScrapEngineer" title="ドラッグ &amp; ドロップでファイルをアップロードする方法 | ScrapEngineer" class="entry-image" /></a></p><p>Ajaxを使用してファイルをドラッグ＆ドロップでサーバにアップロードする方法 ローカルPC上のファイルをドラッグ＆ドロップでサーバに複数ファイルを同時にアップすることが可能になります。 下のgifのようなアップロードが可能になります。 javascriptとHTML側 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;...</p><p><a href="https://b.hatena.ne.jp/entry/scrap.php.xdomain.jp/js_drag_drop_up/"><img src="https://b.hatena.ne.jp/entry/image/http://scrap.php.xdomain.jp/js_drag_drop_up/" alt="はてなブックマーク - ドラッグ &amp; ドロップでファイルをアップロードする方法 | ScrapEngineer" title="はてなブックマーク - ドラッグ &amp; ドロップでファイルをアップロードする方法 | ScrapEngineer" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/scrap.php.xdomain.jp/js_drag_drop_up/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://commte.net//archives/5137 研究ネタ sendai 2015-04-06T06:02:13Z jQuery プラグイン JavaScript webデザイン 374 <blockquote cite="https://commte.net//archives/5137" title="今っぽくなった！トレンドをおさえたjQuery プラグインまとめ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcommte.net%2F%2Farchives%2F5137" alt="" /> <a href="https://commte.net//archives/5137">今っぽくなった！トレンドをおさえたjQuery プラグインまとめ</a></cite><p><a href="https://commte.net//archives/5137"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/680a45eae288eb51e2d6003059fd058cbcab62db/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcommte.net%2Fwp-content%2Fuploads%2Fai_plugin_details.png" alt="今っぽくなった！トレンドをおさえたjQuery プラグインまとめ" title="今っぽくなった！トレンドをおさえたjQuery プラグインまとめ" class="entry-image" /></a></p><p>作成：2015/04/6 更新：2016/06/29 Web制作 &gt; トレンドとなりつつある視覚効果や、細部にちょっとした動きを取り入れたいときに使えるjQuery プラグインをまとめました。ユーザーが使いやすくなるよう、ページにひと工夫したいときに。少し前のプラグインもありますが、今から使えそうなものもピックアップ。 エンジニア...</p><p><a href="https://b.hatena.ne.jp/entry/s/commte.net//archives/5137"><img src="https://b.hatena.ne.jp/entry/image/https://commte.net//archives/5137" alt="はてなブックマーク - 今っぽくなった！トレンドをおさえたjQuery プラグインまとめ" title="はてなブックマーク - 今っぽくなった！トレンドをおさえたjQuery プラグインまとめ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/commte.net//archives/5137"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>