URLパラメータとページ内リンク（アンカー）を同時に渡す場合のURL記述方法 - S-Port｜法人向けデータセンターサービスの鈴与シンワート
URLパラメータとページ内リンク（アンカー）を同時に渡す場合のURL記述方法 第21回 17年08月 / 最終更新：2025.05.22 WordPressユーザにもオススメ！鈴与シンワートの堅牢なクラウドサーバとは…！？ 先日、URLパラメータを使う際に、アンカーも一緒に渡したくて「URL + #アンカー + パラメーター」の順番で記述したらアンカーリンクされなかったのです。 調べてみたら記述する順番が間違っていることが原因だったのでメモとして残します。きっと同じようなミスをする人もいるはず。 URLパラメータとは URLパラメータとは､サーバーに様々な情報を伝えるためにURLに付け加える変数を指す｡ 【関連情報】URLパラメータの意外な用途とは？ ページのURLとパラメータを区別するのに、クエスチョンマーク（?）を付けることで、「変数(パラメータ)＝値」の形式でサーバーに送信するデータ
【旧版】詳解JavaScript DOM編 (全15回) - プログラミングならドットインストール
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
変数名の命名規則/＊＊ケースの使い分け - Qiita
強そうな順番で コンスタントケース パスカルケース キャメルケース スネークケース ケバブケース プライベート変数（正式名募集中） コンスタントケース すべて大文字、単語をつなげる場合はアンダースコア。 APP GLOBAL_OBJECT ・用途 定数、グローバル変数、その他強い意味を持たせたい時。 ※アッパーケースと呼ばれているのも見たことがあります。 パスカルケース 文字の先頭を常に大文字。アッパーキャメルケースとも言う。 Animal CatTower ・用途 クラス （クラス以外で使ったら注意されました。） キャメルケース 最初の単語以外の文字の先頭を大文字。ローワーキャメルケースとも言う。 sleepyDog silentSea ・用途 インスタンス化した全ての変数、関数等。 スネークケース 文字の単語間にアンダーバー。大文字を使うのも有りみたい。 snake_road ・用途
JSDoc で JavaScript のコメントを書こう | スターフィールド株式会社
複数の人で開発を進める場合や、プログラムの規模が大きくなってきた場合に、 コメントの記述が、開発の大きな助けとなります。 さらにそのコメントが、標準化された方法で記述されていると、さらに可読性が高まり、 生産性の向上が期待できます。 私はこれまで、特にそういったことを気にせずにコメントを書いたり書かなかったりしてきましたが、 規模の大きな開発に関わるときに、このことが障害になってしまうことを感じ、 コメントの記述を見直そうと思い調べてみました。 今回紹介するのは、現在、最もポピュラーと思われる JSDoc コメントというコメントの記述方法です。 JSDoc コメントは、Google の JavaScript スタイルガイド でも推奨されているコメントの方法で、 AngularJS、CreateJS、jQuery（部分的に） など、メジャーなライブラリで利用されています。 JSDoc のメリ
今更ながら、親ボタンの周りに子ボタンを扇状に表示させてみる | バシャログ。
PSVR用『Beat Saber』が遂に発売されました！気分はジェダイで毎日ノリノリな kouraku です。 おはこんばんちは。 さてさて今回は、JS（jQuery）を使って、マテリアルデザインのFab（Floating Action Button）をクリックした時に、そのボタンの周りに子Fabが扇状に現れる、という動きを作ってみたいと思います。 今回作成する内容 親Fabをクリックすると、周辺に子Fabが扇状に表示。 子Fabが1個の時は親Fabの真上の位置(rotateZ(0))に表示。 子Fabが2個以上のとき、1番目の子Fabは親Fabの真上の位置、 最後の子Fabは親Fabの左側の位置(rotateZ(-90deg))、 間の子Fabは等間隔の位置(rotateZ(0〜90の間))に表示。 子Fabを扇状に表示させるには 例えば子Fabが2個あったとして、 1個目の子Fabを
Basic認証(基本認証)はダサかったので、他の方法を考えてみた。 - Qiita
WEBデザイナーのあやおり子です。 WEBデザイナーは転職するときにポートフォリオを作りますが、仕事で作った作品はさすがに一般公開できません。 その時に鍵をかける必要がありますが、DBを使ってパスワードを管理する器用なプログラミングは無理です。 そんな時に使われる主なやり方がBasic認証(基本認証)です。 https://allabout.co.jp/gm/gc/23780/ しかし、私はWEBデザイナー。 アプリのログイン画面のようにHTMLでデザインしたい！！ そう思い、今回はBasic認証(基本認証)を使わずに鍵をかけられる方法を探しました。 Javasctiptなのにバレずに鍵をかける方法 RSA公開鍵などの方法もありますが、ライブラリを使わずになるべくシンプルに鍵をかけたいです。 検索したなかで、私がいいなと思った方法がこちらのサイトに書いてありました。 https://all
あなたなら何を絞り込む？絞り込み検索に挑戦しよう！ | コラム | Web制作 株式会社ワンゴジュウゴ WAN55 （東京・千代田区）
【官公庁/自治体】オンラインイベントの受付システムでSPIRALが採用される理由：その１ オンラインイベント開催の準備でお困りではありませんか？ コロナ渦を機にオンラインイベントを開催する機会が増えています。しかし、イベントの受付システムについては「どのシステムを選べばいいのかわからない」「予算内で効率的に運用できるか不安」とい... SPIRAL 2025年06月24日 【官公庁/自治体】補助金オンライン申請受付システムでSPIRALが採用される理由：その１ 【申請業務のミスをゼロへ】補助金申請のオンライン化にはSPIRALが最適な理由 行政のデジタル化が進む中、多くの自治体で注目されているのが「補助金申請のオンライン化」です。人的ミスを防ぎ、事務作業の効率を向上させるオンライン申請システムは、... SPIRAL 2025年06月24日 【SPIRAL開発8年の実績】申請システムや国際
これからReactを勉強する人が最初に見るべきスライド７選 - ポップインサイト
React.js（以下、React）は、Facebookが作ったJavaScriptのビュー・ライブラリです。最近よく耳にするけどあまり理解していないという人も多いのではないでしょうか。 そこで今回は、 「Reactって最近よく聞くけど一体何？」 「jQueryと何が違うの？」 といった疑問にこたえてくれる初心者向けのスライドを厳選して紹介します。JavaScriptは苦手だけど概念だけは理解したいといった人のために、なるべくわかりやすいものを選んでいます。 ＊もし、「このスライドもおすすめ」というものがあったら教えてください。 Reactとは？ なぜ人は必死でjQueryを捨てようとしているのか なぜjQueryを捨て、Reactを採用しようとするのかについて説明してくれるスライドです。ページ遷移のないシングルページアプリケーション（SPA）への需要が増えてきているといった最近のトレンド
スマホ対応の優れもの！クリック・タップの直前にページを先読み、高速表示する超軽量スクリプト -instant.page
ユーザーがリンクをクリックする際のhoverとタップする際のtouchstartに合わせて、クリック・タップする直前にページのHTMLをプリロードし、高速に表示するわずか1kBの超軽量スクリプトを紹介します。 ページに外部スクリプトを1つ加えるだけの簡単実装です。 instant.page instant.page -GitHub instant.pageの特徴 instant.pageのデモ instant.pageの使い方 instant.pageの特徴 instant.pageはprefetchを使用し、ユーザーがクリック・タップする直前にページをプリロードして、ページを高速に表示します。 ユーザーがリンクをクリックする際には、そのリンクの上にマウスを移動します。そのリンクをユーザーが65ミリ秒間ホバーした場合、そのリンクをクリックする確率は1/2であるため、この時instant.p
[JavaScript] キーコードの一覧 – コピペで使える JavaScript逆引きリファレンス
キーコードの一覧です。 keydownイベント時に取得できるキーコードです。 キーコード取得 以下の欄にキー入力すると、キーコードが表示されます。
slick.jsの使い方まとめ
slick.jsは下記からダウンロードできます。 slick – the last carousel you’ll ever need ダウンロード後、必要なファイルを読み込みます。 <link rel="stylesheet" href="./slick-theme.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="./slick.min.js"></script> HTML <div id="sample"> <div>コンテンツ01</div> <div>コンテンツ02</div> <div>コンテンツ03</div> <div>コンテンツ04</div> <div>コンテンツ05</div> </div> Java
win OS の判別
<script type="text/javascript"> <!-- document.write("使用されている OS は " + window.navigator.platform + " です。"); // --> </script> <script type="text/javascript"> <!-- if (navigator.platform.indexOf("Win") != -1) { document.write("あなたは Windows を使用されています。"); } else { document.write("あなたは Windows 以外を使用されています。"); } // --> </script> <script type="text/javascript"> <!-- var os, ua = navigator.userAgent; if (u
画像の見た目に合わせたドロップシャドウを作り出すスクリプト・「Image-shadow」 - かちびと.net
Image-shadowは画像の見た目に合わせて陰影を作成するスクリプトです。非依存型で単体で動作します。コードよく見てないけど画像のクローンを作成してblurさせて下に配置、を自動でやってくれる、みたいなものだと思います。分かりやすくするために1つだけ影をやや鮮明にしています。blurの設定はカスタムデータ属性で行います。非圧縮でも1.5kb軽量で他スクリプトへの依存もありませんが、CSSフィルターだと思うのでIEでは使えなさそうですね。ライセンスはMITとの事。 余談ですが同じような内容として、「CSSでシャドウもグラデーションにする」という記事を少し前に書いてます。 Image-shadow
『スマホで「画面を閉じる」ボタンを設置するには』
予期しないことが頻発中。 無駄に疲れる。 スマホサイトで 「閉じるボタン」を設置することになってふつうに ＜a href="#" onClick="window.close(); return false;"＞で 設置しました。 そしたらさ、閉じないわけですよ。 「jsで開いたウィンドウじゃないと閉じない」っていうから わざわざ開くボタン設置したページもつくりテストしてみたけど ・・・動かない。 色々調べていたら 「子ウィンドウのBODYタグ内に onload="window.opener=self;" を書き加えて元の親ウィンドウとの関係を切ってしまいましょう。」 という記事を発見！ window.open()したウィンドウ内でwindow.close()しても閉じない問題 で、BODYタグに記述してみたら 閉じた！！！ けど、今回の案件、 BODYタグに勝手に追記が許されてないので b
2018年、フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールを調査
フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールについての調査結果を紹介します。 SassやLESS、BootstrapやFoundation、AutoprefixerやModernizr、BEMやCSS-in-JS、CSS GridやFlexbox、NPMやGulp、jQueryやReactやVue.js、WebpackやESLintなど、実際にどのように使用されているかが分かります。 5,000人を超える現役デベロッパーを対象に調査が行われ、まさに現場の現在の状況がよく分かります。 The Front-End Tooling Survey 2018 by Ashley Nolan 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Q1. フロントエンドの経験年数 Q2. CSSの知
新しいウィンドウ(またはタブ)で開いて前に出したい - Qiita
新しいウィンドウ(またはタブ)で開いて前に出したい ～だけなんだけど、ブラウザによって色々違って苦労した記録。 ウィンドウ(またはタブ)の記述は面倒なので以降は必要な場合を除いて「ウィンドウ」で統一する。 新しいウィンドウで開くには あるURLを新しいウィンドウで開きたい場合には何通りかの方法がある。 window.open関数の第2引数に名前を指定して実行 FORMタグのtarget属性に名前を指定してsubmit Aタグのtarget属性に名前を指定してclick 以下に簡単な解説、わかりきっているなら飛ばしていい。 window.open関数を利用 var win = window.open('http://example.com', 'newtab'); //=> 新しいタブで開く win = window.open('http://example.com', 'newwindow
親ウインドウのページ移動と同時に子ウインドウを閉じる：himeflute@blog：So-net blog
フルート、web、PC、アロマ、手作り、空間・・・興味のあることい～っぱい！！ シングルマザーhimefluteはステキな生活を目指します☆ 今日、とあるwebサイトのHTMLとCSSとjavascriptをいじっていたら 今まで知らなかったワザが使えるようになりました。 私はjavascriptがまだよくわかってませんので、初歩的なワザかも知れませんが。。 内容はですね、説明がうまくできずややこしいんですが、 １) 親ウインドウからリンク先を子ウインドウで開く ２) 開いた子ウインドウで指定したページを親ウインドウで開かせる ３) １)で開いた子ウインドウを閉じる １) HTML内に＜a href="javascript:void(0)" onclick="window.open('new.html', 'newwindow','width=400','scrollbars=yes')"
[JavaScript]子ウインドウから親ウインドウの関数を実行する | アイスケット | 神奈川県相模原市ホームページ制作、SEO対策、運用なら
JavaScriptで子ウインドウから親ウインドウの関数を呼び出して、内容を通知する方法をご紹介します。 まずは子ウインドウをオープンするためのHTMLです。名前はmain.htmlとでもします。 onClickイベントでJavaScriptの関数を呼び出すように書いています。 <html> <head> <script type="text/javascript" src="form.js"></script> </head> <body> <input type="button" id="parent_button" value="子ウインドウを開く" onClick="openChildWindow()"> </body> </html> さらに子ウインドウに表示するchild.htmlはこちら。TESTという文字列を親ウインドウに送ります。 ポイントはopenerという変数です。子
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://jushin.chu.jp/3716/
レスポンシブデザインで気をつけたい、電話番号の扱い - Qiita
