とってもやさしいフロントエンド入門
まず、新しいアイデアが提案されると、ステージ0の「Strawman」と呼ばれる段階に入ります。ステージ0のアイデアが価値のある提案として見なされ、大まかな形で問題点や解決策を説明できるようになると、ステージ1の「Proposal」と呼ばれる段階に進みます。そして、提案がある程度まとまって仕様の草案として認められると、ステージ2の「Draft」と呼ばれる段階に上がります。さらに細かいところまで練り上げられて、仕様がほぼ完成した状態になると、ステージ3の「Candidate」の段階になります。最後に、2つ以上のブラウザがその機能を実装していて、ECMAScript の編集者に承認されると、ステージ4の「Finished」と呼ばれる段階になります。 ステージ4に上がった提案は、毎年 6 月のタイミングで ECMAScript の新しいバージョンとしてリリースされます。リリースする際は、ECMAS
【AMP】Googleが推進するAMPとは？概要と対応方法まとめ
HOMESEOAMP【AMP】Googleが推進するAMPとは？概要と対応方法まとめ 【AMP】Googleが推進するAMPとは？概要と対応方法まとめ 突然ですが、最近スマホで検索をした時にたまにカミナリ⚡マークが付いたページが表示されるのをご存知でしょうか？ 赤い枠で囲っているリンクにはカミナリのマークがついています。このようなリンクはAMP HTMLで構築されたWebページに遷移します。 リンクをタップして見てみると、非常にシンプルな見た目のコンテンツが表示されます。 これらは「AMP(Accelerated Mobile Pages)」という、Googleが推進しているモバイルページを高速に表示させるための手法によって作成されているコンテンツです。 「最近よく聞くけど、AMPってなんなの？」と疑問をお持ちの方も多いのではないかと思います。 SEO界隈で何かと話題のAMPについて、概要
Chatwork│Slackへメッセージを転送する方法 | デジタルメソッド
ChatworkのメッセージをSlackへ転送する条件 ChatworkのメッセージをSlackへ転送する条件は下記の4点になります。 ①通知だけでなく、メッセージの内容も転送する ②自分宛ての通知のみ転送 ③すべてのルームの自分宛ての通知を転送したい ④他のサービス(zapierとかAWS Lambdaとか)はできれば使わず、Google Apps Scriptだけでなんとかしたい ネットで公開されているものをいくつか試したのですが、理想のものは見つかりませんでした。 Toが既読されるまで、メッセージが投稿され続けたり すべてのメッセージがGmailに大量に転送されたり（かつ同じメッセージを取得し続けたり） 通知がありましたのみ表示されたり 納得いかなかったので定のルームに自分宛ての通知のみ、メッセージ内容も込みで転送させてみました。 ChatworkのメッセージをSlackへ転送する方
【チャットワーク】タスクをgoogleカレンダーに自動連携する（Google Apps Script）
2020/03/10更新 コードを修正（V8ランタイムに対応）しました！ 2020/04/27更新 コードを修正しました！ 2020/05/09更新 予定が重複してしまう不具合を修正しました。 できること チャットワークのタスクをGoogleカレンダーに自動連携します。 具体的には、期限が設定され未完了の自分のタスクを、Googleカレンダーに予定として自動で登録します。 チャットワークのタスクとGoogleカレンダーを同期してほしいという要望があったので、APIとGoogle Apps Scriptを使って作成してみました。Googleカレンダー側の通知機能を使うことでアラート（リマインド）することもできます。 わかりやすく説明したつもりなので、ぜひお試しください。 チャットワークAPIトークンを取得 チャットワークAPIの利用申請し、APIトークンを取得してください。 トークンの取得方
ethertank.jp
ethertank.jp 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
[JS]lightboxの進化形、レスポンシブ対応で画像を拡大表示するスクリプト -SuperBox
lightboxよりJavaScriptと画像ロードの依存を少なくした、レスポンシブ対応で画像を拡大表示するjQueryのプラグインを紹介します。 デモページ：幅780pxで表示 SuperBoxの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <link href="css/style.css" rel="stylesheet"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/superbox.js"></script> Step 2: HTML まずは、基本構造です。 HTML5のdata属性で拡大する画像を指定し、classに「superbox-im
ドラッグ&ドロップによる再配置も可能な、タイル状に要素を配置するjQueryプラグイン・jQuery.Shapeshift - かちびと.net
要素をタイル状に配置してくれる、というjQueryプラグイン。特に目新しいものでは無いですけど。Pinterestライクなレイアウトを実装出来る、と言ったほうが伝わりやすいかも知れませんね。 Pinterestライクなレイアウトを実装出来て且つ、並べた要素をD&Dで移動、再配列してくれる、というもの。使うシーンは限られそうですけど面白いですね。 ドラッグ&ドロップで配列してる要素を自動で再配置してくれます。上図は画像になっていますが、ボックス要素に対応できるので応用が利きそうです。touch-punchを使ってタッチデバイスに対応させることも出来るようです。 ただ、再配置後の記憶をしないとなのでcookieやlocalStorage等を併用する必要があります。 コード <script type="text/JavaScript" src="http://ajax.googleapis.co
BOTだってお気に入り ふぁぼり機能
果たしてBOTからふぁぼられても嬉しいのか？そこは使い方次第ということで。 ※以前の記事は削除、こちらは多重ふぁぼ対策済みです。 ※ 2012/10/13追記 ============================================ この記事の内容は古いです。 TwitterAPI1.1に対応した記事を追加しました。 http://6zr.blogspot.jp/2012/10/twitterapi11.html ============================================ EasyBotterで発言するときやフォローする時に使われる「_setData($url, $value = array())」の関数を使います。 ほとんどAPI部分を変えただけのようなものです。何か他にも応用が利きそうです。 EasyBotterは、一度replyを送った場
Jedit X で ZenCoding - makogの日記
愛用のテキストエディタ「Jedit X」でZen Codingができないものかと探ってみました。 Zen Codingとは？ Zen Codingについては、以下が参考になります。 知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ マークアップ効率化 - zen-codingでコーディングを倍速に (Yahoo! JAPAN Tech Blog) ライブラリ探し Jedit Xのマクロは AppleScriptでつくることができるのですが、さすがにAppleScript実装のZenCodingというものは無さそう。でも、AppleScriptは「do shell script」でコマンドを実行できるので、Perl やら Rubyで実装されたものがあれば、なんとかなるか、と思って見つけたのが以下です。 Zen Codi
HugeDomains.com
Captcha security check actyway.com is for sale Please prove you're not a robot View Price Processing
Twitter、Facebook、Evernote、Tumblrなどのソーシャルボタンをネットサーフィン中つねに表示する方法 | ライフハッカー・ジャパン
ネットサーフィン中に読んでいる記事をTwitterやFacebookなどにシェアする場合、その記事にソーシャル系ボタンが設置されていれば問題はないですが、サイトによってはそれらのボタンが無い時もあると思います。かといってブラウザのアドオンなどを使おうとしても、アドオンはサービスごとに別々になっていて複数のサービスで同時にシェアしたい時は不便です。 そこで今回は、Twitter、Facebook、Google+、Evernote、Tumblrのソーシャルボタンをブラウザ右上に常に表示できるようにするブックマークレットをご紹介します。Chrome/Firefox/Opera/Safari/IEで動くみたいですよ。 このブックマークレットは、「actyway」というサイトで公開されています。設定方法は、以下の3つの文字列のいずれか（色は三色あります）をブラウザのブックマークバーにドラックするだけ
わずか4KBと軽量でカスタマイズしやすい、シンプルなデートピッカー（カレンダー）を実装するjQueryプラグイン・glDatePicker - かちびと.net
カレンダーの日付を押すだけでボックス内にデータを入力出来るやつです。デートピッカーというんですが、これがあるとユーザーは視覚的にも探しやすく、入力ミスも防げるので日付を入力するフォームに導入するといいユーザービリティになりそうです。 また、シンプルなコードでカスタマイズもしやすいのが特徴です。というわけでサクッと日本語にしてみました。 デモ デモです。フォーカスするとカレンダーが表示されます。 汎用的 コードもシンプルなので簡単に日本語に出来ます。 カラーはcssで変更するだけ。 コード <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="js/gl
VMware Player
いやーまいった。先日はVMware Server 2で、せっかく苦労してイメージが出来たのに エラーを吐いて起動せず。 しかし懲りずに考えた。 そうだ、VMware Player があるじゃないか！ ということで早速ダウンロード。 インストールしようとすると、VMware Server 2とは競合できないらしく、アンインストールを求められる。 当然 VMware Server 2 には苦労しかさせられていないので、さっさと削除。 で VMware Player 入れた。 日本語！対応してる！ で、VMware Server 2 で作成したイメージを、おそるおそる起動してみると、、、、 おおおおおおおおおお エラー吐かずに起動してるやんけ。 やりましたー。 CentOS 5.2 VMwareツールも入れ、なかなかスムーズに動きます。 さー勉強するぞー。 でも今日はサスペンドにして寝る！ 免責
マンガで分かる JavaScriptプログラミング講座
はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 （マンガは、左上から右下へと読みます） プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ
シゴタノ！ - 「高橋メソッド」風のプレゼンを素早く作る
※2007/11/02(金)追記：ファイルに問題がありマクロが正常に実行できませんでしたので、修正しました。 以前、「プレゼンは模倣と模索で模範を目指す」というエントリーで、プレゼン手法の1つである「高橋メソッド」について、その解説書である『でかいプレゼン 高橋メソッドの本』という本に言及しながらご紹介しました。 今回は、実際にこの手法でプレゼンを作る際に僕自身が使っているツールをご紹介します。 高橋メソッド関連ツール まず、『でかいプレゼン 高橋メソッドの本』に掲載されているツールから。 » 高橋メソッドなプレゼン作成ツール 見ていただければわかる通り、画面上部にあるテキストエリアに入力した文字列を「高橋メソッド」ライクに拡大して表示させるツールです。「—-」がページ区切りとなります。 原稿となるデータをテキストファイルなどで保管しておき、プレゼン先でこのページを開いて、原稿データを流し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.facebook.com/notes/%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%80crowda/facebook%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9%E3%81%9D%E3%81%AE4%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E7%B8%A6%E3%82%B5%E3%82%A4%E3%82%BA%E8%AA%BF%E6%95%B4
ちょっとした説明に便利なTooltipsのスクリプトいろいろ | IDEA*IDEA