[B! javascript][programming] choro23のブックマーク

choro23 id:choro23

javascriptとprogrammingに関するchoro23のブックマーク (52)

JavaScriptで◯◯分前を実装する - Qiita
JSでTwitterとかFacebookとかSNSでよく表示される◯◯分前の実装検索しても変なライブラリー入れるのばっかりヒットするので作った function displayTime(unixTime) { var date = new Date(unixTime) var diff = new Date().getTime() - date.getTime() var d = new Date(diff); if (d.getUTCFullYear() - 1970) { return d.getUTCFullYear() - 1970 + '年前' } else if (d.getUTCMonth()) { return d.getUTCMonth() + 'ヶ月前' } else if (d.getUTCDate() - 1) { return d.getUTCDate() -
choro23 2017/11/16
javascript

programming
リンク
jsファイルからjsファイルを呼び出す
jsファイルからjsファイルを呼び出す javascriptの外部ファイルはhtmlのhead内に<script>タグを記述し呼び出しますが、ある条件のときだけ呼び出ししたい場合があります。そこで「javascriptファイルからjavascriptファイルを呼び出す」方法を考えます。呼び出す側のファイルはcall.jsでindex.htmlにスクリプトタグがあり、呼び出される側のファイルはinclude.jsで内容は次のとおりです。【 index.html 】 <head> <script src="jquery-1.8.0.min.js"></script> <script src="call.js"></script> 【 include.js 】 var resText="this is include.js"; 方法その1：document.writeでscriptタグ
choro23 2016/04/24
programming

javascript
リンク
JSON Formatter & Validator
The JSON Formatter was created to help folks with debugging. As JSON data is often output without line breaks to save space, it can be extremely difficult to actually read and make sense of it. This tool hoped to solve the probl em by formatting and beautifying the JSON data so that it is easy to read and debug by human beings. To further expand the debugging capabilities, advanced JSON validation
choro23 2016/04/10
javascript

programming
リンク
Esprima: Syntax Validator
Unlike a typical code linter, this syntax validator does not care about coding styles and formatting. If there is a syntax error, place the mouse cursor over the squiggly red line to reveal the detailed error description.
choro23 2016/04/10
javascript

programming
リンク
どんどん作ろう。オンラインでHTML5/JavaScript/CSS3の実行確認ができるWebサービス×16選
どんどん作ろう。オンラインでHTML5/JavaScript/CSS3の実行確認ができるWebサービス×16選 Web技術の良いところはブラウザさえあれば実行確認ができて、テキストエディタだけで作れてしまう所ではないでしょうか。さらに今回紹介するようなサービスはWeb上にHTML5/JavaScript/CSS3を保存して共有できるので、HTML5の新しいAPIを試すのに使ったり、テクニックを披露するのに使えますよ。 JSFiddle 多種多様なJavaScriptフレームワークの読み込みも可能で、HTML/JavaScript/スタイルシートの記述ができます。 Create a new fiddle – JSFiddle CodePen グラフィックス系の投稿も良く見かけるWebプレイグラウンドです。 CodePen – Front End Developer Playground &
choro23 2016/03/10
webサービス

javascript

programming

まとめ
リンク
すぐに自動的に消えるアラート - JavaScriptで確認を促すアラートで警告画面が出て、１秒後にokボタンをクリックせずに自動でアラ... - Yahoo!知恵袋
すぐに自動的で消えていいならアラートのダイアログを出す必要がないですし、javascriptを使っては通常消せなかった気がします。(もしかしたら方法があるかもしれませんが。) headタグに以下のものを追加すると、それっぽい事が出来ます。 css: <style> #alert{ position:absolute; z-index:10000; top:0; left:0; border:solid 3px #aaa; background:fcfcfc; display:block; width:400px; height:300px; padding:20px; line-height:300px; text-align:center; font-size:32px; font-weight:bold; } </style> javascript: <script src="http
choro23 2016/02/07
javascript

programming
リンク
JSONをもっと使うために知っておきたいJSONエディタ×8選 | NTT Communications Developer Portal
APIのデファクトスタンダードなフォーマットの一つになっているのがJSONです。XMLに比べるとシンプルな構造ですが、括弧が多いために人にとっては複雑な構造になるととても見づらくなります。そのためデータの場所を読み違えてエラーを起こしてしまうこともあります。それを防げるのがJSONを見やすく加工してくれるビューワーであったり、データをメンテナンスできるエディタです。今回はオープンソース・ソフトウェアを中心に紹介します。 JSONMate - JSON editor, inspector and beautifier JSONを貼り付けたり、外部のAPIから取得してビジュアル化できます（取得はJSONPのみ対応しています）。そしてエディタ部で修正を加えると、その結果がテキストのJSON側にも反映されます。 JSON Editor リッチなJSONエディタです。スキーマと組み合わせて使う仕組
choro23 2016/02/07
まとめ

programming

javascript
リンク
Loading...
choro23 2016/01/05
javascript

webサービス

programming
リンク
HTML を Markdown へ変換するときに知っておきたいライブラリ 11選 + α – プログラミング生放送
HTML を Markdown 記法に変換するライブラリいくつかとツール少しを調べました。 <h2>Foo</h2> → ## Foo きっかけはアプリに組み込みたいというわけではなく、単に WordPress で Markdown に移行する前の記事を再編集したいときや、何かの不具合で投稿の本文が Markdown から変換後の HTML だけになってしまったときに戻したいという要望です。調べていたらいろいろ見つけてしまいました。
choro23 2015/04/10
HTML を Markdown へ変換するときに知っておきたいライブラリ 11選 + α | プログラミング生放送 http://pronama.azurewebsites.net/2014/05/16/html-to-markdown-libraries-and-tools/

programming

まとめ

javascript
リンク
jQuery リファレンス：目次
索引 ├ リファレンス目次 ├ アルファベット順 └ 検索 Core：コアとなる仕組み ├ 目次 ├ jQuery(selector) ├ jQuery(html) ├ jQuery(function) ├ jQuery.holdReady() ├ jQuery.noConflict() └ jQuery.sub() 他ページ参照 └ jQuery.when() Selectors：セレクタ └ 目次基礎 ├ *（すべて） ├ element（html要素） ├ #id名（ID属性） ├ .class名（clas属性） ├ 複数のセレクタ(and) └ 複数のセレクタ(or) 階層関連 ├ 先祖子孫 ├ >（子要素） ├ +（直近の後要素） └ ~（後要素）属性 ├ [属性名] ├ [属性名='値'] ├ [属性名!='値'] ├ [属性名^='値'] ├ [属性名$='値'] ├
choro23 2014/08/24
javascript

programming
リンク
JSON Editor Online: edit JSON, format JSON, query JSON
JSON Editor Online JSON Editor Online is the original and most copied JSON Editor on the web. Use it to view, edit, format, repair, compare, query, transf orm, validate, and share your JSON data. About JSON Editor Online JSON Editor Online is a versatile, high quality tool to edit and process your JSON data. It is one of the best and most popular tools around, has a high user satisfaction, and is c
choro23 2014/03/02
javascript

programming
リンク
JavaScriptでiOSアプリが書けるライブラリJavaScriptBridgeを公開しました - 24/7 twenty-four seven
kishikawakatsumi/JavaScriptBridge · GitHub 前にiOS 7から導入されたJavaScriptCore.frameworkを使ってUIKit標準のクラスを操作する話を書きました。 JavaScriptだけでiOSのUIを書いてみる - 24/7 twenty-four seven JavaScriptCoreを使ってJavaScriptからObjective-Cのオブジェクトを操作するのは、あらかじめJSExportプロトコルで公開しておく必要があるなど、あまり実用的ではありませんでしたが、このライブラリを導入すうることで、そういった事前準備がすでに済んでいる状態で使いはじめることができます。また、JavaScriptからObjective-Cのクラスを定義できるなどいくつかの拡張を加えてあり、UIViewControllerのサブクラスで画面を定
choro23 2014/01/05
javascript

programming

iOS
リンク
すごい便利になった！javascript入門の基礎知識と小技まとめ
作成‥2013/12/24 更新‥2014/11/01 Web制作 > サイト構築中にちょっとした動きをのせたいとき、どうすれば良かったのか何度も調べ直さないといけないことがあります。今回はJavaScript で初心者の方でもすぐ活用できるように、使用頻度の高いリファレンスと基本知識をまとめました。エンジニア速報は Twitter の@commteで配信しています。もくじできること1．リファレンススクリプトの書き方／基礎知識2．スクリプトの記述3．文字列／特殊文字4．演算子5．オブジェクト6．プロトタイプ7．イベント8．変数9．if文10．配列11．連想配列12．正規表現13．デバッグできること1．リファレンス JavaScriptは開発環境の準備がほぼ不要で、コピー＆ペーストだけで、動くものができてしまいます。他の言語だとそう簡単にはいきません。サ
choro23 2013/12/25
javascript

programming
リンク
株式会社ALBERT（レコメンドエンジン）
データ分析から導き出されたインサイト無しにAI︵人工知能︶の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には﹁データ活用﹂という共通項があります。私たちは、無数のデータから企業にとって本当に必要なデータを活用するための方法を知っています。将来を見据えたオペレーション体制を備えている企業の半数以上︵52％︶は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ
choro23 2013/01/01
programming

javascript
リンク
√ AutoPagerize のコードを読む 1 √ - ℵ 千里眼Ｒ ⇔ ｾﾝﾘｶﾞﾝ® ℵ
自分用備忘録：そのうちエラー処理の getCacheErrorCallback について書き加えるつもりです 2009-05-22 AutoPagerize バージョンアップに従い、内容をアップデート 2009-05-09 version 0.0.37 に対応目標処理の詳細を理解し、どこで何をやっているのかを理解する資料 Greasemonkey 組み込み関数については GreaseSpot（英語） Ideas - O'Reilly Media（英語） PDFダウンロード（内容が少し古い） http://diveintogreasemonkey.org/（英語） http://firefox.geckodev.org/index.php?plugin=attach&pcmd=open&file=dive_gm.pdf&refer=Greasemonkey（日本語翻訳版）全体の流れ
choro23 2012/12/09
javascript

programming
リンク
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovr ai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovr ai a
choro23 2012/12/05
書いたその場で動かせるオンラインエディター。ブラウザでJavaScript,HTML5,CSSを書いて共有するサイト。他のコードをコピーして編集もできます。

webサービス

programming

css

javascript
リンク
console.log は長いので
よく log というエイリアスを貼るんですが。 Node の場合は var log = console.log; でいけるんですが、これってブラウザ(Chromeしかやってないけど)じゃ動かなくて log(1, 2, 3); // Uncaught TypeError: Illegal invocation というエラーが出ます。そこで、apply してみるが function log(){ console.log.apply(null, arguments) }; function log(){ console.log.apply(window, arguments) }; function log(){ console.log.apply(this, arguments) }; これもできない。。しかたなく、 function log(){ console.log(argumen
choro23 2012/11/25
programming

javascript
リンク
Greasemonkeyでサイト既存CSSの影響を受けないポップアップパネルを作る方法
Greasemonkeyは各サイトでユーザースクリプトを実行できて便利ですが、ある要素を挿入したときにそれがサイトに元々書いてあるCSSの影響を受けてしまうことがあります。一つのサイトならまだしもhttp*で動くようなものだと対応仕切れないのでiframeを使いサイトに書いてあるCSSの影響を受けないパネルを作る。 iframeの中はそのサイトにあるCSSの影響を受けないので、iframe内にGreasemonkeyで表示したいものを置けば影響を受けないものが作成できる。 makeFrameというのが今回の主題。 makeFrame(gotFrame1); makeFrame(gotFrame2); function gotFrame1(iframe, win, doc) { iframe.height = "350"; iframe.width = "500"; iframe.styl
choro23 2012/09/28
javascript

Greasemonkey

programming
リンク
[js] 正規表現で拡張子・スキーム・ドメインを一括マッチング
アンカーのhrefに含まれる拡張子やスキームに応じたアイコンを表示するっていうのはCSSでよくあるけど、ドメインに応じてfaviconと同じアイコン表示するのは見たことがない。どこのサイトか判別するなら大体こんなパターンが考えられる‥ www.sitename.com …　真ん中にサイト名sitename.com　…　先頭にサイト名 service.sitename.co.jp　…　サービス名＋サイト名site.name　…　ドット無くすとサイト名その理屈をjavascriptの正規表現でやっつけてみたのが次のソースです。 var TextlinksAddClass = function(target,title){ this.target = target || document; this.title = title; this.start = function(){ var
choro23 2012/06/02
javascript

programming
リンク
[javascript]　URIからドメインだけ正規表現で取得する
正規表現によるマッチング。location.hrefにmach()使ってドメイン部分を取り出す。 http://www.google.co.jp/ →　www.google.co.jp http://example.com/　→　example.com file:///D:/→　D http://localhost/hoge/index.html　→　localhost http://127.0.0.1:8000/　→　127.0.0.1 ※表示の都合上、全角の﹁？﹂が混じっているので注意 var str = "http://www.google.co.jp/"; var domain = str.match(/^[httpsfile]+:\/{2,3}([0-9a-z\.\-:]+?):？[0-9]*?\//i)[1]; alert(domain); 変数domainは配列になり、dom
choro23 2012/05/20
javascript

programming
リンク
1 2 3 次のページ