元スレ+ JavaScript の質問用スレッド vol.121 +
JavaScript覧 / PC版 /みんなの評価 :
904 = :
fixedで固定表示している要素を、一定量スクロールするとabsoluteにして、
JSでtopの座標を指定して、浮いている状態が解除されたように見せています。
この機能がAndroidのchromeだと、上スクロール時にだけ表示されるアドレスバーと
ツールバーによって、fixedからabsoluteに変わるスクロール量がずれてしまうようで、
意図しないタイミングで切り替わっています。
どうにか改善する方法はありませんでしょうか?
905 = :
javascriptからNode.jsで立てたサーバ内のsqliteファイルを操作する方法を知りたいです
検索するとNode.jsでしか使えないコマンドを使ったものしか見つかりません
906 = :
>>905
Node.jsはJavaScript
908 = :
node.jsがjavascriptだからと言ってもブラウザのスクリプトから直に操作はできない
サーバー側でデータベースを操作するためのwebインターフェースを作ってそれにあわせてfetchやwebsoketで対話
node以外のサーバーでのやり方と何も変わらない
909 = :
なんかすごいね
よくサーバー立てられたなと感心する
910 = :
でもnodeは失敗作だからな
911 = :
んなこと言ったら世の中に失敗作じゃないものなんてほとんど無い。
912 = :
>>908
> node.jsがjavascriptだからと言ってもブラウザのスクリプトから直に操作はできない
そういう意味じゃなくて、「javascript(Node.js)からNode.jsで立てたサーバ内のsqliteファイルを操作する方法」は既に出来てる、と伝えたかった
JavaScriptの実行環境が本人の口から出てこないので結局、伝わらなかったが
913 = :
そもそも「Node.jsで立てたサーバ内のsqliteファイル」があり得ないよな
「Node.jsでサーバ(ソフト)を立てたサーバ(ハード。物理か論理か知らんが)内のsqliteファイル」という意味かな
914 = :
>>913
それ以外にどういう意味にとれるの?
915 = :
複数のNodeListを一つのNodeListとして変数に入れることは可能でしょうか?
Array.fromでArrayにしてからつなぐのが無難なんでしょうか
916 = :
jQueryを使えばできるよ
917 = :
>>911
nodeの開発者が失敗作と認めてるんだ
918 = :
どっちかというとdenoの方が失敗しそうだけどな。
921 = :
>>892
例えば、Ruby on Rails では、Node.js, Webpack, Babel, Bootstrap などを使っているから、
プロジェクトを作るだけで、node_modules 以下に、数千ものJavaScript のモジュールが入る。
React, Vue.js を使えば、さらにそれ用のモジュールも入る
>>905
例えば、Ruby on Rails では、プロジェクトを作って、モデル(テーブル)を定義すれば、
3大データベース、sqlite, mysql, postgresql でアクセスできる
さらに、scaffold という魔法の呪文を唱えれば、最初から、CRUD 操作もできる
だから最初から、Railsのようなフレームワークを使えばよい。
サーバー側は、Rails一択。それ以外は使われていない。
Node.js も分かりにくいだけ
詳しくは、YouTube で有名な、雑食系エンジニア・KENTA のサロンで聞いて下さい
922 = :
>>921
スパマーしね
923 = :
playerHeight = $("#player").height()!;
const top = position!.top;
とあるサイトに 上記のような コードがあり "!" の意味が分かりません。
これってjqueryなどの特定ライブラリの書き方なのでしょうか
参考になるサイトがあれば教えていただきたいです。
924 = :
TSじゃねえの
925 = :
TSってなんですか?
926 = :
ティンポシコリプト
927 = :
きっとそこで何かビックリすることがあったんじゃないかな
928 = :
>>923
論より証拠
URLを出してくれ
929 = :
TS は、Type Script
TypeScriptの変数の末尾の"!"(エクスクラメーション/感嘆符)の意味
http://qiita.com/zigenin/items/364264a6cf635b962542
この"!"の呼び方は、Non-null assertion operator
プログラマがコンパイラに対して、
この変数はundefinedやnullになることはありません、と教える記述
let a = f( ); // 戻り値の型は、string | undefined とする
return a! ;
ここで、f からの戻り値が、undefined, null ではないと、
プログラマーが絶対の確信が持てるのなら、
無理矢理、a! として、undefined, null になる可能性を除去して、
string型だけであると、コンパイラに教えることができる
このように、コンパイラを欺いたら、後で大きなしっぺ返しを食らうかも
930 = :
valueは値みたいなイメージで使うことが多いと思うのですが、valueの変わりにelementとしてる人を見かけます。
これってどう違うのでしょうか
932 = :
>>930
さすがに書いた人に聞いてくれ、としか
>>923といい、エスパー案件ばかりなんだが、なぜ証拠となるコードも出さずに当てずっぽうの回答をさせるんだ?
933 = :
http://test.wikinist.info/?page_id=51
フィルタ作ってます。
MemとWomenにチェックが入ってる時はその中からフィルタしたいと思ってるんですがどうしたらいいでしょうか?
現状はチェックした奴が全て表示されます。
934 = :
>>933
複数条件でフィルタリングすると該当なしってのもあり得るけど
その場合どうなる仕様なの?何も表示なし?
935 = :
>>934
Menにチェックが入っていてWomenの値が入ってる人をチェックした場合は表示なしって感じにしたいです
最初はリターンをこんな感じで書いてましたが何も表示されませんでした。
return filterArr.find(element => ((element.el === item.values().name) || (element.el === item.values().city)) && (element.el === item.values().sex));
936 = :
雰囲気的にmen womenが両方チェックありと両方チェックなしの場合は同じ扱い?
実現したい仕様があやふやでよく分からんのだが
937 = :
>>933でコードが出たが、今度は要求仕様がエスパー案件になったな
939 = :
小手先でどうにかならないか考えたけど結局汚くなった
sexだけ扱い違うのにname,cityと一律並べてる時点で無理があるぞ
http://jsfiddle.net/5zeorj9u/
940 = :
>>929
ありがとうございます。
わかりました。
941 = :
>>939
ありがとうございます。
最後の部分で何と何を&&で評価しているのかあまり理解できないのでconsole logで確認したいと思ってますが
1行のアロー演算子使ってる場合ってどうやって間にconsole logをいれたらいいのでしょうか?
942 = :
>>941
カンマ演算子で実現可能だけど無理やり1行にする意味は無い
943 = :
http://jsfiddle.net/raion2542/q10vxbde/14/
http://jsfiddle.net/raion2542/eoLtsd5b/8/
1つ目はlist.js 2つ目はTabulator.jsを使っています。
この2つを共存させることはできますでしょうか?
「~でソート」を押してソートできるかどうかです
2つ目の方のJSの一番下に
const options = {
valueNames: ['name','corporation','callsign','frequency','power'],
};
const featureList = new List('sample-list', options);
を書き込みましたがうまくいきませんでした
944 = :
控え目に言って悪魔合体が過ぎる
945 :
昔Ajaxというのが流行ったと思うのですが今も使われているんでしょうか?
あまり聞かない気がするのですが死語で名前が変わったりしました?
946 = :
>>945
今も使ってるとこでは使ってるけど、Fetch APIも結構こなれてきた
947 = :
jQueryのAPIに名前が残ってるけど
今の時代JSが通信するなんて当たり前なので一々ajaxとは呼ばない
948 = :
>>946-947
説明ありがとうございます。今はFetch API?というのを使うのですか?
授業でこれを使えと言われたのですが今もこのコード使っても問題ないでしょうか?
// ===== Ajaxのお約束オブジェクト作成================================
// [入力]
// ・なし
// [出力]
// ・成功時: XmlHttpRequestオブジェクト
// ・失敗時: false
function createXMLHttpRequest(){
if(window.XMLHttpRequest){return new XMLHttpRequest()}
if(window.ActiveXObject){
try{return new ActiveXObject("Msxml2.XMLHTTP.6.0")}catch(e){}
try{return new ActiveXObject("Msxml2.XMLHTTP.3.0")}catch(e){}
try{return new ActiveXObject("Microsoft.XMLHTTP")}catch(e){}
}
return false;
}
:
:
xhr = createXMLHttpRequest();
if (xhr) {
sUrl_to_get = sUrl_ajax;
sUrl_to_get += '?zipcode='+sZipcode;
sUrl_to_get += '&dummy='+parseInt((new Date)/1); //(*1)ブラウザcache対策
xhr.open('GET', sUrl_to_get, true);
xhr.onreadystatechange = function(){zip2addr_callback(xhr, sAjax_type)};
xhr.send(null);
} // *1: GETメソッド時はURL文字列に、POSTメソッド時はsendの文字列につける
類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.121 + (1001) - [100%] - 2015/1/1 18:30
- + JavaScript の質問用スレッド vol.141 + (881) - [97%] - 2021/4/19 9:00
- + JavaScript の質問用スレッド vol.129 + (926) - [97%] - 2017/7/27 13:45
- + JavaScript の質問用スレッド vol.131 + (1000) - [97%] - 2017/1/25 8:01
- + JavaScript の質問用スレッド vol.120 + (1002) - [97%] - 2014/11/8 1:15
- + JavaScript の質問用スレッド vol.122 + (1004) - [97%] - 2015/2/14 4:45
- + JavaScript の質問用スレッド vol.122 + (116) - [97%] - 2018/5/2 18:30
- + JavaScript の質問用スレッド vol.129 + (981) - [97%] - 2016/5/5 8:16
- + JavaScript の質問用スレッド vol.128 + (1001) - [97%] - 2016/2/26 6:45
- + JavaScript の質問用スレッド vol.131 + (1004) - [97%] - 2018/3/7 13:30
- + JavaScript の質問用スレッド vol.123 + (966) - [97%] - 2020/10/20 2:30
- + JavaScript の質問用スレッド vol.127 + (1001) - [97%] - 2016/2/4 0:15
- + JavaScript の質問用スレッド vol.127 + (160) - [97%] - 2021/7/16 9:30
- + JavaScript の質問用スレッド vol.126 + (952) - [97%] - 2015/11/18 13:15
- + JavaScript の質問用スレッド vol.126 + (348) - [97%] - 2023/1/12 17:00
- + JavaScript の質問用スレッド vol.125 + (1001) - [97%] - 2015/10/7 17:45
- + JavaScript の質問用スレッド vol.123 + (1002) - [97%] - 2015/4/27 23:30
トップメニューへ / →のくす牧場書庫について