- ベストアンサー
ウェブ上で時間を指定しランダム画像を表示させる
kreikgの回答
基本的な文章構造:HTML レイアウト、デザイン:CSS Webページに動きを付ける:JavaScript この3つの基礎は絶対必要になります。 posemaniacsのように時間を設定して画像が変わっていくだけならこの3つの基礎を学んでいるうちに「これを使えばできそう」というのが見えてくると思います。 もし作ったアプリを拡張したくなったとき、JavaScriptだけで複雑な動きを作っていくのはかなり難しいです。それを簡単にしてくれるのがjQueryやReactといったJavaScriptのライブラリ呼ばれるものです。 ライブラリとはプログラムをある程度書いて詰め込み、それらの名前を呼ぶだけで使えるようにしたプログラムのパーツ群です。 他にも様々な用途のために作られたライブラリはたくさん存在します。 それらのライブラリはWebアプリを作りたくなったとき、用途に応じて吟味して必要があればその度新しいライブラリ学んで制作に取り込んでいくことになります。 いますぐは必要ありません。 いろいろ言いましたがとりあえず、大事なのはHTML、CSS、JavaScriptを覚えることです。
関連するQ&A
- アプリとWEBの垣根がなくなっていく?
Universal JavaScriptがこれから盛り上がるようですが、node、reactnativeなどですべてJSのみでできるようになるということですよね。 また、こちらに下記のような情報がありますが、WEBはもうDTPのようにオワコンに向かっていくのでしょうか? ネイティブアプリにはかなわないようなことが書いてあります。 http://qiita.com/kyrieleison/items/4ac5bcc331aee6394440 Universal は悪いアイディア? 一方で、Say No to Universal Apps という記事では、Universal JavaScript について以下のように批判しています。 ネイティブアプリのパフォーマンスは劇的に向上し、モバイルユーザの普及率はどんどん上がっていく Web の利用はなくならないが、利用率は下がる より良いユーザ体験のためには、プラットフォーム特有の機能を使用する必要がある Web は日々良くなっているが、パフォーマンスとユーザ体験においてネイティブアプリに打ち勝つことはできない すべてのプラットフォームに一つのコードベースというのは、本当に悪いアイディア これはプラットフォーム毎に異なるため、多くのハッキングを必要とし、コードベースの管理を非常に困難にする すべてに繋がるモノリシックなアプリケーションを長期的に管理するのは難しい 解決策は、プラットフォーム毎にアプリケーションを構築することである ただネイティブやハイブリットアプリはインストールが必要なので、WEBをほぼ駆逐するほどみんな何十ものアプリをインストールする時代になると思いますか? それとも技術革新で、インストール不要になる可能性もあるのでしょうか? 最近はブラウザにアップロードして使うアプリもできてきているという話も聞きますが、 アプリとWEBの垣根がなくなって、JSができれば、一体化したものをやっていくことができるでしょうか? 私はWEBサイト制作をフロントをベースに行っているのですが、ワードプレスをやった方がフルスクラッチより、 よほどお金になるし仕事もたくさんあるともいわれます。 ワードプレスをやるか、せっかくフルスクラッチでhtml、css、jqueryをやってきたので、 中途半端な状況で広げるより、ここを極めて、北米では、WEB以上に盛り上がっている言われているハイブリットアプリ制作をやった方が 将来性はいいのかなとも思っています。 おそらく現状は、ハイブリットアプリ制作などの仕事はまだフリーランスの仕事はWEBと比べると圧倒的少ないでしょうが、 今後はハイブリットアプリ制作の方がフリーランスでも、WEBより仕事が多くなりそうでしょうか? これからどちらかをやるのであれば、今後衰退するワードプレスより、ハイブリットアプリ制作のほうが良いでしょうか? それともハイブリットアプリ制作などのアプリ制作は、大手企業しか作らないので、フリーランスの仕事は、今後も圧倒的に少ないままなので、 WEBは衰退するがワードプレスをやった方が良いと思いますか? 直接プログラミングの話でなくてすいません。
- ベストアンサー
- JavaScript
- アンドロイドスタジオ Bundleとは?
アンドロイドスタジオで「 Bundle 」というキーワードが出てくると思うのですが、 これはプログラミングにおいて同じ入れ物みたいな意味合いを持つ「変数」とは違う物なのですか? Bundle とは Android アプリ開発のさまざまなところに出てくる オブジェクトの入れ物 である 参考URL http://qiita.com/kojionilk/items/138eea19dadb14997136
- ベストアンサー
- スマートフォンアプリ開発
- ヌル攻撃とはなんでしょうか?
インターネットで「ヌル攻撃」というものがありました。 引用したサイトから、 何らかのリクエストされた文字列に%00(ヌルバイト)を含めることで、Webアプリケーション側のセキュリティーチェックをくぐり抜ける攻撃 とありました。 ファイルにアクセスする時、「300」と打つ所を間違えて「%00」と入力してしまい、 「400 Bad Request」と表示されました。 例えばこんな感じで www. 〜.com/file/%00 (誤) www. 〜.com/file/300 (正) これって大丈夫なのでしょうか? 不安です。 文字化け等は起きていません。 引用: https://qiita.com/tabo_purify/items/d7a67709f54865df891e
- ベストアンサー
- JavaScript
- Webサイトにスライディングサイドバーを設置したい
Webサイトにスライディングサイドバーを設置したいです。 下記サイトのようなスライディングサイドバーをsidebar-leftに表示したいと思っています。 仕組みの解説をご教授お願いします。 Sliding Side Bar http://www.andrewsellick.com/examples/sliding-side-bar/# やりたいこと: ___________________________ |sidebar-left| main |sidebar-right| |_ | | | |こ| | | | |こ| | | | |に| | | | |表| | | | |示| | | | |_| | | | | | | | | | | | | | | | | | | | | | | | ~~~~~~~~~~~~~~~~~~~~~~~~~~~ ↓クリックすると ___________________________ |sidebar-left| main |sidebar-right| |____________ | | | こ| | | |profile ぐ こ| | | | に に| | | | ゅ 表| | | | に 示| | | | ゅ _| | | | と | | | | 伸 | | | | び | | | | る | | | | | | | ~~~~~~~~~~~~~~~~~~~~~~~~~~~ このWebパーツはmootoolsが使われているようです。 これをjQueryで実現したコードが2つのサイトで公開されています。 jQueryでスライドするサイドバー http://101lab.net/javascript/2007/09/jquery-1.html# jQueryでside-bar.js http://d.hatena.ne.jp/devworks/20070621/1182431671 別に動作は気にしないのでスライディングサイドバーが実現さえ出来ればいいので下記サイトも参考になります。 Working example of the tabSlideOut jQuery plugin http://www.building58.com/examples/tabSlideOut.html Untitled Document http://www.rickanddan.com/NewStuff/tabSlideOut/DDC/DDC.html 自分なりに5つのサイトを見て自分なりに動作させようと試みましたがまったく理解出来ずに挫折しました。 自分はスライディングサイドバーパネルがどのように隠れているのか理解出来ませんでした。 このスライディングサイドバーの仕組みを分かりやすく解説してくれる方いませんでしょうか? 自分で試みたのは 1.sliding-sidebar-tabという画像を用意して 2.Javascriptをコピペして貼り付けて、 3.CSSもそのままコピペして 4.HTMLにもそのままコピペしてどのように動くのか見ようとしたのですが、 sliding-sidebar-tabを:hoverしてもsliding-sidebar-panelは表示されませんでした・・・ スライディングサイドバータブをクリックすると自分のプロフィールがグニュニュと伸びて表示させたいです。 出来るだけ簡単なCSSとJavascriptだけで実現したいです。 一番知りたいことはスライディングサイドバーパネルがどうなっているのかです。よろしくお願いします。
- ベストアンサー
- CSS
- Xperia acro HD IS12S実機接続
現在javaプログラミングでAndroidアプリを制作中なのですが 手持ちにあるXperia acro HD IS12Sと実機接続できなくて困っています。 EclipseのAndroid Device Chooser画面に実機が認証されません。 ここのページに詳しく書いているのですが http://qiita.com/le_skamba/items/02e595d3537502d18d02 (8)と(9)の項目にある フォルダ内のUSB composite~というものが見当たりません。 どなたか一から詳しく教えていただけないでしょうか。 よろしくお願いします。
- 締切済み
- Android
- OracleApexAPIをandroidで使う
現在Oracle Database Cloudを利用して、androidスマホアプリを作っています。 https://qiita.com/nkjm/items/53a0bb172d12ad169493 こちらのサイトを利用してAPIを作成し、web上でjson形式のデータを取得することができました。 そして、スマホで利用するためにandroid studioでAPIリクエストを実装しました。 言語はkotlinでretrofit2を利用しました。 他のAPIは使えることは確認できたのですが、 上記サイトで作ったAPIですと、onFailure()に入ってしまします。(実行はできる) そもそもOracle Database CloudはandroidではGETできないのでしょうか? よろしくおねがいします。
- 締切済み
- スマートフォンアプリ開発
- JavaScriptの非同期処理について。
頭の悪い質問かもしれません。 ””非同期処理とは、あるタスクを一時的にスレッドから切り離すことで、後続の処理の進行を止めることなく別のタスクを実行できる処理方式のことである。””https://qiita.com/komaitaira/items/54b5c9f3d54695974704 と書いてあるのですが。 スレッドから切り離されたタスクっていうのは、例えばどこで何をしてるのですか? 例えば、ファイルの読み書きを非同期処理で実行した場合。 ファイルの読み込みはスレッドから切り離されるということだと思うのですが、スレッドから切り離されたら、「ファイルの読み込み」という動作はどこで行われているのですか? よろしくお願いします。
- 締切済み
- JavaScript
- Window用elasticsearch-head
Window用elasticsearch-headの場所とインストールの仕方 Windows7に elasticsearch-1.5.2がインストールしてありますが、 このプラグインであるElasticsearch-headを インストールしたいのですが、 その方法がよく分かりません。 https://github.com/mobz/elasticsearch-head の右下のDownloadZIPボタンをクリックして、 elasticsearch-head-master.zip というファイルをダウンロードして解凍して、 elasticsearch-head-master というフォルダが生成されたのですが、 Windows用ではないのか? 通常のインストールファイルが見当たりません。 http://qiita.com/kijtra/items/9a5e12ae01fb81fba5fb に、 C:\Dropbox\elasticsearch\bin\plugin -i mobz/elasticsearch-head というようなことも書かれていたので、 いろいろやってはみたのですが、結局、 インストールの仕方がよく分かりませんでした。 elasticsearch-1.5.2の Windows用のElasticsearch-headのある場所のURLと、 ダウンロードしたファイルのインストールの仕方を教えてください。 よろしくお願いします。
- 締切済み
- その他(プログラミング・開発)
- AudioUnitの停止について
いつもお世話になっております。 AudioUnitを利用し音を鳴らすiPhoneアプリの作成を検討しています。 環境:xCode objective-c http://qiita.com/yuky_az/items/62ad3c5caf0f566891fb 上記のサイトを参考に、AudoiUnitで音を鳴らす所までは出来たのですが AudioOutputUnitStopを利用し音を止めた所、「ブッ」という音が入ってしまいました。 実機での確認でも同様の音が入ってしまいました。 AudioUnitの性質上、なんともならないでしょうか? 対策などありましたら、ご教授願います。
- ベストアンサー
- スマートフォンアプリ開発
- javascriptでJSONを取得する方法
C#、asp.netでJson形式の文字列をjavascriptに渡してgooglemapで使用したいです。 json.netやらDynamicJson やらがインストールされていないと使用できないのでしょうか。 aspx.cs dynamic dataSet = 取得したlist; System.Web.Script.Serialization.JavaScriptSerializer serializer = new System.Web.Script.Serialization.JavaScriptSerializer(); serializer.Serialize(dataSet); javascript function json() { $.ajax({ url: ××.aspx.cs, type: "get", dataType: 'json', error: function () { alert("情報の読み込みに失敗しました"); }, success: function (data) { alert("data"); } }); } こちらでは、情報の読み込みに失敗しましたとアラートが出てしまいます。 http://qiita.com/rbtnn/items/b2ec6c7dee792e66ac75 http://aspnet.keicode.com/basic/jquery-ajax-basics.php この2つのサイトを参考にしています。 dataSetの中身に目的のリストが取得できているのは確認済みです。 何がいけないのでしょうか。 どうやったらJSONをjavascriptで読み込めるのでしょうか。 どなたかよろしくお願いします。
- ベストアンサー
- JavaScript
お礼
具体的な回答ありがとうございます。