「jquery」を含む日記 RSS

はてなキーワード: jqueryとは

2018-07-09

anond:20180709150556

jQueryだけど$('iframeのID名').contentDocument.locationで中身の要素にアクセスできなかったっけ

2018-06-24

プログラミングを何から始めればいいのか悩む

プログラミングってこれから時代必要っぽいし、なんとなくイケてるスキルっぽい。

ゲームとかアプリとか作ってストアで公開とかしたら就職とか転職めっちゃ有利じゃね?

俺はこういうのが出発点で良いと思う。

でもプログラミングを始めようとすると「何がやりたいの?」と聞かれてソッコー詰まる。

俺は「何をやればいいの?」って思って調べてるつもりなのに「何がやりたいの?」って突き放される。

ここで混乱して立ち止まってしまう。

でも一呼吸おいて、初心者とそれ以外の間に生じる認識の祖語について1つずつ解消しなければ先に進めない。

俺はプログラミングを覚えるということは、何でもできるようになることだと思っている。

でも先人たちはそのようなスキルをすぐに教えてくれない。それどころか「何をやりたいの?」と言って、他につぶしの利かない小さな範囲知識を与えようとしているように見える。

アプリ作りたい」と言えば、どんなアプリ?という問いが続くし、特定の具体的なアプリしか作れないような知識しかもらえないだろう。

どういうことか?

試しに「何でも作れるようになりたい」と言ってみると「じゃあC言語やろうぜ」とか言われる。

C?いまさらCで何作れるんだよ。AndoroidアプリJavaじゃないの?C関係ないでしょ!?Cでスマホアプリウェブサイトも作れないじゃん!何言ってんの!?


スマホアプリ作りたいの?じゃあJavaでいいじゃん」

ち・が・う!何でも作れるようになりたいの!あんたみたいに!Visual Studioだろうとgccだろうと、cとかc++とかc#とかjavaとかpythonとかrubyとかphpとかテンサーフローとかhtmlとかjavascriptとかjqueryとかgoとか駆使してたくさんウェブサービスとかアプリとか作りまくってるあんたみたいに!

「じゃあ今挙げたやつ全部やれよ。ちなみに今の俺は10年以上プログラミング勉強してるから。10年後今の俺になったところで、俺はさらに10年積んでるからな。一生追い付かんな」


から今すぐ追いつく方法教えてって言ってるの!


「じゃあ今、あるいはこれから使えるものを重点的にやっていくしかないな。で、何がやりたいの?」


何がやりたいのってどういうこと?むしろ何ができるの?


アプリ作るとか」

わかった!じゃあアプリ作るわ!

「どんなアプリ作るの?」

…………どんなアプリ作れるの?

「ストアにあるようなやつ」

じゃあFGOみたいな……

「お前には無理だからw」


はぁっ!?ストアにあるようなやつって言ったじゃん!






そこでまた数回やりとりが発生して、プログラムを書くコストとかスキル問題について再確認することとなり、

現実的に俺個人が支払えるコスト範囲で、何を作れるようなスキルを取捨選択するかという問題になり、

結局は教科書サンプルをちまちま作っていくしかないのではないかというつまらない結論脳裏に浮かぶし、

その道筋でさえ結局何年も積む必要があり、そのころには別の言語とか開発環境が主流になってるかも……

「そこだよそこ」

えっ?


「まずさ、日本語教科書を読むには日本語必要じゃん?それでも国語辞典とかwikipedia調べながら知らない単語概念は別途補てんする必要がある」

う、うん。

プログラミング教科書とか風潮を読むにはプログラミングの基礎が必要。それに加えて、作りたいものに合わせて新規に開発環境なり言語なりを学習することになる。だから何でも作れるようになりたけりゃ、この世の全てを体得する必要があるけど無理だろそんなの」

え、えー

「でもいくつもの開発環境言語を使って、ソフトウェアをいくつも実際に作ってると、基礎的な引き出しは大きくなるし、追加で新しい環境とかを学習する要領もつかめてくる。何年も積み重ねがあるとなおさらね。するとより少ない労力で新しい技術追従できるし、新しい開発環境アプリの分野でもサクサク作ってるように見える。それが、お前の言うところの『何でも作れる』ように見えるものの正体さ」

なんか夢から覚めた気分。

FGOを作りたいなら、FGOをかみ砕いて、自分ならどういうアレンジでそれっぽいものを作れるか考えて、その過程自分能力とか限界を見極めていく必要がある。でもそれは結果論であって、最初は作りたいものをひたすら作ってみるしかない」

ふーん

「何度も聞くけど、何が作りたいの?FGOならFGOでいいよ。やってみろよ」

どうしよっかな……(頭を抱える)

2018-06-15

https://anond.hatelabo.jp/20180615115917

他のJavascriptについては同意とってたの?

Jquery 動作しますがいいですか? とか見た事ないんだけどあれはつかまらないの?

2018-05-24

anond:20180524111535

ちなみに、jQueryが古くなって、新しく台頭してきたのが、Vanilla JSらしい。

俺も最近よく使ってる。

Vanilla JS 入門

https://qiita.com/nobkz/items/9c79f019f93335ee5140

http://vanilla-js.com/

anond:20180524110745

web系は一部に目立った高収入がいたのは認めるが、基本的には昔から高給のイメージはない。

フルスタックエンジニアっていうインチキワードが横行」には完全同意

一人でやらせるのは予算の都合ばかりじゃなく人によっては高品質・短納期となるから

jQueryはもう古いと思われてるんだろうなというのはなんとなく分かる。

自分業務系なのでweb系のことはイメージしかからないけどな。

anond:20180524110342

昔ほどwebは高給取りの世界ではなく、人員に関しても「フルスタックエンジニア」っていうインチキワードが横行するようになってる昨今、予算抑えるために一人で全部やらせスタイル業務が割とある

その場合おっさんエンジニア(メインはサーバサイド)が頑張るときフロント側で使われる代表的おっさんずラブツールjQueryなんだよ。

2018-04-07

泣きながら仕事してもよい風潮にしてほしい※補足

最近デフォルトで涙がでてくる。

キーボード叩いてると突然ウっとなって涙がじわじわにじんでくる。きっかけはよくわからない。

涙がにじむとトイレにこもってできるだけ涙を排出し、自席に戻る。

涙が出るたび一々トイレに行かなければならないのが面倒くさい。

涙を出しきったつもりで自席に戻ってもしばらくは残尿みたいに止まらないのも面倒くさい。

そういうのが一々面倒くさいからそのまま涙流しながら仕事させてほしい。

世間的には泣く行為は割とハードル高い行為みたいだ。

なので泣きながら仕事してたら変に心配されてしまうと思うが、でももデフォルトで涙がでてくるため

自分としてはなんかあくびとかくしゃみとか居眠りぐらいの位置づけであり、あまり気にしないでほしい。

居眠りしながら仕事してる人間もいてそれが黙認されてるくらいゆるい会社なので

泣くことも許してくれないかなあとおもう。

なお今日も泣いてしまった。

きっかけはエンジニアのおじさんに理系特有早口でしゃべられた上長赤字メールを送りつけられたからだとおもう。違うかもしれない。

そういえば職場で始めて泣いたのはおじさんからバカかいフォントの指摘メール送られてきたときだった。

なんでこんなにおじさんから圧かけられがちかというと、この分野の知識が本当に本当になく不勉強からだ。

弊社はメガバンクSIer会社なのだが、自分最近までwebアプリの開発を担当していた。eclipsejavajQueryUNIXでshellだったのだ。

それが今のチームに異動となり、分野は一変、メインフレームでzOSでcobolファンクションキーになったのだ。

最初はわからないことが多いけど弊社主力の分野なので頑張ろうと思った。社内研修かたっぱしからでてメインフレームで遊ぼうよんで

がんばってついてこうとした、でも座学だけでは知識は身につかなかった。

手を動かしたかったが、Sierとはコードは書かないし資源引き揚げもしないみたいだ。

そういうのは製造委託先のエンジニア達の仕事で、では我々は何をするかというと、エンジニアさんの作った内部設計書、

テストケース成果物一覧、スクリーンショット確認するのである

でもそもそも何が確認観点で何がまちがってて何がどうなってれば正しいのかよくわからないのだ。

自分会社上司先輩に聞きたかったが、ある程度スキルをもった上司先輩は業務忙殺されておりもはやふだんどこにいるかよくわからない。

というのも近年弊社では超大規模プロジェクトが発足しており、

ある程度スキルをもった人間はそちらに根こそぎもってかれてしまっている。

自分はメインは運用保守メンテナンスチームなので、そういう上司先輩とは関わりがない。

たこプロジェクトでごっそり人がもってかれてるためメンテナンスチームの人間が少ない。なのでとにかく一人あたりの作業が膨大なのだ

そして作業内容は前述のとおり。委託先のつくった成果物をチェックし、品質関連の定型的な資料をつくり、承認する。

なにをみたらよいかからない成果物がどんどん送られてきてどんどんチェックしなければいけないのがつらい。

なにをしたらいいかからないことをどんどんしなければならないのがつらい。

そういうタスクがどんどんたまると涙がじわじわでてくる。

どう確認したらよいかからないけど聞く人もいない。

同じメンテナンス担当の先輩にきいてもよくわからないと返答がきたので

今日エンジニアのおじさんに聞いたら

いまさらなにをそんなこと聞くんだみたいな雰囲気をにおわせながら

理系特有早口でいまさらそんなこと確認しても意味ないですっていわれたからもうめんどうくさくなってしまった。

でもかつてはソースかいテストして資源ひきあげする立場だった身をしては、ちゃん確認したい気持ちがある。

でも同時に、とんちんかん質問する担当者に対してエンジニアイラっとする感覚も容易に想像つくので

もうなにもかもめんどうくさい。

明るくない分野の仕事をてさぐりでやらなければなければならないのがめんどうくさい。

何の意味があるかわからない資料を大量につくる仕事がつらい。

チェックシートに日付をひたすら埋める仕事がつらい。※つじつまをあわせるために、全て同じ日付にしてはならない。

ぐちゃぐちゃのエクセルをぐちゃぐちゃにする仕事がつらい。

これらをやらなくてもどうせシステムちゃんうごくのがわかってるから尚つらい。

かつてソースかいテストしてた時代は、ネットにあふれるイシキタカキラキラサイシンギジュツブログ

自分担当しているつまらなくぱっとしない時代遅れのwebアプリに不満を感じていた。

テストといってはひたすらスクリーンショットを延々と印刷する作業にいったいなんの意味があるのだろうと思っていた。

でも今の自分よりはるか意味のある仕事だった。

昨日Qiitaメインフレーム関連の記事をあさっていたところ、zOSではteraTermによりUNIXライクな操作ができることを知った。

また、ftpが使えることも知った。ということはffftpが使えるかもしれない。希望の光に見える。うれしい。すごくうれしい。

USSが使いこなせればもうすこしこメインフレームまわりに馴染みやすくなるかもしれない。

※補足

みずほではないです。とばっちり申し訳なかったので補足です。

2018-03-28

anond:20180328160144

CSSJavaScript(もしくはjQuery)とかじゃなくてHTML

HTML5リファレンス見ながら組むのと、class名に「背景が赤だからred」とかつけなかったらそれでいいんじゃね?

2018-03-15

フロントエンドはいいぞ

バックエンドのように地味で制限も多くいつまで経っても新しいものがあまり出てこない退屈なところとは違う


から次に新しいツールが出てくる

同じツールばかりで飽きることがない

案件で新しいのを使ってみて、次の案件ときにはもう次のツールが出てきているから使っていける

同じものばかり使って新しい体験がないまま同じようなことの繰り返しという退屈さがない

常に新しい体験ができる


さらにはツールが多すぎる分、ツールも選び放題だ

自分にあったものを使えばいい

JavaScript 自体ウェブだとこれ一択だったから、オブジェクト志向だったり関数型だったり比較的いろいろな使い方ができる

それぞれに合わせてライブラリがあるから好みの使い方をすればいい

型がほしいならtypescriptなどのaltjsもあって自分の好きなもので作れるわけだ

一部○○するならこれ、などと言い切ってる人がいるがそんなことはない

いいところもあれば悪いところもあるし、欠点があるからそれを補った別のツールが出てくるわけだ

目的に応じたもの自分が好きなものを使えばいい


ついていけないという人もいるが、新しいのが出続けるというのを理由に避ける必要はない

新しいのについていけない、めんどくさいという人は古いのを使い続ければいい

新しいものを使うかどうかも自由

未だに jQuery やそれと同じくらいの時代からあるライブラリのみのサイトだって普通にある

それが悪いということもない

新しいもの価値があるなら使う、ないなら使わない

そういう選択もありだ

2018-03-08

IE対応と言われたら金額倍くらいを提示したい

ウェブ系の仕事をしてるが気軽にIE対応とか言われることがあるが気軽に対応できるものではない


IEは最新の11ですらもう何年も前のもの

もう5年くらいは経つのだろうか

セキュリティアップデートはあるようだが、機能更新はない


ChromeFirefoxは1,2ヶ月程度に1回アップデートをしていて毎回様々な機能が追加されている

今ではもうIEとで使える機能の差はとても大きい


未だに昔ながらのjQueryのみという作りをしているのであれば大して気にすることではないがモダンブラウザターゲットに最新機能をどんどん導入している場合IE対応がかなり辛い

実際に倍くらいの時間がかかることもある


JavaScript コア部分であれば Babel で変換したりpolyfillである程度の対応はできるが DOM などブラウザ固有の WebAPI はそうではない

別途それぞれのpolyfillを集めて多少はどうにかできるものもあるがそれですら手間になる

そして対応できない部分はIEに合わせて作り直すことになる

中途半端に動いてバグや未実装があるもの特に大変だ


またBabel等を通さなくてはいけなくなるだけでも十分に時間がかかる

frameworktypescript, flowなどを使っていて事前コンパイル必要構成であるならばさほど影響はないだろうが、モダンブラウザのみをターゲットにしてるならそういったツールなしでも十分に書ける

事前処理が必要になるだけで開発にかかる時間やめんどくささは大きく変わる

さらにはそういったツールのわかりづらいバグを踏んだり、ブラウザのdevtoolsでのできることが制限されたりもする


devtools といえばIEだとデバッグすら快適に行えない

IEでのみ発生する問題が起きると特定難易度Chrome等の倍以上と言える


これだけの苦労がIE対応させるだけで出てくるのにオマケで対応してという気軽さで頼んでくる人が多い

最初IE11だけだったのにやっぱりユーザいるか10と9もというケースもある

私はフリーではないから値段を好きには決められないが、決められるなら

IE11→x2

IE10以上→x3

IE9以上→x4

くらいは取りたい


IEを倍にすると高いと言われそうだが、モダンブラウザのみでいいなら昔ながらの作り方より何倍も簡単に作れるわけだから Chrome のみならの割引でもいい

それくらいにIE対応はしたくない

IE対応するだけでかなり相場が高くなるというのが当たり前になってくれればいいのだけど

2018-02-05

わたし Java 大好き!

jQueryかめっちゃ便利ですよね! 最近は React.js とか Vue.js とかも気になってるけど!

「あぁぁ・・・

なにげない一言

Java エンジニア

きずつけた

2017-12-28

フロントエンドの人たちは毎年新しいライブラリ宣伝して疲れないの?

jQuery時代からシンプルシンプル言ってた気がするが、最近ライブラリ宣伝文句シンプルシンプル言ってて草生える

いい加減JavaScriptなんて一行も書きたくないんだが、そういうライブラリ出ないのかね?

何にせよフロントエンジニア()さんは一生ライブラリ作って宣伝してまたライブラリ作ってってやってるけど、一生やってろって感じだわ

2017-11-29

何者にもなれなかった

フロントエンドエンジニアにもデザイナーにもなれなかった。


HTML/CSSリファレンスなしで書けるし、WAI-ARIAを用いたアクセシブルなコーディングもできる。

CSS設計意識して保守性を大切にしたコードを書いているし、CSSアニメーションインタラクション操作できる。

SVGを一から書く方法やいくつものブレイクポイントを持ったページのコーディングスキルも身につけた。

Gitバージョン管理をしたり、モジュールバンドラータスクランナーscssコンパイルリントを通したりする能力も得た。

インプットが大好きで、毎日毎日様々なWebに関する知識を頭に詰め込んだ。


だけどJavaScriptは書けない。

JQueryコピペして簡単DOM操作を行うのが限界だった。


然しながら、昨今のフロントエンドエンジニアJavaScriptが書けて当たり前だし、

各種JSフレームワークWeb AssemblyWeb Componentsを使いこなして開発している。


SSG, SSRが主流のこの時代、生のHTMLを書いているような人種は淘汰され、

数年後には食いつなぐことが厳しくなる未来しか見えない。

両者の間には旧石器時代現代程の格差を感じる。


デザイナーなら道はあるかと思い、UIデザインにも挑戦した。

バーティカルリズムや余白設計、配色理論意識した整ったレイアウトXDIllustratorで作れるようになった。

でも「整った・整然としたレイアウト」は作れても、その先に進むことはできなかった。


全ては自分怠惰性が招いた結果である

だけど、藻掻き続けても道が拓けない。

もうこの先、どのように歩み進めればいいのかもわからない。


助けて欲しい。

何者にもなれない自分は嫌だ。

2017-11-16

jQueryhtml() でプレビューするのやめてほしい

ドコとは言わないけど、増田記事書くような感じの独自記法と一部HTMLが使えるところがある

そこにはプレビュー機能があって一文字打つごとに実際の表示が更新される

script タグ許可されているんだが、どうも内部では jQueryhtml() メソッドにそのまま入れてるようで、プレビュー更新されるたびに script タグが実行される

先に script タグを書いていれば残りの本文を一文字打つごとに実行されるわけだ

script の内容によっては画面が崩れていくし、ヒドイにもほどがある

script最後に書く」+「今のURLプレビューされるページだと実行しないような処理を最初に入れる」として対処できたが、これはもうバグといっていいんじゃないかと思う

普通に innerHTML にすれば script タグは実行されないようになっているのに なんでもかんでも jQuery なんて使うから・・・

使い方が悪いのが原因だが、jQueryhtml() メソッドscript タグ実行させるなんて余計なおせっかい機能をなんで入れてるんだよ、とただでさえ嫌いな jQuery の嫌いさがさらに強くなった

2017-11-13

HPを作れるようになった。次は

まともな職歴がないけど、就職したい!

あわよくばいっぱいお金がほしい!

ということで、取り敢えずHTML5CSS3jQueryWordPressフォトショイラレ勉強した。

そこそこ見栄えのする(と思う)サイトをいくつか作ったり、自作サイトに合わせたWordPressテンプレートを一から作ってみたりした。

 

……が、次に何をすればいいのかわからない。

Web制作は思ったより楽しいけど、最初から作りたいものとかはないし、また新しいサイトを作るのとかはだるい

Rubyでもやればいいのかね?

機械学習かに興味わかないかPython勉強するつもりないんだけど。

 

というか、Webデザイナーって平均年収低いんだね。後から知ったよ……。

2017-11-09

Youbook伸びてる

https://anond.hatelabo.jp/20170501041533

フリーブックス㌧だ直後に明らかに転身先になってた(つかUI一緒だし)月額制サイトYoubook、そんな伸びないだろとおもってたけど久しぶりにAlexaのRankみると伸びてるなー。

https://www.alexa.com/siteinfo/youbook.to

エロアニメ(ほぼ間違いなく違法)共有サイトanimeleaxからのUpstreamが多いってなってるのでそっちのトップソース見てみた。一時間に一回PopupリンクjQueryオーバーレイするのな。

しっかし大部分は月額制になってるっぽいYoubookのPV伸びてるの、どういうことなの。

2017-10-19

BASIC!のプログラミング教育適応性について

題:BASIC!のプログラミング教育適応性について

副題:Androidで動くBASIC!でプログラミング教育を行うメリットデメリット

少し考えてみたのでまとめとして投稿します。

01.はじめに

この文章は、Androidで動くBASIC!でプログラミング教育を行うメリットデメリット

ついて記載しています

02.BASICとは

BASICプログラム初心者向け言語として1960年代に発表された古い言語です。

極めて簡単文法インタープリターによる即時実行や1970~80年代パソコン

無償で搭載されていたこから沢山の人に利用されていました。

しかし、簡単ゆえの機能の少なさと即時実行方式のための性能の低さやその後の

優れたプログラム言語発表によりBASICの利用は著しく低下しています

03.BASIC!とは

BASIC!はアンドロイドタブレットスマートフォン上で動くアプリです。

Google playからインストール可能無料で利用できます

BASIC!

https://play.google.com/store/apps/details?id=com.rfo.basic&hl=ja

BASIC文法踏襲していますが、Android向けに大幅に命令拡張されており、

GPS等の各種センサー情報取得やSQLiteデータベース機能WEBVIEWを利用

したHTMLCSSJS表示・実行など約500程度の命令群で構成されています

無料広告なしのアプリインストールするだけでこれらの機能が利用可能

インタープリターなのですぐに実行することもできます

04.BASIC!でプログラミング教育を行うメリット

メリットについては以下があげられます

a.BASICプログラミング知識を持つ人は以外と多い

 過去の栄光というかBASIC自体は広く利用された時期が過去存在パソコン

 だけでなくポケコンゲーム機等でも利用できました。

 BASIC!は基本はBASIC拡張であり文法変数の取り扱いにおおきな違いは

 ありません。

 その当時、少しであってもBASICを触った人は多いのでメンターとしての

 再教育は容易だと考えます

b.HTML,JS,CSS勉強継続してできる

 BASIC!は手続き型と呼ばれる非オブジェクト指向言語であり最新の言語

 とは異なっています

 BASIC!のネイティブ命令群だけだと他の言語へのスムーズな移行は難しい

 かもしれません。

 しかし、BASIC!にはHTML5アプリのようにBASIC!自体webViewでHTML,JS,CSS

 を動かすことができます。(HTMLモード

 HTML,JS,CSS現在Webの標準であり、進化を続けています

 特にjavascriptオブジェクト指向言語進化採用される領域フロント

 エンドからバックエンドまで広がっています

 

 BASIC!自体webViewは他のAndroidアプリ同様、chromiumベースAndroid

 システムWebviewの更新により常に最新化されています

 HTMLモードではjQuery,Angular,ReactなどのJSライブラリも利用できます

 最初BASIC!ネイティブプログラムHTMLモードJSを利用したプログラム

 とSTEPを踏んだ学習可能だと思います

c.インストール環境設定が容易

 前述の通りアプリインストールするだけで利用できます

 追加の課金プラグインなどは不要です。

 またAndroid2.3以降でインストール可能です。

 但しAndroid5.0あたりからAndroidシステムWebviewが導入されているので

 Android5.0以降の端末を選択する方が無難です。

 インストール後、環境設定をする必要もありません。

 端末のルート化も不要です。

d.Androidデバイス等が安価

 安いタブレットであれば1万円程度で新品が買えます中古スマホであれば

 更に安価です。

 またプログラムを作るのでキーボードもあった方がいいと思います

 キーボードも2~3千円程度で安価です。

 もちろんソフトウェアキーボードフリック入力など)でもプログラム

 作れます

 パソコンよりもはるか安価プログラミング教育が実現可能です。

e.子供Androidデバイスに慣れている

 iPhoneの登場以来現在の子供たちはタッチパネルAndroidデバイス

 慣れています

 通常のノートパソコンに比べ違和感は少ないと思います

 また教える大人側も日頃パソコンよりスマホを触る人は多いと思います

 教える側の負担も小さいのではないかと考えています

f.可搬性が高い

 ここで述べる可搬性とは別のデバイスで同じプログラムを動かす場合

 容易さの事です。

 BASIC!はインタープリタなのでソースファイルのみを別のデバイス

 SDカード経由等でコピーすれば基本的には動作します。

 仮にHTMLモード場合は併せてHTML,JS,CSSコピーするだけです。

 別のデバイスにはBASIC!さえインストールされていれば動きます

 BASIC!独自プラグイン拡張モジュールなどは特にありません。

05.BASIC!でプログラミング教育を行うデメリット

メリットだけでなくデメリットもあります。以下の通りです。 

a.性能上の問題

 BASIC!の実体Javaで出来ています。すなわちJavaよりは性能は悪い

 ことになります

 実際、大量の繰り返しや大量の文字列を扱うプログラムは性能が出ないので

 処理に時間がかかります

 Androidスマホタブレット自体パソコン演算能力には劣ります

 大量の実験データ演算するような教育には向いていません。

 但し、プログラミング教育には大きな障害にならないと思います

b.BASIC!自体の仕組みの問題

 BASIC!はプログラムを作るアプリである以上当然文法エラーを実行時に

 表示する仕組みになっています

 ただ一部エラーチェックが甘い部分もあり本来エラーとすべきところを

 そのまま実行する場合もあり想定外の結果となる可能性もあります

 次にエディタは単なるテキストエディタと同等の機能しかなく最近

 エディタにあるようなシンタクスハイライト入力補完といった機能

 ありません。

 ただ比較シンプルプログラムを作る教育では大きな影響は無いと

 考えています

c.一部機能に制約がある

 前述の通りHTMLモードではJSが動かせます。ただし制約があります

 JSローカルモードで実行されるという事です。

 非同期通信などを行おうする場合JSが実行時エラーになる可能性が

 あります

 またデータベース機能であるSQLiteへの操作についても文字型項目しか

 利用できない制約があります

 JSローカルモードのみなのは教育の事を考えると少し残念ですが

 それでも多くのフロントエンドJSは実行可能なので教育には

 使えるという理解でいます

d.参考となる文献がほぼない

 教育には教科書またはそれに準ずる書籍必要だと思います

 該当する書籍がないのが実情です。

 ただ1冊だけ日本語で書かれた電子書籍存在します。

 ■BASIC! ~ 分かりやすい教本で一から学べるコンピュータ言語 - AndroidSQUARE

 http://blog.livedoor.jp/an_square/archives/51887786.html

 BASIC!の文法自体は極めて簡単なのでどうにかなると思います

06.結論

上記の通り、メリット/デメリットを列挙してきました。

デメリットもあるものメリットの方が大きい印象です。

とくに教える側の負担が少ない点がメリットだと思います。 

 

2017-09-11

https://anond.hatelabo.jp/20170910205249

まじな話をすると、N予備校プログラミング入門コースやるのがオススメ

https://www.nnn.ed.nico

一日8時間勉強時間があるなら、だいたい一ヶ月で終わる内容。

月額1000円だけどしっかり勉強すれば一ヶ月の無料間中に終わると思う。

もともとN高等学校のノンプログラマーの生徒をWebエンジニアとして就職させるために作られたカリキュラム講師曰く去年はこれで二人エンジニア就職を決めたらしい。

内容も相当親切に説明していて、プログラミングで何か作るだけじゃなくて、就職必要な環境構築やセキュリティまでみっちりやる。

http://qiita.com/sifue/items/7e7c7867b64ce9742aee#%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%97%E3%83%88%E3%82%92%E3%82%82%E3%81%A8%E3%81%AB%E6%A7%8B%E6%88%90%E3%81%95%E3%82%8C%E3%81%9F%E3%82%B3%E3%83%BC%E3%82%B9%E3%81%A8%E5%86%85%E5%AE%B9

講師が書いてる入門コースで習うことがまとめ。テキスト教材もあるけど授業も1項目を2時間で説明している。授業は週2の生放送とそのアーカイブがある。

↓みたいなことが学べる

----

Webプログラミング入門コース

Web ブラウザとは (Chrome, デベロッパーコンソール, alert)

はじめてのHTML (VSCode, HTML, Emmet)

さまざまなHTMLタグ (h, p, a, img, ul, tableタグ)

HTMLで作る自己紹介ページ (HTMLタグ組み合わせ, コンテンツ埋め込み)

はじめてのJavaScript (JS, ES6, エラー)

JavaScriptでの計算 (値, 算術演算子, 変数, 代入)

JavaScript論理を扱う (論理値, 論理積, 論理和, 否定, 比較演算子, if)

JavaScriptループ (ループ, for)

JavaScriptコレクション (コレクション, 配列, 添字, undefined)

JavaScript関数 (関数, 関数宣言, 引数, 戻り値, 関数呼び出し, 再帰)

JavaScriptオブジェクト (オブジェクト, モデリング, プロパティ, 要件定義)

はじめてのCSS (CSS, セレクタ, background-color, border)

CSSを使ったプログラミング (transform, id, class)

Webページの企画とデザイン (企画, 要件定義, モックアップ, 16進数カラーコード)

診断機能の開発 (const, let, JSDoc, インタフェース, 正規表現, テストコード)

診断機能組込み (div, 無名関数, アロー関数, ガード句, truthy, falsy)

ツイート機能の開発 (リバースエンジニアリング, URI, URL, URIエンコード)

Linux開発環境構築コース

LinuxというOS (VirtualBox, Vagrant, Ubuntuインストール, OS, CUIの大切さ)

コンピューター構成要素 (ノイマンコンピューター, プロセス, lshw, man, ps, dfの使い方)

ファイル操作 (pwd, ls, cd, mkdir, rm, cp, mv, find, ホストマシンとの共有ディレクトリ)

標準出力 (標準入力標準出力標準エラー出力パイプgrep)

vi (vimtutor)

シェルプログラミング (シバン, echo, read, 変数, if)

通信ネットワーク (パケット, tcpdump, IPアドレス, TCP, ルーター, ping)

サーバークライアント (tmux, nc, telnet)

HTTP通信 (http, https, DNS, hostsファイル, ポートフォワーディング)

通信をするボットの開発 (cron, ログ収集)

GitHubウェブサイトの公開 (GitHub, リポジトリ, fork, commit, 情報モラル)

イシュー管理とWikiによるドキュメント作成 (Issues, Wiki)

GitとGitHub連携 (git, ssh, clone, pull)

GitHubへのpush (init, add, status, インデックス, commit, push, tag)

Gitのブランチ (branch, checkout, merge, gh-pages)

ソーシャルコーディング (コンフリクト、プルリクエスト)

Webアプリ基礎コース

Node.js (Node.js, nodebrew, Linux, REPL, コマンドライン引数, プルリク課題)

集計処理を行うプログラム (集計, 人口動態CSV, Stream, for-of, 連想配列Map, map関数)

アルゴリズムの改善 (アルゴリズム, フィボナッチ数列, 再帰, time, プロファイル, nodegrind, O記法, メモ化)

ライブラリ (ライブラリ, パッケージマネージャー, npm)

Slackボット開発 (slack, mention, bot)

HubotとSlackアダプタ (hubot, yo)

モジュール化された処理 CRUD, オブジェクトライフサイクル, filter)

ボットインタフェースとの連携 (モジュールのつなぎ込み, trim, join)

同期I/Oと非同期I/O (同期I/O, 非同期I/O, ブロッキング)

例外処理 (try, catch, finally, throw)

HTTPサーバー (Web, TCPとUDP, Webサーバーの仕組み, Node.jsイベントループ, リスナー)

ログ (ログ, ログレベル)

HTTPのメソッド (メソッド, GET, POST, PUT, DELETE, CRUDとの対応)

HTMLフォーム (フォームの仕組み, form, input)

テンプレートエンジン (テンプレートエンジン, jade)

HerokuWebサービスを公開 (Webサービスの公開, heroku, dyno, toolbelt, login, create, logs)

認証利用者を制限する (認証, Basic認証, Authorizationヘッダ, ステータスコード)

Cookie を使った秘密匿名掲示板 (Cookie, Set-Cookie, expire)

UI、URI、モジュール設計 (モジュール設計, フォームメソッド制限, リダイレクト, 302)

フォームによる投稿機能の実装 (モジュール性, textarea, 303)

認証された投稿の一覧表示機能 (パスワードの平文管理の問題, 404, テンプレートのeach-in)

データベースへの保存機能の実装 (データベース, PostgreSQL, 主キー)

トラッキングCookieの実装 (トラッキング Cookie, IDの偽装, Cookie の削除)

削除機能の実装 (データベースを利用した削除処理, 認可, サーバーサイドでの認可)

管理者機能の実装 (Web サービス管理責任, 管理者機能の重要性)

デザインの改善 (Bootstrap, レスポンシブデザイン, セキュリティの問題があるサイトを公開しない)

脆弱性 (脆弱性, 脆弱性で生まれる損失, 個人情報保護法, OS コマンド・インジェクション)

XSS脆弱性対策 (XSS, 適切なエスケープ処理, リグレッション)

パスワード脆弱性対策(ハッシュ関数, メッセージダイジェスト, 不正アクセス禁止法, パスワードジェネレーター, 辞書攻撃)

セッション固定化攻撃脆弱性対策 (セッション, セッション固定化攻撃, ハッシュ値による正当性チェック)

より強固なセッション管理 (推測しづらいセッション識別子, 秘密鍵)

CSRF脆弱性対策 (CSRF, ワンタイムトークン)

安全なHerokuへの公開 (脆弱性に対する考え方, HTTPの廃止)

Webアプリ応用コース

Webフレームワーク (Express.js, フレームワーク導入, 簡単なAPI, セキュリティアップデート, Cookie パーサー, ミドルウェア, 外部認証, ロガー)

ExpressのAPI (app, Properties, Request, Response, Router)

GitHubを使った外部認証 (Passport, OAuth)

スティングフレームワーク (Mocha, レッド, グリーン, リファクタリング)

継続的インテグレーション (CircleCI)

クライアントフレームワーク (Webpack, Chrome 以外のブラウザでもES6)

DOM操作フレームワーク (jQuery, jQueryアニメーション, this)

AJAX (jQuery.ajax, クロスドメイン, 同一生成元ポリシー, x-requested-by, CORS)

WebSocket (WebSocket, WebSocketの状態遷移, Socket.io)

RDBとSQL (DDL, DCL, CREATE, DROP, INSERT, DELETE, UPDATE, WHERE)

データモデリング (リレーショナルモデル, 正規化)

テーブルの結合 (外部結合, 内部結合, 片側外部結合, JOIN ON)

インデックス (インデックス, 複合インデックス, Bツリー)

集計とソート (SUM, COUNT, ORDER BY, GROUP BY)

「予定調整くん」の設計 (要件定義、用語集、データモデル、URL設計モジュール設計、MVC)

認証とRouterモジュールの実装 (Mocha, supertest, passport-stub, モックテスト)

予定とユーザーの保存 (セキュリティ要件, UUID, 複合主キー)

予定とユーザーの一覧の表示 (非同期処理, Promise, then)

出欠とコメントの表示 (入れ子の連想配列, Promise.all, 子どもからデータを消す)

出欠とコメント更新 (Promiseチェイン, リファクタリング)

予定の編集と削除 (要件の衝突, 関数再利用)

デザインの改善 (this, グローバルオブジェクト)

セキュリティ対策と公開 (X-Frame-Options, Heroku環境変数)

2017-08-09

10年後も戦えるプログラミング言語

Java

ScalaとかKotlinかいろいろ言ってる奴いるが10年後にはどうせJavaが勝ってる。

ラムダ式とか取り入れてJavaも着実に進化しているからね。

Javaはnull安全じゃない!とかほざく奴はもちろん@CheckForNullアノテーション使ってから言ってるよな…?

フレームワーク流行り廃りがあるから微妙だが、勉強するならSpringにしておけ。それだけでいい。

JavaScript

Webブラウザに標準搭載のJavaScriptが無くなることもまずありえない。

あとやるならjQueryね。AngularJSとかすぐ廃れるから

学習コストが高いものって結局広まらいからさ…素直に現実を認めよう。

シェルスクリプト

AnsibleやFabric使ってるやつがいるがどうせ10年後にはブームが去り技術負債となっている。

シェルスクリプト代用できるのだからシェルスクリプトでやっておけ。

SQL

これだけ広まったRDBが今後使われなくなることはまず考えられない。

ORMは流行り廃りがあるが、SQLが無くなることはまずありえないのだからSQLをやっておけ。

2017-08-08

Webフロントエンド業界への素朴な疑問

なんか最近Webフロントエンド界隈でイキっている人良く見るけど、そもそもどのくらいの経験で語ってるんだろ。

感覚的には、10年前はすっごいしょぼいJavaScriptばっかだったし、それで要件を満たせてたと思うんだけど。

複雑な要件ときは、JavaAppletとか使ってたような。

ちょっと昔を振り返ってみると、

5年前はJSFがすっごいイケてるように思ってたな。今は完全に終わってるけどね。

10年前は、これからprototype.js じゃなくてjQueryだ!と思ってた時代かな?

15年前は、IE Onlyです!で全然許されてた

20年前は、JavaScriptは、ブラウザステータスバーに文字を表示したり、マウスの動きに合わせて星をキラキラさせるのに使ってたかな。

ぶっちゃけ今でも、本質サーバーサイドであって、フロントエンドなんてノリで作っとけば、と思っている

2017-07-25

やっぱ大手SIerって馬鹿だわ

大手SIer下請けベンダーに出向してる。

HTMLCSSjQueryでシコシコモックアップを作る。

百歩譲ってこれはまだいい(コンポーネント志向皆無とか後々Smarty移植することをまったく考えてないとか言いたいことはいっぱいあるが)。

その後、レビューにあたって説明資料なるものを作る。

Excelキャプチャを貼り付けて動作記載するのだが……。

なんで動くものが目の前にあるのにわざわざ文字に起こすんだよ。

動いているの見ればいいだろうがよ。

更新するボタンを押したら何が起こるのかわからいから動きを書け?

ボタンを押下したら対象データ更新する」

それでいいのかよ! 見ればわかるだろうがよ!

ちなみにこの後、この説明資料を基に画面設計書を作成する。

そしてまたレビューを行う。

この工程が分かれている理由不明

やっぱ大手SIerって馬鹿だわ。

2017-07-11

高校大学生にいいたい、ネットプログラマー愚痴っても真に受けるな

WEB始まりすぎだし、アプリゲーム始まりすぎなんですけどって話

SIは知らないし、アプリは聞いた話だからあれだけど


WEBに関してはruby/railsとかは900万超えの求人出しても来てくれないくらいには好調です

HTML/CSS/JS/Railsができて仕事ないとか言ってる人いたら教えてほしいくらいだよ

俺の会社他にアプリ部門があるんだけどもっと人が足りないって愚痴ってるしこのままだと1000万行くかもしれない、うらやましいくらいの話だ


まぁ結局はてなも2chもそうなんだけど、ネット愚痴ってるやつって仕事できない無能が8割か、転職怖い昇給交渉怖いって動こうとしないビビリのクズ

それか若者つぶそうとして楽しんでるやつか、なにかしらの病気なので相手にしないほうがいい


進化が早すぎてついていくのがつらいよーってやつの話にも聞かないほうがいい

HTMLCSSにかぎっていえば、そんな変わったことな

追加された機能ゴリゴリ生かさなければいけないなんてシーン俺は知らない

まぁ大きく変わったのはFLASHが廃れて」、HTML5/JS代替しなければいけなかったことくらいだけど

べつにそれに関しても大した話じゃない。ゆっくり以降していった話

フロントエンドはつらいなんて話をよくしてる連中いるけど、ただの馬鹿ファッションで乗って、つらさを自慢しあってるだけ

あいつらがやってることの9割は必要ないことで苦労してると思うわ

gulp/grantなんかのタスクランナーとかする必要ないのにして変化が激しいとか愚痴ってる意味の分からない

anguler/ract/vueあたりもな

SPAなんて特殊ものをこれから来る必須技術みたいにさわいで技術飛びついて変化が激しいって騒いでスターもらいたがってるだけ

結局ブログ承認欲求みたすための苦労自慢でリスカ女と変わらないので相手にする必要なし


railsは変化が速いのでは?なんて話も真に受けるな

しかに3くらいまでは俺自身が慣れてなかったからつらかったといえばつらかったが、その程度の変化ほかの業界でもいくらでもある

なによりネットドキュメントが大量にある、はっきり言ってほかの産業にくらべて勉強が楽なくらいだ(ググるときに注意が必要だけど、情報の鮮度とか正確性とか)

railsフレームワークが1強なので迷わなくていいし仲間も多いから、かりに変化がおこっても、頭のいい人がドキュメント残してくれるし、勉強で困ったことなんかほぼない

5.1でjquery依存をなくすとか、CoffeeScript廃止とか、yarn採用も困らなかった


もう一度言う

プログラマーリスカ自慢に気を付けよう

あいつら無能かただのかまってちゃんから

プログラマーになりたいと思ってる君、情報工学部(コンピューターサイエンスやる学部ね)行こうね、私は大学電気科に言ったんだけどいまだに後悔してる

あのときプログラマー未来を信じれなかったからね

プログラマーなんかIT土方だしとか言われてて電気機械のほうがいいといわれて私は電気を選んだんだよ

組み込みPGなら電気電子でもいいかもしれない。オープンになりづらい職業からたいへんだろうなって思うけど。

2017-07-09

wordpressさいこーといってる人へ

wordpress最盛期。あの案件もこの案件WordPressを使って、プラグインしまjqueryしまし脂マシマシな納品が星の数ほど生まれていく。「プラグインが最新バージョン対応しないので、本体バージョンアップができません」といってセキュリティホールだらけのwordpress放置される。アホかと、バカかと。

フロントエンドhtml,css,javascriptでつくるものだよ。expressをみて「javascriptバックエンド書くの?気持ち悪い」っていってただろ。それと同じだ。いつまでphpフロントエンド書くつもりだよ。phpで動的生成し続けるからいつまでもwp headでwordpressサイトってバレてアタック受けるんだよ。とりあえずurlの末尾にwp-adminってつけて確認されるんだよ。

分離しろ、分離。wordpress管理画面が悪いとはいわない。あいはいいやつだ。けど、wordpressフロント書く必要はない。wordpressrest apiだしただろ。更新wordpressでやって、その情報apiで取得してきたらいいんだ、それでいい。

wordpressテーマをつくるのがキャッチだった頃からもう6年はたった。6年前といえば、Windows 7使ってた頃だよ。ヒカリエまだできてない。そんな頃のやり方つかって「これがスタンダードです」とかいってクライアントをだまくらかして楽しいか。さっさと2017年に追いつけよ。

2017-07-05

バリアフリーじゃないけど軽いJavascriptフレームワークがほしい

ほんのちょっとしたサイトをサクッと作る時のための軽いJavascriptフレームワークが欲しい。jQueryにReactにAngularJSにVueなどなど、フレームワークにも色々あるけれど、既存のものはどれもリッチすぎる。

どんなOSブラウザもばっちりサポートします!とバリアフリー完備を謳わなくてもいい。そこに手間をかけるよりは、アクセシビリティをある程度犠牲にして利用者限定する代わりに、とことん低コストで使いやすものが良い。

そんなJavascriptフレームワークがあったら名前を教えてください。

ログイン ユーザー登録
ようこそ ゲスト さん