-
カテゴリ:WEB、WEBシステム関連
/ 作成日 :2021年6月09日
- ... nd FileSaver.js, you can make XLSX file from HTML table tags.
Most of this plugin is JavaScript, so I wonder this is the plugin.
You uses Excel in your jobs, and it is good to use selected-results ...
-
カテゴリ:How to JavaScript
/ 作成日 :2012年8月21日
-
ところで、JavaScriptはご存知の通りブラウザ依存が多いですね。しかし、サービスとして要求されている限りはできる限りすべてのブラウザで同じように動くようにしたいものです。
ブラウザ依存を判別するときnavigatorオブジェクトのユーザーエージェントやブラウザバージョンを見て判断するのはよくありません。なぜならバージョンやユーザーエージェントが同じでも、マイナーアップデートで仕様が変わったりすることがありますし、そもそもバージョンアップへの対応にJavaScriptコードの対応をさせていくのは面倒なものです。 ...
-
カテゴリ:How to JavaScript
/ 作成日 :2012年8月08日
- ...
function().bind()という書き方できます。わかりにくい場合は(function(){}).bind()と考えていただければいいです。
JavaScriptではイベントにかぎらず、タイマー処理やAjaxなどの非同期処理でのthis参照は非常に面倒くさいので、注意が必要です。ここで、本質を言ってしまえば、ライブラリを使ったほうが確かだということです。
...
-
カテゴリ:How to JavaScript
/ 作成日 :2012年8月06日
- ...
HTMLを含むJavaScriptでは、主に3の定義の仕方があります。それをonloadイベントを例に紹介します。
1.タグの属性として設定する。
これは、最もスタンダードなパターンで、おそらくHTMLの初歩ではこの方法を学ぶはずです。
2.オブジェクトのプロパティに関数を定義する
私の場合では、次にたどりついたのはこの方法でした。これは、オブジェクトのイベントハンドラプロパティに対し、無名関数を定義する方法です。 ...
-
カテゴリ:How to JavaScript
/ 作成日 :2012年7月31日
-
どこにJavaScriptを書けばいいのか。
HTMLの基本ではHEADタグ内にSCRIPTタグを記述するということになっていますが、実際はどこにでもSCRIPTタグがかけてしまうのがHTMLです。O'REILLYのJavaScriptパターンによれば、これはまったくのアンチパターン・・・とのことです。
一番いいのはBODYの閉じタグ直前とのことです。 ...
-
カテゴリ:How to JavaScript
/ 作成日 :2012年7月29日
-
命名規則ってなんだ。
綺麗なソースコードというのは見ていて気持ちのいいものです。プログラマの世界では、このコードの書き方によって色々な派閥ができたり、その人のカラーが出たりするものなのです。
ここではJavaScriptで一般的であろうコードのルールについてお話したいと思います。
クラス名、メソッド名、変数名はJavaに倣え！
Javaというのは強力なプログラミング言語のことです。JavaというワードがついているだけにJavaとJavaScriptを混同している人がいますが、これは全くの別物。 ...
-
カテゴリ:JavaScript
/ 作成日 :2012年4月09日
- ...
ですが、ちょっと問題が。使い方が違うのでそのままでは使えない。
Slimboxでは以下のようにrel属性を設定するようにしていました。
ここでブランケット（[]）の中に文字列を入れることでグループ化することができます。
過去の記事を書き換えるのは面倒臭いので、このルールを変更することなくCeraBoxに移行するための対応をすることにします。
ということで、JavaScriptをガリガリっと。 ...
-
カテゴリ:JavaScript
/ 作成日 :2012年4月08日
-
サイトで使っているJavaScriptは基本的にMootoolsを使っています。
今まで1.3.xを使ってきたわけですが、ここで1.4.x系にアップデートしてみようと思ったわけです。
JavaScriptライブラリのアップデートは結構勇気が入ります。特にメジャーバージョンアップだのしていると特に。実装されていた命令の名前が変わっていたりするからです。
私はMootoolsで動作するプラグインをいくつか使用しているのですが、今回はその一つ、noobSlideの1.4対応についてお話します。 ...
-
カテゴリ:WEB、WEBシステム関連
/ 作成日 :2011年1月25日
- ... 1.6のAdministration画面を触ってみて思ったことですけど、前より情報が整理されていて見やすく、分かりやすくなってますね。インターフェースも強化されていて、JavaScriptとか使ってモーダルしたりしてますし、まぁその分動かない箇所もあったりするんじゃないのかなとか思ったり。
でも非常にいい感じです。
でもエディタはTinyMCE、、、 私はTinyMCEがあまり好きじゃない。のちのちCKEditorを実装することにしよう。 ...
-
カテゴリ:Wowza Media Server Proで作るストリーミングサーバー
/ 作成日 :2011年1月23日
- インストールが終わったら、とにかく再生してみたいですよね。そのために基本的なストリーミング設定をしていきます。まずはWowzaがどのようにディレクトリを管理しているかを確認します。
Wowzaは/usr/local/WowzaMediaServerPro（/usr/local/WowzaMediaServerPro-x.x.xへのシンボリックリンク）にサーバー本体がインストールされ、サービスも/etc/init.d/からコントロールできます。基本的にはインストールディレクトリである/usr/local/WowzaMediaServerProに格納されているファイルをカスタマイズしていくことになります。 ...
-
カテゴリ:Uncategorised
/ 作成日 :2011年1月23日
-
概要
コンピュータ日本学院専門学校CGデザイン学科ウェブクリエータ専攻（3年制）、トライデントコンピュータ専門学校シニア情報システム学科卒業。
大阪在住の会社員エンジニア（本人はウェブ系を望んでます）。
EC、ブログ、その他ウェブ系サイトシステムから、サーバーの保守、運用、管理まで行う。
主な使用言語PHP、JavaScript、HTML、CSS、SQL。 ...
-
カテゴリ:WEB、WEBシステム関連
/ 作成日 :2010年9月05日
- ...
インターフェースも今では当たり前のモーダルウィンドウやアコーディオンメニュー、テーブルのスプレッド表示にはデータ部分だけスクロールするように見やすくなっているのは、嬉しい限りです。phpMyAdminとかに、こんな機能があればいいなって思います。
でも、データの作成フォームのインターフェースにもう少し工夫できる余地があるのではないかと思います。
しかし、これらのインターフェースを実現しているのがJavaScript、まさかとは思いましたがMootoolsが使用されていました。やはり、こういったインターフェースを提供するのはMootoolsがいいんですかね。確かにこれをjQueryでって選択は私もしないと思いますけど。Mootools使いとしてはちょっと嬉しい現実です。 ...
-
カテゴリ:WEB、WEBシステム関連
/ 作成日 :2010年8月12日
- ... return false;
}
これが間違い。実はこの29行のコードは必要なかった。では実際の実装方法に入ってみよう。
まずは上記のTinyMCEの初期化の前にCKFinderのJavaScriptを読み込んでおく。ファイルの配置は前の記事と同じ。
で、同じようにTinyMCEの初期化オプションを記述する。もちろんcallback用の関数も忘れずに！ ...
-
カテゴリ:WEB、WEBシステム関連
/ 作成日 :2010年2月26日
- ...
ということもあり、問題はブラウザの依存関係ではなく、リッチコンテンツの制作にも大きく響きそうです。
前置きが長くなりましたが、IEでHTML5を使えるようにする方法です。
一番の問題は新たに追加された要素がIEでは認識されず、CSSのレイアウトや一部で表示できないものがあるということです。これの解決方法は単純でJavaScriptでcreateElementしてやればいいだけなのです。 ...
-
カテゴリ:Nucleus
/ 作成日 :2010年1月25日
- ... }
}
]
attributesもstylesも任意。今回の私の設定では、属性はひとつも設定していない。
テンプレートの追加の仕方
以下のような内容のJavaScriptファイルを作る。
CKEDITOR.addTemplates('default',{
imagesPath:CKEDITOR.getUrl(CKEDITOR.plugins.getPath('templates')+'templates/images/'),
...
-
カテゴリ:WEB、WEBシステム関連
/ 作成日 :2010年1月23日
- ...
XHTMLの場合は、完全にCSSを外部化した上で、要素にidやclassを振るので、個人的にはメンテナンスもしやすいと考えている。
テーブルレイアウトはtableタグがたくさんでてくるので、どれがページ全体のフレームになっているのかわかりにくい。
そこで私が普段気をつけているHTML、CSS、JavaScriptのコーディング方法を紹介する。
参考にしたもの ...
-
カテゴリ:Nucleus
/ 作成日 :2010年1月18日
- ...
上記プログラムのevent_AdminPrePageHead()という関数を見てもわかるとおりJavaScriptとして、nucleus.phpを読み込むことでCKEditorを実装します。
nucleus/plugins/ck/ckeditor/nucleus.phpの内容は以下の通り（JavaScriptもPHPが使えるっていう裏技（？）です）
var nucleusConfig ...
-
カテゴリ:WEB、WEBシステム関連
/ 作成日 :2009年12月18日
- ...
使用されているのはSCAYT（Spell Check As You Type：タイプと同時にスペルチェック）。私は「スケイト」と読んでいるが果たして正しいのだろうか。
となればどうやっているのかが気になる。サーバーサイドではないみたいなので、JavaScriptで行っている可能性が高い。調べてみると、スペルチェックがONになっている間svc.spellchecker.netのJavaScriptにアクセスしている。っていうか、scriptタグを生成して読み込んでる。そのパスはスクリプト中に埋め込まれている。なにをやっているかわからないが、とにかく便利な機能だ。 ...
-
カテゴリ:JavaScript
/ 作成日 :2009年11月27日
- AutoAIP（オートエイプ）はリンクが設定されている画像にCSSの擬似クラスセレクタのようなイベントごとに画像を切り替える仕組みを提供するJavaScriptプラグインです。
具体的にはCSS擬似クラスセレクタの:link、:visited、:hover、:activeと同等の機能を実装し、さらにリンクであることから現在表示しているページへのリンクを別の画像で表示するSelf-realizer機能を実装しました。 ...
-
カテゴリ:コンピュータ
/ 作成日 :2009年9月04日
- もちろんウェブ開発やウェブクリエータはIEのことをあまりよくは思ってないだろう。私もウェブ業界に携わる人間なので、偏りのない意見は言えない。すばりいうとIEのいいところを探すほうが難しいのである。 IE8の進化は非常に大きい。なんせデバッグツールがついたのだから。 それまでIEのJavaScriptエラーと言うのは非常に不親切なものだった。そこに表示されている行数や文字もいったいどこを基準に取ったものかもわからず、非常に癖のあるものだった。FirefoxなどはFirebugというAddonをもっぱら使っているので、そのほかのOperaやSafari、Google ...