iOS版TextExpanderのJavaScriptスニペットについて - aitatena
日本語情報が少なかったのでまとめました。 https://itunes.apple.com/jp/app/textexpander-3-+-custom-keyboard/id917416298?mt=8&uo=4&at=11lqq9 JavaScriptスニペット利用方法 通常のスニペット登録画面を開き「Content: (Plain)」内でホールドしてコピーメニューを出します。 コピーメニュー（の一番右）から「JavaScript」を選択すると見出しが「Content: (JavaScript)」に変化します。 JavaScriptのソースコードを登録すると、通常のスニペットと同様の方法でJavaScriptの実行結果を展開できます。 ソースコードの書き方 基本的には最後に書いた文が展開されます。 "Java" + "Script" + " result"; // JavaScript
Javascriptで文字列の０埋め、空白で右寄せでフォーマット - それマグで！
Javascript で sprintf( "%04d" 987 ); をやりたいと思った var i = 123 ( "000" + i ).substr(-4) //=> 0123 なるほど！ substr と組み合わせればいいのか > ( ("000") + 1 ) '0001' > ( ("000") + 1 ).substr(-1) '1' > ( ("000") + 1 ).substr(-3) '001' > ( ("000") + 1 ).substr(-4) '0001' > ( ("000") + 10 ).substr(-4) '0010' [1,2,3,4,5,6,7,8,9,10]. map(function(e){return e*e*e ;}). map(function(e){ return ("000" + e).substr(-4) }).join("
気軽にプログラミングを始められるWebエディタ『runstant』作りました - Qiita
7月19日. 久しぶりの３連休. 予定はぎっしりだった. だが神からのお告げがあった. なんか作れと. 気づいたらオレの指は Macbook Air の薄いキーボードの上だった. ってことで連休中にちょっとしたツール作りました. 気軽にプログラミングを始められるWebエディタです. 名前は runstant. run + instant の略で, インスタントラーメンのように一瞬で気軽に実行できるよって意味です. ログイン不要, サーバー通信なしで一瞬で プログラミングを始めることができます!! 一応, tmlib.js 公式エディタ的な 位置づけなのでデフォルトで tmlib.js のサンプルが入ってます. とりあえず触ってみてください -> こちら 特徴 ログインの必要ないよ 状態を hash で保存するのでサーバー通信しないよ html/css/javascript が書けるよ ちょ
Greasy Fork - safe and useful user scripts
What are user scripts? User scripts put you in control of your browsing experience. Once installed, they automatically make the sites you visit better by adding features, making them easier to use, or taking out the annoying bits. The user scripts on Greasy Fork were written by other users and posted to share with the world. They're free to install and easy to use. Step 1: install a user script ma
JavaScript学習のためのまとめサイト「 JavaScript The Right Way」 | ソフトアンテナ
良質なJavaScriptコードを書くためのまとめサイト「JavaScript The Right Way」が公開されています。JavaScript初心者の入門用として、または経験者のベストプラクティスとして活用できる情報がたくさん集まったサイトです。 目次をみると「Getting Started」、「JavaScript Code Style」、「The Good Parts」、「Patterns」、「Testing Tools」、「Frameworks」、「Reading」、「Who to follow」、「PaaS Providers」、「Helpers」と入門から応用まで幅広くカバーされていることがわかります。 最近JavaScriptの人気は加熱するばかりですが、その分全体像が掴みづらくなってきています。このようなサイトをうまく活用して効率よく情報収集していきたいですね。
プログラミングが学べる「Codecademy」を実際にやってみた【日本語にも対応】
プログラミングが学べる「Codecademy」を実際にやってみた【日本語にも対応】 日本語に一部対応している、プログラミング学習サービス「Codeacademy（コードアカデミー）」を実施にやってみた実践レポートです。JavaScript、PHP、Rubyなどのプログラミング言語が学べます。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 現在アメリカではオンラインで学べるプログラミング学習サービスがすごい勢いで人気を集めています。 今回は
とりあえずJavaScriptを記述して動作を確認したいって時はFirefoxに搭載のスクラッチパッドが断然便利 ｜https://wp.yat-net.com/name
2013年 04月 05日 とりあえずJavaScriptを記述して動作を確認したいって時はFirefoxに搭載のスクラッチパッドが断然便利 カテゴリ： Firefox タグ：javascriptエディタデバッグ JavaScriptを記述出来るエディタは沢山あるんですが、「とりあえずソースを書いて試したい」って時はFirefoxに標準で付属しているScratchpad（スクラッチパッド）を使っています。 Scratchpad（スクラッチパッド） Firefox 6で搭載されたスクラッチパッド。使ってる人は結構居るかもしれませんが、まだ知らない人も居ると思うのでちょっと紹介しようと思いました。 Firefoxにはブラウジングする機能以外に開発者向けの機能が沢山備わっています。Scratchpad（スクラッチパッド）もその中の一つで、これはJavaScriptのソースを記述・実行・デバッグが
グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる
グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる 学習内容は全部で以下の7つのレベルに分かれており、17本のビデオと、レベルごとに用意された、実際に自分で操作して解いてみる75以上の例題から構成されています。レベルをクリアするとバッジがもらえるようになっています。 Level 1: Getting Started & Basic DOM and Styles Level 2: Advanced DOM and Styles Level 3: Working With the Console Level 4: Debugging JavaScript Level 5: Improving Network Performance Level 6: Improving Performance Level 7: Memo
初心者のためのGoogle Apps Scriptプログラミング入門 - libro
※ページが正常に表示されない場合 AddBlockなどの広告ブロックツールがONになっていると、ページの一部が表示されないことがあります。これらのツールをOFFにしてみてください。
いま見ているページを認証不要でTwitterに投稿するブックマークレット
何で認証不要かというと 本家のサイトから直接投稿するから。 Twitter はいつの間にか http://twitter.com/home?status=[文字列] で投稿欄にその文字列を入れられるようになってた。 いつの間にかじゃなくて最初からできたのかな。 ともかく以前はAPI を通じて認証してたんだけど、 そんなことしなくても これならものすごく簡単に投稿できる。 というわけで いま見ているページのタイトルと URL を投稿するブックマークレット。 このページをTwitterに このリンクを右クリックして ブックマークだかお気に入りだかに保存してから 投稿したいページが開いた状態で そのブックマークレットをクリックね。 要するに Twitter の投稿画面に飛ばすだけなので ID やパスワードをどこかに預ける必要はない。 ログインしていれば [ページタイトル] [ページ URL] が
見ているページをTwitterに投稿するBookmarkletとブログ用ボタン | Creazy!
[2009/06/18：追記] bit.lyに対応したスクリプトも書きましたので、こちらもどうぞ。 ・【bit.ly対応版】見ているページをReTweetするブログ用ボタン [C!] いしたにさんがブログにTumblrボタン付けて、Twitterボタンもつけたいようなので持っていたBookmarkletから在庫放出しますw 自分のブログのエントリーにTumblrに１クリックで投稿するボタンつけました。 (snip) twitterボタンお待ちしてます！ via: 自分のブログのエントリーにTumblrに投稿するボタンつけた:[mi]みたいもん！ Tumblrボタンは単純にTumblr純正の bookmarklet をリンクにしているだけなので、Twitterも同じ要領でできます。 まずは、元となるBookmarkletから。 Surfing Page to Twitter ソース中身はこん
JavaScriptでの正規表現を覚えたいときに激しく使えるチートシート - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
Web上で見やすいSQLに整形する·SQL整形ツール DML Breaker MOONGIFT
SQL整形ツール DML BreakerはJavaScript製のオープンソース・ソフトウェア。O/Rマッピングソフトウェアは数多く登場しているが、より細かな最適化を求めたり、旧来のシステムではまだまだSQLを使わざるを得ない場面が多い。またログに吐き出されたSQLをチェックしたりする必要がある場面は多々ある。 WHEREでつないだ版 そんな時に出力されたSQLを手作業でフィールド単位に分けたり、テーブル名を並べたりするのは手間のかかる作業だ。そこで使ってみたいのがSQL整形ツール DML Breakerになる。このソフトウェアは貼付けたSQLを解析して読みやすいSQLに変換してくれるのだ。 CRUD（SELECT/INSERT/UPDATE/DELETE）のSQLに対応しており、適切な改行やインデントを挿入してくれる。Webブラウザ上で動作するので社内に一つであれば皆で使えて便利だろう。
便利なブックマークレットがきっと見つかる！？『Bookmarklet Directory』 | 100SHIKI
今見ているページに対して便利な処理がいろいろできるのがブックマークレットだ。 そしてその便利なブックマークレットを全部一箇所に集めようぜ！という意欲的なプロジェクトがBookmarklet Directoryだ。 今見ているページから広告を消す、今見ているページのページランクを調べるなどなど、小粋なツールがきっと見つかるだろう。 利用するのに会員登録は不要だが、自分で登録したり、コメントしたりする場合には必要なようだ。まだまだ数は少ないが、定期的に覗いてみてもいいだろう。
Firefox 拡張を jQuery で書く！ Jetpack を使ってみた。 - IT戦記
はじめに JavaScript が書ければ、誰でも簡単に Firefox の拡張が書けてしまう。しかも、もれなく jQuery が付いて来る！ というものを Mozilla Labs がリリースしたみたいですね。 https://jetpack.mozillalabs.com/ というわけで 少し触ってみました Jetpack Feature の書き方 Jetpack で書く Firefox 拡張を「Jetpack Feature」といいます。 これは、以下の 2 つのものを用意すれば誰でも簡単に公開することが出来ます。 JavaScript ファイル 公開用 HTML ファイル JavaScript ファイル JavaScript ファイルには、 Jetpack Feature のアプリケーションコードを書きます。 (function() { Jetpack.statusBar.appe
AutoPagerizeの動作の流れ - os0x.blog
AutoPagerize くらいは - twwp宛て。 本家swdyh版について(oAutoPagerizeも主な流れは同じだけど)、ざっくりと処理の流れを(細かいところやメインでない部分は省いています)。 ページの読み込み→Greasemonkey起動(この辺は省略)、AutoPagerize起動 SITEINFOの読み込み SITEINFOの期限が切れていた場合、wedataから最新を取得 URLにマッチするSITEINFOがあるかチェック、なければ終了 SITEINFOのXPathが機能しているかチェック、XPathで要素を取れなかったら終了 初期化処理 次のページのURL取得 差込位置の決定、insertBeforeか、pageElementの最後の次の要素 右上アイコン・ヘルプの設置 スクロール監視の開始 読み込み開始位置の決定(どこまでスクロールしたら次のページを読み込むかは、
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
【コラム】そろそろきっちりJavaScript (1) "Firebug"の導入〜関数リテラルとは? | エンタープライズ | マイコミジャーナル
多彩な演出効果をカンタンに導入できる事で脚光を浴びたprototype.jsの登場を皮切りに、インターネットで公開されているJavaScriptライブラリの数は、この一年で急激に増加した。何かやりたいことがあったときはWebで検索すれば、大抵、どこかにライブラリが転がっている。便利な世の中になったものだ。 一方、Webを通じて提供されるサービスは多様化の一途を辿っている。JavaScriptライブラリは整ってきたが、当然、置くだけでは機能しない。ライブラリのサポートページには簡単なサンプルが載っているものの、サンプルがそのまま適用できるケースはごくわずかだ。しかたなく、他の誰かが似たような事をやっていないかとWeb検索するはめになる。 思えば、これまでJavaScriptを言語としてとらえ、きっちり向き合う機会は少なかったのではないだろうか。 1995年の終わり、Netscape Navi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dance Party
Dance Party