『ChatGPTは、先生にもなる』
今、wordPressで複雑なカスタマイズの仕事をしていますが、ChatGPT Plusを使うことで乗り越えています。 今回は、noteに書くのが良かったのかもしてないですが、ChatGPTの回答が、プログラミングの先生、講師のような感じに思えたので、自分の備忘録の意味も込めて書きたいと思います。 今回は、ページでリアルタイムで表示している内容の更新方法を学びことができました。 そして、ページにある更新対象を一括して読み込んで、処理することも学ぶことができまいた。 具体的なコードは書いていませんが、参考程度になるコードも加えて、こちらのnoteに書きました。 ウェブページのリアルタイム更新と一括処理｜エンジニアM168今wordPressのカスタマイズで、いいねの処理を作っています。 その中で、ページの要素を更新しても、思うように更新されない問題や、Ajaxの通信で507エラーが出てサーバ
WordPressの記事ごとに個別のCSS, JavaScriptを追加できるプラグイン -Custom CSS and JS
WordPressの記事やページごとに、それぞれ個別のCSS, JavaScriptの外部ファイルやコードを追加できるプラグインを紹介します。 Custom CSS and JS [ad#ad-2] Custom CSS and JSのインストール WordPressの記事ごとに個別のCSSを追加 WordPressの記事ごとに個別のJavaScriptを追加 Custom CSS and JSのインストール プラグインのインストールは、WordPressの管理画面「プラグイン」の「新規追加」から行えます。キーワードに「Custom CSS and JS」を入力して、「プラグインの検索」ボタンをクリックしてください。 プラグインの新規追加画面のキャプチャ 検索結果に表示された「Custom CSS and JS」の「プラグインのインストール」でインストールが始まります。 また、下記ページか
WordPress：ページや記事ごとに個別のCSSやJavaScriptを追加する方法 - NxWorld
WordPressでページや記事ごとに個別のCSSやJavaScriptを追加したいときに役立つカスタマイズを紹介します。 他のページでも使うような共通のスタイルだったり、かなり長くなってしまうような場合はもちろん外部で読み込む方が良いと思いますが、何かちょっとしたスタイルを指定するぐらいであれば結構便利なカスタマイズだと思います。 （例えば特定のページのみ文字の色を赤にするとか、強調したいから太字指定するとか...） 以下で紹介する方法はfunctions.phpを使用しますので、テーマ内にない場合は作成してください。 CSSを追加できるようにする CSSを追加できるようにする場合は、下記をfunctions.phpに記述します。 //Custom CSS Widget add_action( 'admin_menu', 'custom_css_hooks' ); add_action(
これはすごい！3秒でプログラミングが始められるサービス17選 - paiza開発日誌
Photo by Jason Cartwright こんにちは。谷口です。 プログラミングの勉強で「ちょっとあの開発言語の勉強をしてみたいな～」「実際にコードを書いて動かしてみたいな～」という時に、ハードルとなるのが「実行環境の作成」だと思います。 そんな時に役立つのが、書いたコードをブラウザ上で実行できる「オンライン実行環境サービス」です。 今回は、実行環境の手間を省いて「書いたコードをブラウザ上で実行できる無料サイト」を紹介します。 目次 ・複数言語対応系 ・ideone ・CodePad ・paiza.io ・repl.it ・Codecademy ・runnable ・Wandbox ・SourceLair ・JavaScript系 ・JSFiddle ・jsbin.com ・Codepen ・jsdo.it ・PHP系 ・PHPfiddle ・PHP Sandbox ・Write
24のプログラミング言語がブラウザで即実行できる『paiza.IO』 - paiza times
こんにちは。今回は谷口が担当します。 paizaはこの度、ITエンジニア向けの無料オンラインプログラミング実行環境サービス『paiza.IO (パイザ・アイオー)』 のβ版を、本日2014年11月17日からサービス開始いたしました。 『paiza.IO』は、ブラウザ上でコードが書け、書いたコードをその場で実行出来るオンラインプログラム実行環境です。 ブラウザだけでプログラミングがすぐ始められる【paiza.io】 from paiza on Vimeo. ■オンライン実行環境について ◆どうしてpaiza.ioを作ったの？ これまでプログラミングを始める際、最大のハードルは「プログラムの実行環境を構築する事」でした。 これまでは、環境構築といえば初心者にとってハードルが高く、ものによっては細かい部分でつまづいたりなどして1～2日程度はかかる工程の面倒な作業でした。そのボトルネックを解消し、
Androidの実機でウェブサイトのJavascriptをデバッグする方法
スマートフォン向けのWebサイトを作ると、おおむね使われるJavascript。 Androidの実機でデバッグしたい時に、実機にコンソールを表示する方法と、PCに表示させる方法。 その① 実機のAndroid標準ブラウザでコンソールを表示する (1)Android標準ブラウザを起動する (2)アドレスバーに“about:debug”を入力してEnter (3)ブラウザの「サブメニュー」→「設定」に、”デバッグ”をタップ (4)“Show Javascript Console”にチェックが入っていることを確認 ※“UAString”でユーザーエージェントも変えられたりします (5)ブラウザに戻って“SHOW JAVASCRIPT CONSOLE”をタップすると、コンソールログが表示される※以下のメソッドが使えるらしい console.log(); console.info(); conso
Twitter関連のjQueryプラグイン｜Twitter関連｜Web関連特集｜PHP & JavaScript Room
スクロールパネルを実装するjQueryプラグイン「jScrollPanel」を使用して、指定したユーザー（複数指定可）のTLをコンパクトに表示する方法が掲載されています。 マウスホイールイベントをJSで制御するjQueryプラグイン「jquery.mousewheel.js」を使用することで、マウスホイールでスクロールできるようになっています。 鳥アイコンやデザインはCSSで変更できるようになっています。角丸は画像でなく、CSS3を使用して実装されています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml
JavaScriptからMySQLを利用する
JavaScriptからODBC経由でMySQLを利用することができます。（ただし、これはブラウザに依存します。以下の説明ではInternet Explorerを利用した例です） ここでは、SELECT文でデータを取得してテキスト・ボックスに表示するプログラム例を書いておきます。 <html> <head> <script language="JavaScript"> var conn = new ActiveXObject("ADODB.Connection"); var rs = new ActiveXObject("ADODB.Recordset"); function btn_onclick() { conn.Open("Provider=MSDASQL; Data Source=ODBC練習用DSN"); sSQL = "SELECT * FROM 住所録"; rs.Open(s
解説 : XMLHttpRequest
XMLHttpRequest を使用出来るようにする為の宣言。ブラウザにより異なる。 IE では、ActiveXObject("Microsoft.XMLHTTP") を使用。 IE のバージョンによっては、ActiveXObject("Msxml2.XMLHTTP.5.0") , ActiveXObject("Msxml2.XMLHTTP.4.0") , ActiveXObject("Msxml2.XMLHTTP.3.0") , ActiveXObject("Msxml2.XMLHTTP") なども使用出来る。 Mozilla 系ブラウザでは、XMLHttpRequest() を使用。 var xmlhttp = false; if(typeof ActiveXObject != "undefined"){ try { xmlhttp = new ActiveXObject("Micro
クッキーの読み書き
if (!navigator.cookieEnabled) { document.write("ブラウザの設定にてクッキーの受け入れを有効にしてください。"); } クッキーが利用可能であれば navigator.cookieEnabled は真 (true) になりますので、真偽値をチェックして使用可能かどうかを判別することができます。なお、window は省略することができます。 <script type="text/javascript"> <!-- var name = "testcookie"; // クッキーの名前 var value = 1; // クッキーの値 var period = 7; // 有効期限日数 // 発行したクッキーの取得（読み込み） if (document.cookie) { var cookies = document.cookie.split(";
第二章 プログラムを作って体験しよう：サーバー上のテキストファイルを読み込みページ上に表示する
それではサーバー上のテキストファイルを読み込みページ上に表示してみます。テキストファイルはopen()メソッドで最初の引数に"GET"を指定し、二番目の引数に読み込むファイル名を指定します。三番目の引数は同期、非同期を示すフラグです。trueを指定するか省略すると非同期通信、falseを指定すると同期通信になります。データの読み込みが完了したらresponseTextプロパティの値を表示すれば文字が表示されます。 ところが、日本語を含むテキストファイルの場合には問題が発生します。以下のスクリプトを、いろいろな環境で実行すると分かりますが、BOM (Bye Order Mark : 文字コードを認識するための先頭情報) 付きのUTF-8以外は、うまく表示されません。（実行結果をキャプチャーしたデータを用意してあります。また、高橋登史朗さんのページに文字コード調査の結果がありますので参考にして
FacebookのJavaScript SDKをテストできる「JavaScript Test Console」の徹底解説
Facebookのアプリ開発でJavaScript SDKをテストできる「JavaScript Test Console」について紹介します。 JavaScript Test Console １．「JavaScript Test Console」とは 文字通り、Facebook上でJavaScript SDKをテストするためのコンソールで、テキストエリアにFacebookアプリ用のJavaScriptコードを書いて実行させるというものです。 テキストエリアにはアプリ（HTML）の内容を丸ごと記述すればいいようです。その際、JavaScript SDKの読み込みは不要です。 ２．「JavaScript Test Console」にログイン 最初は「Status」が「not_authorized」になっているので、「Login」をクリック。 Rellというアプリのログイン画面が表示されるので「
FacebookアプリでjavascriptSDKを使いウォールに投稿 | t2421.jp
facebookアプリでjavascriptSDKを使いウォールに投稿する方法をメモする。 診断系アプリなどでは、自分の結果をウォールに投稿することがほとんどだ。 自分がFacebookをやっていると、ウォールがアプリからの投稿が多くを占めることがある。 また、その投稿によって、共通の友人達が同じアプリから自分の結果を投稿してくるという広がりを実際に見れることができるので面白い。 今や定番となっている、アプリからウォールへの投稿の方法を一般化して使いやすいようにする。 投稿する際には、publish_streamのpermissionが無いと、エラーではじかれてしまう。 permissionの設定については、アプリへのログイン時に行う必要がある。以前の記事、 Facebookのjavascript SDKを使いログインさせる で触れているので、そちらの方を参照して欲しい。 p
Facebookアプリ開発チュートリアル第1回 -自分の情報を取得する
Facebookアプリケーション開発 > JavaScriptによる開発チュートリアル第1回 Facebookが提供するJava Script SDKを利用すれば簡単にFacebookデータを取得できます。 ここでは、JavaScriptによるFacebookアプリケーション開発チュートリアルを提供しています。 第1回はFacebook JavaScript SDKを利用して自分の情報を取得方法です。 （参考：Facebook JavaScript SDK) 1. JavaScript SDKを読み込みます。 以下のコードをBody内に記述ください。赤字の値をあなたのアプリケーションIDに変更ください。 <div id="fb-root"></div> <script src="http://connect.facebook.net/ja_JP/all.js"></script> <scr
jAction
jActionのはじめかた ⒈ ライブラリをダウンロードしましょう HTML5でスマートフォン向けのゲームを制作するために使える基本的なメソッドがそろっています。さっそくライブラリをダウンロード、ゲーム制作にチャレンジしてみましょう。 ⒉ プラグインを募集しましょう ゲームを制作していて分からないことがあれば、jActionで募集してみましょう。HTML5に精通している方がプラグインを投稿してくれるかもしれません。募集はこちら ⒊ プラグインを共有しましょう jActionを応用してプラグインを開発して皆さんに共有しましょう。「いいね！」がたくさんついたプラグインはオフィシャルとしてリリースし、リファレンスに追加させていただきます。
jActionで作るFacebookモバイルアプリ開発入門
急増するFacebookアプリ。せっかく作るならモバイル対応のFacebookアプリが作りたい！ 便利なJavaScriptライブラリー「jAction」とGraph APIを使ったFacebookモバイルアプリの作り方を教えます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Social Loginというプラグインで、Googleのアカウントのボタンがクリックできない
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
Ajaxはじめの一歩 XMLHttpRequest [Javascript] All About![Ajaxはじめの一歩 XMLHttpRequest [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
html5-memo.com
