How to work with Node.js App - Hosting - Namecheap.com
Our Setup Node.js App feature allows for the choosing a specific version of Node.js in order to run the apps using Node.js 6.x, 8.x, 9.x, 10.x, 11.x, 12.x, and 14.x versions. The currently available Node.js version pool on our Shared servers is available at this page. This function provides ultimate flexibility and features a user-friendly interface that helps you get faster acquainted with the ne
マークアップ効率化 - zen-codingでコーディングを倍速に
HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い:phpspot開発日誌
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。 ↓↓↓↓↓↓↓↓↓↓ これを実現するのに必要なJavaScript コードは以下のように数行。これで実現可能です。 $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); この仕組みを使ってブログ等を表示するともっと面白いことになります。 新聞っぽくなりましたね。 ブラウザ幅を変える事でいろいろな見え方になるのも面白いです。 以下のエントリを参照してください。 jQuery Masonry ? B
[JS]jQueryのプラグイン33+1選 -2009年12月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Organic Tabs アニメーションで収縮するタブコンテンツ。 flips パネルを多彩なアニメーションでスライド。 bxSli
CSS のみで吹き出し
hail2u.net - Weblog - Pure CSS な吹き出し に触発されて、画像や JavaScript を使わずに CSS だけを使って「吹き出し」を作る方法を僕も考えてみた。 Demo: CSS のみで吹き出し マークアップは 2 重の要素があれば OK。ここではそれぞれ bubble と body というクラスを付与した div と p を例に説明する: <div class="bubble"> <p class="body">Speech!</p> </div> CSS の最低限必要な部分のみを抜き出すと以下のとおり。これは背景が黒いボックスの下に左向きのしっぽを出す場合の例: .bubble { float: left; /* または position: absolute; */ border-left: 10px solid black; border-bottom
ブラウザ上でC#やPHP5を動かせて遊んで学べる「CodeRun」:phpspot開発日誌
ブラウザ上でC#やPHP5を動かせて遊んで学べる「CodeRun」が凄いです。 最初アプリケーションかなと思ったのですが、全てブラウザ上で動作するので、学習用やちょっとした動作確認に使えます。 ブラウザ上でコーディング 次のように、IDEアプリケーションのようなUIで、C#やPHP5.1を、ブラウザの上で動かすことが出来ます。 プロジェクト作成 New → Project を選ぶと、C#やJavaScript、PHPの色々なプロジェクトが作れることがわかります。 PHPのHellow World のソースが入ったコードがエディタに表示されました。このソースをいじって直接動かせます。 コードを動作テスト 次のようなコードを書いて「Run」ボタンを押してみます。 以下、出力例です。ちゃんと動きました。 c2d6c077f524683db2f00c0e975766810 1 2 3 4 5 6
JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」:phpspot開発日誌
JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」 2009年10月23日- JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」というサイトを発見。 ちょっとした動作確認用のコードを書いたり、入門者の方がJavaScriptを学ぶのに非常に有用ですし、その結果も保存してサーバに置いてホスティングしてもらうことも可能。 また、比較的面倒なjQueryやjQuery UI、prototype.js 等の有名どころのフレームワークを簡単に読込めて使える機能もあります。 サイトを開くと、まず3つのタブがあって、JavaScript のタブにはJSを、HTMLのタブにはJavaScript から操作するHTMLを、Output には実行結果が出力されるようになっています。 JavaScript
豊橋・田原・新城のインターネット・テレビ｜［ティーズ］豊橋ケーブルネットワーク
作業日時 ①2024年2月27日（火）午前1:00～午前5:00 ②2024年2月28日（水）午前1:00～午前5:00 対象サービス 全サービス 作業日時 2024年2月22日（木）午前1:00～午前7:00 対象サービス テレビ 作業日時 2024年2月20日（火）午後2:00～午後5:00 対象サービス インターネット もっと見る
WANPA's 工房 - 脱出ゲームの作り方 1.はじめに
というわけで、始まりました「脱出ゲームの作り方」。 このページでは、ParaFla!を用いた脱出ゲームの作り方を私なりに解説していきます。 ParaFla!の使用経験がそこまでを深いわけではないのですが、お役に立てていただけたら幸いです。 ●脱出ゲームとは？ 脱出ゲームとは、簡単に言えば「閉じ込められた部屋から脱出する」のが主な趣旨の、 ポイント＆クリック型アドベンチャーゲームのことを指します。 その飲み込みやすいゲームシステム、そして、仕掛けの面白さから、 FLASHゲームの花形とも言えるゲームで、かなりの人気を誇るジャンルのゲームです。 脱出ゲームを取り上げた紹介サイト様も数多く存在し、 そういう管理人も、こういったサイト様には大変お世話になっております。 海外にも紹介サイトは多数存在し、実際のところ管理人は、 脱出ゲームを公開して10分後に海外のサイトに紹介されていたという、 ウソの
プログラマのためのFlash遊び方
今回からは、実践的なFlash作りを始めていきます。ActionScriptで簡単な図形描画をしながらActionScript 3.0の感覚をつかんでいきましょう。 最初は地味なサンプルと退屈な文法の解説が続きますが、後編では次のようなWeb 2.0 風バッジをActionScriptだけで描画します。がんばってついてきてください。 サンプルコードをコンパイルしよう 円や四角を描画するだけの簡単なサンプルを用意しました。味気ないサンプルですが、ActionScript 3.0の基本がたっぷり詰まっています。 package{ ------(1) import flash.display.Sprite; ------(2) public class DrawTest1 extends Sprite { ------(3) public function DrawTest1() { -----
マドノマグラの初心者自作ゲーム制作日誌 迷走モード 脱出ゲームにありがちな画面レイアウトを、Graphics クラスを用いて描写
2010/11/06： HSP3.22の環境を整えてみる 2009/11/09： Rubyで適当版自分用関連記事リンク作成プログラムを作る 2009/06/04： Visual C++(DXライブラリ使用)の環境を整えてみるも休止状態に 2009/03/17： ActionScript勉強の環境を整えるも結局休止状態に 2006/07/15： とりあえず分岐型ゲームを作る グリーンタワーVer1.2 ダウンロード(zip) 2006/07/02： ブログスタート。NScripterで何かを作ろうとする プログラマのためのFlash遊び方：第2回 お絵かきしながら学ぶActionScript 3.0（前編）で書かれていた、円・直線・四角・曲線の描き方を参考にして、脱出ゲームにありがちな、画面レイアウトを作ってみることにした。 一つ目の四角は、大きな画面を囲う青い四角。二つ目は右部分。黒線の四
ActionScript3.0入門ノート: chap01.Flash固有のプログラミング アーカイブ
■フレームアクションの入力 フレームアクションは、シンボルのインスタンスを配置する場合と同じように、タイムラインのキーフレームに設定するスクリプトです。メインのタイムラインだけでなく、ムービークリップのタイムラインにも設定できます。使用するレイヤーはどのレイヤーでもよく、インスタンスやシェイプが配置されているレイヤーに書くこともできます。しかし、スクリプトだけの専用のレイヤーを追加して使うのがわかりやすく一般的な方法です。 アクションウィンドウを開きキーフレームを選択するとフレームアクションを入力編集できる状態になります。フレームアクションを設定したキーフレームにはaの文字が表示されます。 [:note:] ActionScript 3.0では、オブジェクトアクション（ムービークリップアクションonClipEvent()とボタンアクションon()）はサポートされなくなりました。 ■ムービー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
coloredlists.com
時間城年代記:PはPythonのP 〜ゲームプログラミング編〜 02h(2)
【珍獣の館】脱出ゲームリリース履歴～文章で説明する ActionScript 入門～
ParaFla!で作る脱出ゲーム | チュートリアル
自由になったひきこもりの映画・アニメ・音楽ブログ
The Shanghai East St. Food Co., Ltd.
http://livedocs.adobe.com/flash/9.0_jp/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00000029.html
アクション_Flash - FreeStyleWiki