セガがjavascriptでぷよぷよを作るプログラミング講座を出しているが、とても良いプログラミングの教材になっている「写経はとても大事」
ショーヘー@デイトラ代表 | 受講生25,000人突破 @showheyohtaki プログラミング学習中の方へ👨💻 これ面白い！！セガがjavascriptでぷよぷよを作るプログラミング講座を出してくれてます😊 動作ごとに細かくコメントも入ってるので、ちゃんとソースコードを読んでから写経していったらめちゃくちゃいいプログラミングの勉強になると思う！ puyo.sega.jp/program_2020/ pic.twitter.com/Xr5hmPzZXI 2022-01-08 18:03:38 ショーヘー@デイトラ代表 | 受講生25,000人突破 @showheyohtaki このぷよ開発に使う『Monaca』は、本来iOS用はswift・Android用はJavaと、別々に開発が必要なアプリを、HTML・jsなどのWeb標準言語でまとめて開発できるという開発プラットフォームで
Facebookページに複数の「いいね！」ボタンを設置したい！ ｜ Tips Note by TAM
「いいね！」ボタンは、読者からの反応が直接反映されるので 1つだけではなく複数設置したい場面があると思います。 （人気商品を知りたい、ランキングを作りたい など） （例） プラザ/PLAZA（ルミネ有楽町店） ※公開終了 → ※赤で囲んだ部分が「いいね！」ボタン。 ところが、 Facebookページ 1ページに対し、 「いいね！」ボタンは 1つしか置くことができません。 それでもやっぱり複数の「いいね！」ボタンを置きたかったので、 独自に考えたてみた複数の「いいね！」ボタンを設置する 2つの設置例をご紹介いたします。 ※非常に無理矢理感のある方法ですので、推奨はいたしません。 Facebookの仕様変更等にも十分ご注意ください。 （例） ・ASCII.jp Web Professional 「書籍紹介」 ※公開終了 「いいね！」ボタンから、 各書籍の詳細情報のページへリンクしています。 ▼
InDesign＋JavaScriptで電子書籍制作を自動化 (1/6)
出版／印刷業界で広く使われているDTPソフト「InDesign」はJavaScriptを使ってさまざまな処理を自動化できます。たとえば話題の電子書籍のデータ制作も、InDesignとJavaScriptを使えばある程度自動化できます。 そこで今回のJavaScriptラボは、InDesign CS5とJavaScriptで青空文庫形式の電子書籍を作成します。青空文庫形式は単純なテキストファイルですのでInDesignのデータをコピー＆ペーストするだけでも作成できますが、今回は画像を含むInDesignのドキュメントをiPadのi文庫HD用の青空文庫形式に楽に書き出せるようにしましょう。 i文庫HDの青空文庫形式には独自の改ページタグと画像埋め込みタグが用意されています。詳しい仕様は以下のページにあります。
iPhone/iPadでダブルタップが利用できるjQueryプラグイン「jquery.event.dblTap.js」
iPhone/iPadでダブルタップが利用できるjQueryプラグイン「jquery.event.dblTap.js」 iPhone/iPadでダブルタップをJavaScriptで実装するで紹介してたダブルタップの実装方法をjQueryプラグインにしてみました。 利用方法 jQuery本体とjquery.event.dblTap.jsをhead要素などで読み込みます。 <script src="jquery-.min.js"></script> <script src="jquery.event.dblTap.js"></script> 後は「dblTap」をbindするとdblTapイベントが実装できます(クリックにも反応するようにしています)。 $("button").bind("dblTap",function(){ alert("duble tap"); }) デモ 初期設定では5
竹取 JS
画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには？ とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意！ やや動作が重いです！ うまく変換できなかったときは、画面をダブ
Video LightBox - Embed video to your website with beautiful Lightbox effect!
Add video to your website with stylish popup video effect! Now for Windows and Mac! Video LightBox JS is a free wizard program that helps you easily embed video to website, web page or blog, in a few clicks without writing a single line of code. All it takes is 3 easy steps: 1.Add Video, 2.Select Template, 3.Publish. At the first step, you add a video clip, for example cut-n-paste YouTube url or d
ブラウザー上で動く iPhone-style トグルスイッチ
ここのところ「iPhoneアプリのUIの大半（ひょっとしたらアプリすべて）をHTML+JavaScript+CSSで作ることはできないか？」に挑戦している私。 そのためにまずは部品作りからとりかかっているのだが、昨日から今日にかけて作ったのは、プログレス・バー、スライダー、トグルスイッチなどの「連続値・不連続値」を表示・入力用UIコントロールをウェブページ上で実現するためのJavaScriptライブラリ。 見た目（Look&Feel）はCSSを使って自由に指定できるように作りつつ、シンプルでありながらいろいろな場面で使い回しがきくライブラリを作りたかったので、何度もリファクタリングを繰り返してしまったが、なんとか形になってきた。 ということで、そのライブラリ（jTouchControl version 0.10）を使ったiPhone風トグルスイッチを公開。一応、Safari (4.0),
s3Slider jQuery plugin
Example 1 This example shows the layer appears on top or bottom. Lorem ipsum dolor Consectetuer adipiscing elit. Donec eu massa vitae arcu laoreet aliquet. Praesent Maecenas est erat, aliquam a, ornare eu, pretium nec, pede. In hac habitasse Quisque ipsum est, fermentum quis, sodales nec, consectetuer sed, quam. Nulla feugiat lacinia odio. Fusce rhoncus Praesent pellentesque nibh sed nibh. Sed ac
Webのバグを燃やしまくるFirebugと、そのアドオン7選
Webのバグを燃やしまくるFirebugと、そのアドオン7選：ユカイ、ツーカイ、カイハツ環境！（10）（1/3 ページ） 高度化するWebのデバッグに悩む人、必見！ 近年、Google Chrome、Firefox、Safari、Opera、Internet Explorer（以下、IE）がJavaScriptの実行速度の最速の座を争っていますが、それに伴いJavaScriptによるフレームワークやコンポーネントが多数出現し、Webブラウザのユーザビリティは飛躍的に向上してきました。 一方で、開発者／デザイナにとっては複雑化するWebアプリケーションのデバッグが悩みの種となってきています。そんなときにお勧めなのが、Firefox上で動作するアドオン「Firebug」です。これを利用すれば、デバッグがかなり効率的に行えます。 本稿では、Firefoxのアドオンとして利用するFirebugと、
MooFlow V0.2 for MooTools 1.2
Image gallery uses MooTools. Features autosetup graps all images inside a element autoresize on changes of window dimensions fullscreen option scrolling with mouse wheel scrolling with key input (left and right cursor) autoplay presentation loop reflections via javascript load images via json (with event or on startup) load images from a html-source with selector-filter creates the UI automaticall
csv2tablejQuery でCSVをテーブル表示
あと、最近のブログはここ JavaScript++かも日記 Facebookの仮想通貨Libra/Diemが来春リリースらしいので久しぶりに触ってみてます Facebookの仮想通貨Libra/Diem関連 |Blog | Demo | Facbook JavaScript部 | jQuery › Downloads › Plugins › csv2table | ( ccchart/ jQchart ) nightly- testing themeroller width jQuery 1.3. test-tm.htm blog デフォルトCSSのリセット方法 Reset the CSS ( default style sheet of csv2table ) csv2tableのデフォルトCSSをリセットし、自由にCSS設定する。 このページに$.csv2table.cssReset(
jQuery.lightpop.js - dogmap.jp
オプションの設定 オプションを設定することで、フレーム枠の見た目を変更したりできます。 オプションは、ざっと次の通り。 通常のオプション overlayBgColor: オーバーレイの背景色 overlayOpacity: オーバーレイの透明度 contentFrameType: 'border' (通常) or 'box' (画像を使用してフレームを表示) contentBgColor: コンテンツの背景色 containerBorderSize: コンテンツの脇に表示する空白の幅を px で指定 containerResizeSpeed: リサイズアニメーション時のスピードを数値で指定 imageLoading: 読み込み中に表示する画像ファイルのパス imageBtnClose: 「閉じる」ボタン用の画像ファイルのパス imageBtnPrev: 「前へ」ボタン用の画像ファイルのパス
プロフィールページをJavaScriptで生成する·Ident Engine MOONGIFT
Ident EngineはJavaScriptのオープンソース・ソフトウェア。数年前に話題になったのがソーシャルグラフと呼ばれる技術だ。各サービス上に存在するデータを集積し、その結果を一つの場所にまとめていく。そこからさらに友人関係をつないでいく。オープンなSNSが形成される技術だ。 JavaScriptだけでもここまでできる 同じような試みはFriendFeedによってアグリゲーションサービスとして実現された。さらにTwitterをはじめとする各サービスで提供されるマイクロフォーマットを繋ぎ合わせると、Ident Engineのようなソフトウェアも作れるようになる。 Ident EngineはJavaScriptを使って、GoogleのSocial Graph APIを使って利用しているサービスの情報を引き出し、各サービスの情報を一覧表示する。多数のサービスを使っている人であればまさにプ
Brilliant Free jQuery Image Gallery/Slider Plugins
40+ Brilliant Free jQuery Image Gallery/Slider Plugins (And 14 Tutorials to Make Your Own) jQuery image galleries (also known as homepage sliders, slideshows or image carousels) have become more and more common on websites since the inception of jQuery in 2006. Designers and Photographers are especially attracted to them because they allow you to present many beautiful images in an interesting way
jQuery Image Effects - Hover Effect w/ jQuery & CSS - jQuery Tutorial
Recently I was checking out some nice flash galleries and came across an effect that I really liked. I had a sudden urge to duplicate that similar effect but using my bread and butter (CSS and jQuery). I thought I’d share this and maybe some of you can find it useful. View Demo Build the Foundation - XHTML Our markup will be fairly simple, just an unordered three columned list. <ul class="thumb">
PopBoxの使い方 - アークウェブシステム開発SandBox
概要 † 画像サムネイルから拡大画像を表示するJavaScriptのライブラリは lightbox などありますが、 同じようなものでPopBoxというライブラリがあります。 PopBox公式サイト http://www.c6software.com/Products/PopBox/ 公式サイトの画像をクリックしてみてください。 ローディング後に画像がアニメーションしながら拡大してきます。 このライブラリの使い方について記述してみます。 ↑
難読化されたJavaScriptコードを元に戻す:phpspot開発日誌
JsDecorder Decode javascript obfuscated code ! 難読化されたJavaScriptコードを元に戻すJsDecorder。 JavaScriptはコードが見えてしまい、サイズも大きくなるので難読化＆圧縮されたソースは結構ありますが、このツールを使えばWEB上で読みやすくデコードできます。 ↓ オンラインですぐ使えるというので便利ですね。 この逆は、「オンラインでJavaScriptコードを簡単圧縮＆難読化」で紹介したサイトで行えます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Lecture: Google AJAX APIを使ってjQueryやPrototypeを読み込む
Ideas - O'Reilly Media
jQuery Plugins - AjaxScroll - Demo