JavaScriptなどプログラミングのまとめ(2011年5月)
目的の座標へ回転させる 角度 = Math.atan2(y座標,x座標) * 180 / Math.PI; 回転させる MCのx座標 = Math.cos(角度 * Math.PI / 180) * 半径; MCのy座標 … +1 Continue reading →
View ArticleHTML5のコンテンツモデル
HTML4にはブロック要素とインライン要素という概念がありましたが、HTML5では、それに変わり、コンテンツモデルが導入されています。コンテンツモデルとは、どの要素にどんなコンテンツを入れても良いかを定義します。 その要 … +1 Continue reading →
View ArticleWordPressのSEO対策用プラグイン『All in One SEO Pack』
WordPressでSEO対策する用に幾つかのプラグインがありますが、その中でも比較的シンプルな『All in One SEO Pack』を使ってみました。 シンプルといっても、SEO以外のプラグインよりは様々な項目があ … +1 Continue reading →
View ArticlejQueryでTABLE要素の操作
jQueryを使ってTABLE要素のレコードを追加したり変更したり、削除したりする方法をご紹介します。 <table id="tb-test"> <thead> <tr> <th … +1 Continue reading →
View ArticlePhoneGap 横固定に設定する
表示画面の回転を静的に設定したい場合は、マニフェストXMLのscreenOrientationを設定します。 <activity android:name=".TestActivity" android:label … +1 Continue reading →
View Articleスマートフォン(iPhone/Android)のページ内振り分け
ページ内でスマートフォンかどうかを判別し、表示を切り替えたい場合のスクリプトを紹介します。 JavaScriptでiPhone、Androidを識別してそれぞれの端末へメッセージを表示には、ユーザエージェントを使います。 … +1 Continue reading →
View ArticleWordPressでSFTPを使えるようにする
WordPressの更新やプラグインのインストールはブラウザの管理画面から行えるのですが、ファイルの更新についてはFTPとFTPSしかサポートされていません。 そのため、このままだとSFTPだけが用意されているサーバでは … +1 Continue reading →
View ArticlejQueryプラグインでフローティングポップアップウィンドウ
jQueryでフローティングポップアップウインドウを表示させるには、自作でも比較的簡単に実装できますが、特にこだわりなければプラグインを利用したほうが良い場合が多いと思います。 jQueryでフローティングウインドウとい … +1 Continue reading →
View ArticlejQueryの読み込みとCDN
jQueryはGoogleなどが提供しているCDN(コンテンツデリバリーネットワーク)に登録されているので、下記のように記載することで読み込みパフォーマンスの向上をはかることができます。 ただ、何らかの理由でCDNサーバ … +1 Continue reading →
View Article@cc_onを使ってブラウザ判別
jQuery1.9からIE判定のjQuery.browser.msieが廃止されました。 そのためIE判定は自前で行う必要があります。 簡単で速いのはMSのJScriptに用意された条件付きコンパイルの機能をアクティブに … +1 Continue reading →
View ArticlejQueryのloadで文字化けする場合の対処
jQueryで外部ファイルを読み込む際はload()メソッドを使いますが、デフォルト文字コードはUTF-8なので、Shift-JISであったりすると文字化けが発生します。 UTF-8でエンコードしておくのが一番ですが、そ … +1 Continue reading →
View ArticleNode.jsのインストール
Pythonのインストール Node.jsをインストールするには、Pythonを適切なバージョンにアップデートする必要があります。 まず、Pythonが依存するプログラム関連をインストールします。 sudo yum in … +1 Continue reading →
View ArticleNode.jsでHTTPサーバの作成
ブラウザでアクセスすると「Hello World!」というメセージを表示するHTTPサーバを作成します。 まず、任意のディレクトリに以下のコードをapp.jsとして保存します。 Webサーバのドキュメントルート以下である … +1 Continue reading →
View Articlenpm パッケージ管理ツール
モジュールとパッケージについて Node.jsでは、JavaScriptで記述されたファイルをモジュールと呼び、それらのモジュール郡をディレクトリにまとめたものをパッケージと呼びます。オフィシャルなパッケージ以外にも、サ … +1 Continue reading →
View ArticleNode.jsのモジュールの使い方
モジュールの読み込み Node.jsにはモジュールを読み込むための関数 require() が用意されています。 require()は引数指定されたモジュールを読み込み、そのモジュールに含まれるメソッドやクラスを格納した … +1 Continue reading →
View ArticleフレームワークExpressパッケージの簡単な使い方
Expressの概要 Expressは、nodeを使ったWebアプリケーションを作成するためのワークフレームです。 非常にシンプルで軽量なフレームワークで、HTMLやCSSのテンプレートエンジンや、Cookie処理を行う … +1 Continue reading →
View ArticlejQueryを使ったJavaScriptファイルの動的読み込み
JavaScriptを動的に読み込みたいケースなどがありますが、jQueryのgetScript()メソッドで簡単に実現できます。 $.getScript("./script.js"); これで外部JSファイルを動的に読 … +1 Continue reading →
View ArticleGitHubとGitを使ってみる
Gitは分散型のバージョン管理システムで、コードなどを複数人で共有するのに便利です。 今回、Gitを使うことになりました。Gitを使うのであれば、やはりプログラマに大人気のGitHubも気になるということで、GitHub … +1 Continue reading →
View ArticleGitの利用環境について
Gitを利用する環境として、ローカルとリモート接続のPC/サーバ、GitHubがなどがあります。 GitHubの場合はアカウント登録、ローカル、リモートの場合はどちらもGitのインストールが必要で、Linux系OS、Wi … +1 Continue reading →
View ArticleGitHubでリポジトリを作成
ログイン後、右上のリポジトリ作成ボタンします。 リポジトリ情報の登録 クリック後、次のようなリポジトリ作成画面が表示されるので、必須項目のリポジトリ名を入力します。それ以外は任意に入力・選択してください。 フォーム内容 … +1 Continue reading →
View Article