「CSS」を含む日記 RSS

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

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-10-17

anond:20171017223015

CSSでつくろうというやつなら動くなあ

タブにしたいエリア文章めっちゃHTMLで書かないといけないのがしんどいけど、まあいいや

2017-10-15

はてなブログって標準の文字大きくねえ?

ブラウザでフツーだと指定している文字の大きさの1.5倍くらいから始まってねえかコレ

一時的に全CSS切るとめっちゃ快適ビューだぞ

見てる人のブラウザフツーにまず合わせろよ

そう思って検索したところ関連する検索キーワード

はてなブログ 文字サイズ 勝手に変わる     はてなブログ 文字 勝手に大きくなる
はてなブログ 文字の大きさ 勝手はてなブログ 文字 強調
はてなブログ 文字サイズ バラバラ         はてなブログ スマホ 文字サイズ
はてなブログ 文字 大きさ スマホ          はてなブログ 文字はてなブログ アプリ 文字サイズ           はてなブログ 文字サイズ 無料

勝手に変わるってなんだ…?

anond:20171015014103

http://oreero.x.fc2.com/

まず、自分web製作会社に勤めてる身なので、一通りの制作手順は知ってる。

で、なんでこのサイトを作ったかというと、

まあ、副収入がほしかったんだ。


そして、アダルトアフィリエイトサイトなるものを教えてもらった。


ちょうどその頃、仕事以外で勉強しているものがあったが

なんせ金にならん。(※webクリエイターは金など気にせずシコシコ勉強するのが大事


で、まずはアダルトサイトを作るにはサーバを借りねばならん。

といっても、お金はかけたくない。

できれば無料で。


そして、色々調べた結果、

やはり、アダルトサイトokFC2が一番しっくりきた。

いい評判はあんまり聞かないが割と普通に動いてる。


まあ、無料なだけあって、色々縛りはつくんだよね。

最初スクレイピングで、ほぼ自動化したサイト作ればいいんじゃね!

的なことを考えていたけど、FC2無料サーバだと致命的なことに、DBサーバサイド言語が使えない。


なんだろ、webも知らない人に伝えやすく言うと、

飛車角抜きで将棋しろとか、コンバイン使わず田植えしろとか言われてるようなもんかな。


なので、フロントエンド技術(html / css/ js)だけで、RSSとかの情報取得したりしてねー的なことをしないといけなくなった。

うーん、要はドラクエで言うなら、簡単呪文は使えるけど、ほぼ素手でたたかえって言われてるようなもんかな。


とりあえず、サイト体裁を整えるためにまずは、bootstrapサンプルを改変してベースを作った。

bootstrap便利。http://getbootstrap.com/


あとは、幾つかのアフィリエイトサイト登録してパーツを配置。

動画著作権アダルト動画を載せる際の調査をして、一通りの知識を得る。


あとは、どんなサイトにするか。


ぱっと思いついたのは、普通エロサイトよりもページ遷移を無くして、

どんどん動画を見やすいようにすれば、いろんなページから探し出す手間を省けるのではと思った。


なので、構成としては、クリックしてモーダルウィンドウの中で、動画再生する形に統一

動画採取場所DMM無料サンプルとXVIDEOSおk


サイトベースは一通り完成した。


で、1ヶ月運用してみると、シングルページの弱点を身を持って体験した。

SEOにクソ弱すぎる。



どうしよう流行りのシングルページ(なんちゃって)にしたのに・・・どんどん検索順位が下る。

そこで起用したのがpushState。

jsURLを書き換える技術。ただ書き換えるだけじゃなく、履歴のもの作成してくれる。


これをすると、グーグルさんのクローラシングルページのサイトでもうまいこと動いて順位があがった。

(若干iframeとの挙動問題はあるが、ないよりまし。まあいける・・・。うん。)

てな感じです。


収益化はまだ全然できてないけど、仕事サイト作るよりも自由だし、

変更もその場で思いついたこと試せるから面白い


後半眠くて、技術よりの話になった・・・

Webエンジニアはだまって、アフィリエイトしてみるのも面白いかもね。


という感じでした。。おそまつおそまつ


最近収益どうこうより、自分が作ったサイトに人が訪問してくれるだけで嬉しくて、

淡々と息を潜めるように更新してやす


↓まあ抜いていってくだせえ。

http://oreero.x.fc2.com/

2017-10-13

敢えて今からアプリを作る必要があると言われた時の対応ガイドライン

◎ START
↓
● 既存Webサービスはありますか?-yes→● 既存WebサービスCSSをいじってスマホ対応しましょう。おわり
↓no
● そのスマホアプリ関係しそうな要素を次の中から選んでください。いくつありますか?

カメラ
マイクロフォン
3Dレンダリング
スピーカー
バイブレータ加速度センサ
GPS
BlueTooth
NFC
内蔵DB
地図
動画
Push通知
  -2つ以上→● ネイティブ一択です。端末ごとにプログラムを書くのは面倒ですが、それを明らかに上回るメリットがあります。おわり
↓1つ
● Webに置いておけば誰でも見ることができるコンテンツを、あえてApp StoreGoogle Play配信する理由はありますか?-no→● お察しの通り、Bootstrapか何かを使って普通Webサイトを作るのが良いと思います。あとでURL教えてね。おわり
↓yes
● そこまで言うなら、PWAが良いと思います。あとで追加機能が欲しいと言われたら、PWAはすぐに捨ててネイティブ移植すること。それができないならあなたの気力が尽きておわり

https://medium.com/@takeshiamano/ios-android%E3%81%AE%E3%83%8D%E3%82%A4%E3%83%86%E3%82%A3%E3%83%96%E3%82%A2%E3%83%97%E3%83%AA%E7%B5%82%E4%BA%86-7f4fc4f98656

2017-10-03

[]Rails初心者が3ヶ月かけてKindleセールまとめページを作った結果

[追記]

なんの反応もなくて辛い

増田で書いたらいいことあるってどこかに書いてたので書く。

要件

1. 開催中のKindleセールを一覧表示したい

2. かつ各セール対象商品も1ページ内で見られるようにしたい

1番目の要件を満たしているサイトブログはたくさんあるが、

2番目の要件を満たすサイトあんまりない気がしたので、

自分で作ってみることにした。

自己紹介

Railsを選んだ理由

Railsを使ったら簡単webサービスが作れる

ってどっかに書いてた気がしたか

作ったページ

http://www.kindletoku.com/

お世話になったサイト

最初にここをみて作り方のイメージを掴んだ

 https://openbook4.me/projects/92

railsコマンド等で迷ったらここを見た

 http://www.rubylife.jp/rails/

情報

 http://chalow.net/2016-01-18-3.html

からないことググったらだいたいここに行き着く

 https://qiita.com/

スケジュール

1週目

 ・とりあえず『https://openbook4.me/projects/92』をみてイメージを膨らませる

2週目

 ・とりあえずrailsプロジェクト作成する

 ・amazon-apiを叩いてセール情報が返ってきた時は嬉しくて泣いた

 ・ただ、あまりにもゴミデータが多すぎて悲しくて泣いた

(終了済のセール/全然安くないセール/アクセサリ等のセール情報が大量に含まれている)

 ・ゴミデータを弾く方法を色々考える

3週目

 ・ある程度ましなデータが取れるようになったので見た目(view)を作り出す

4週目

 ・ドメイン取る

 ・とりあえず公開する

 ・動作が遅くて/メモリ消費量が多すぎて頭を悩ませる

2ヶ月目

 ・アクセスがなさすぎて泣きたくなる

 ・動作遅い/メモリ消費量多すぎる原因を考えるがわからない

 ・アクセスがなさすぎて泣きたくなる

3ヶ月目

 ・アクセスがなさすぎて泣きたくなる

 ・動作が遅い原因がなんとなくわかり改善する

(キャッシュとか)

 ・見た目も改善する

イマ

 ・アクセスがなさすぎて泣きたくなる

 ・増田宣伝する

感想

  • 振り返ると2ヶ月目何もしてなかった
  • 結構思い描いていたサイトにはなってきた

何も知らなかった状態から頑張ったのでサイトを見ると嬉しい

  • でも誰かに見て欲しい

課題はまだ山積み

- 有効セールを弾いてしまうことがある/無効セールを弾けないことがある

- アクセス数が増えた時、耐えられるかわからない

- みんなが欲しい情報提供できているだろうか

お願い

感想ください。頑張って改善します。

2017-09-20

こいつらApple叩きたいだけじゃないの?

http://b.hatena.ne.jp/entry/coliss.com/articles/build-websites/operation/work/remove-the-notch-on-iphone-x.html

記事を要約すると

1. 横向きで見るスマホサイト

2. どうしても背景色指定できなくて

3. それでもセーフエリアを埋めたい

そんな場合でもきちんと解決手段を用意してますよ、という話だぜ。

まず1・2・3を全て満たすことがほとんどない上に、

万が一そうなっても数行のCSS簡単対応できるわけだ。

まりにも読解力がなさすぎて「全てのサイトにsafe-area-insetの指定必要」と勘違いしているか

とにかくAppleを叩きたいだけの人か、どちらかでなければこのブコメ群は説明つかんぜ。

ああ、それともクライアント対応を依頼してくる心当たりが具体的に数十件単位である人か。

最後のだったら御愁傷様だが。

2017-09-18

パソコンの大先生に聞きたいんだけど

HTMLとかCSSの話

例えばウェブサイトフォントを変えたかったら

CSS書くところに

body{ font-family: Meiryo,}

みたいに打ち込めば指定したフォントに変わってくれる訳じゃん

これって要はこう言う形で打ち込めば変わるってことは分かるんだが、どういうプロセスでこれを機械理解してそれをウェブサイトに反映してるのかってのが皆目検討つかないんだが

一体全体何がどうなってそんなことを実現できるんだ

そこんとこ大先生には説明できるんけ?

メルカリシステムが糞すぎる件

(ここでいうシステムというのはビジネスモデルの事ではなくて、サーバーサイドのシステムの話)

嫁がメルカリで出品される商品を買いたいがすぐに売れてしまったりするというのでアラートが欲しいと言い出した。

どうも標準である"保存した検索条件の新着通知"という機能スピードや精度などがいまいちで使えないらしいのだ。

で、調べてみたところ2個ほどアラートアプリがあるようなのでそれを入れてみるように言ってみた。

しかし、それらのアプリでも通知結果が変だったりするらしい。(新商品の通知がきたのに、メルカリ本体検索するとひっかからないなど)

うーん?アプリが悪いのかな?

と思ったので簡易的に通知スクリプトを書いてみることにした。

一行で書くと、

検索結果ページを定期的にGETしてHTMLを解析して商品一覧を抜き出し、前回の結果になかったものがあれば通知すればいいだけ」だ。

うん。楽勝だべ。

よし、検索結果のページを解析するために見てみよう。何々、1件から48件まで表示中です。。

ふむふむ。で、結果がページ下にずらりと並ぶのか。

いーち、にー、さーん、・・・(中略)・・・・、よんじゅーろく。。 あれ?なんど数えても46件しかないぞ!

皿を数えるお岩さんの気分で何度も数えてみる。。が、やっぱり46件しかない。

「二枚足りなーい!うらめしやー!」

まあ、こんな事は些細なことさ。(CSSクラス名の単数形複数形おかしいとかももっと些細なことさ。)

とりあえずスクリプトを完成させるぜ。

・・・

・・しこしこしこ・・

・・・

じゃじゃーん!というわけでスクリプトはすぐにできたので、試しに走らせてみた。

・・・

・・おお、結構な頻度で新商品がでるんだな、さすが大手サイト

・・

・・てか出品おおすぎね?こんなマイナー商品検索しているのに1分間に7件も出品されるなんて

・・

・・( ,,`・ω・´)ンンン?

・・

なんだこれは!検索結果にときどきゴミが混じっているではないか

例えるなら、ドラえもん10検索したら、3回ぐらいの割合巨人の星マツコ・デラックスがでてくるような感じ。

通るかこんなもーん!!!

結論

アラートアプリ開発者は悪くなかった。

2017-09-13

個人サイトTwitter

から15年ぐらい前か

インターネットという無敵のツールを手に入れた俺は早速本屋HTMLだとかCSSだとかの本を買って自分ホームページを立ち上げた

最初Yahooジオシティーズってやつでつくってた

同じく一緒にサイト作った友達相互リンクをしてさ

知らないけど同じこと話題にしてる人のページを勝手リンクして掲示板に「リンクさせていただきました!」と書く

そうすると大抵の弱小個人ホームページ管理人は「こちからリンクさせていただきました!」とレスしてくれてリンクが増えていく

相互リンクページが多くなるにつれ友人に「俺の相互リンクめっちゃおおくなったわ」と自慢していたし

相互リンクページに「相互リンク感謝!」とか書いてた

今日Twitterでいきなり「フォローさせていただきました!」とリプされた

プロフィールをみると「フォロワー数1000人突破感謝!」とか書いてあった

なんかTwitterという場所に移ったけど昔のYahooジオシティーズと変わんねぇんだなとちょっと思っちゃった

そしてなぜか恥ずかしくなってそっとブロックした

2017-09-12

エンジニアは優秀だけどデザイン台無しにしている

技術集団イメージあるけど、サービスがまじでイケてないって会社って結構あるよね。

バックエンドエンジニアが優秀でレスポンスがめちゃくちゃ速くたって、デザインが全てを台無しにするような。

インフラエンジニアが超高負荷に耐えうる環境を構築したところで、ユーザーからすれば知るところではない。

そんなことより、目の前のサービス大事なんだよ。

すなわち使いやすさだ。

楽天

楽天ってエンジニアは優秀な人がたくさん集まっているイメージがある。

でもあの楽天サイトの見栄えの悪さとデザインの酷さ。

絶対エンジニアデザインしてるだろ?

リクルート

リクルートもいろんなサービス持ってるし、エンジニアガチで優秀だ。

でもあのリクルート発のサービスUI/UXの糞っぷり。

クリックで済ませるべきところを7クリックくらい要求される導線、すさまじいユーザー経験だわ。

ヤフー

もうなんかCSSは微塵も使っていないかのような初代HTMLデザイン系。

昭和時代インターネットなんてなかったのは当然理解しているけど、昭和臭すら感じる。


あ、なんかギター侍って消えた芸人を思い出した。

2017-08-22

裁量労働制問題プログラマエンジニアに呼び変えれば解決

https://news.yahoo.co.jp/byline/konnoharuki/20170821-00074756/

プログラマエンジニアと呼ぶようにし、みんな裁量労働制にしちゃえばいい。

テスト仕様書通りにテストするだけのテストエンジニアCSS書くだけのマークアップエンジニアなんて職種もあるのだし

Web系は仕様書を書かずにいきなりコーディングに入るのが主流だし

アジャイル開発を採用していれば無条件で裁量労働制適用もすべき。

2017-08-21

デフォが人気米になったの

更にスター評価粘着馬鹿が暴れるやん

つうか見づらっ

便利系CSS入れたら見づらくてアンインスコレイアウト公式がやってしまった

あっでも誰がブクマたかアイコンで分かるのは良いな

http://b.hatena.ne.jp/entry/s/note.mu/konpyu/n/nc0d2f49676ba

FacebookgithubリポジトリでPATENTSファイル存在するリポジトリリスト

./360-Capture-SDK/PATENTS

./BridgeIC/PATENTS

./CParser/PATENTS

./DelegatedRecoveryReferenceImplementation/PATENTS

./FBAllocationTracker/PATENTS

./FBFetchedResultsController/PATENTS

./FBRetainCycleDetector/PATENTS

./FBSimulatorControl/PATENTS

./Haxl/PATENTS

./IT-CPE/PATENTS

./KVOController/PATENTS

./MazeBase/PATENTS

./MemNN/PATENTS

./PathPicker/PATENTS

./Shimmer/PATENTS

./SoLoader/PATENTS

./SocketRocket/PATENTS

./Stack-RNN/PATENTS

./ThreatExchange/PATENTS

./Tweaks/PATENTS

./UETorch/PATENTS

./UdpPinger/PATENTS

./WebDriverAgent/PATENTS

./android-jsc/PATENTS

./augmented-traffic-control/PATENTS

./bistro/PATENTS

./chef-cookbooks/PATENTS

./chisel/PATENTS

./componentkit/PATENTS

./conceal/PATENTS

./dataloader/PATENTS

./device-year-class/PATENTS

./dfuse/PATENTS

./draft-js/PATENTS

./ds2/PATENTS

./emitter/PATENTS

./eyescream/PATENTS

./facebook-clang-plugins/PATENTS

./fatal/PATENTS

./fb-adb/PATENTS

./fb-caffe-exts/PATENTS

./fb-util-for-appx/PATENTS

./fb.resnet.torch/PATENTS

./fbcuda/PATENTS

./fbcunn/PATENTS

./fbjs/packages/eslint-config-fbjs-opensource/PATENTS

./fbjs/packages/eslint-config-fbjs/PATENTS

./fbjs/packages/fbjs-css-vars/PATENTS

./fbjs/packages/fbjs-eslint-utils/PATENTS

./fbjs/packages/fbjs/PATENTS

./fbjs/packages/signedsource/PATENTS

./fbkutils/PATENTS

./fblualib/PATENTS

./fbnn/PATENTS

./fboss/PATENTS

./fbpca/PATENTS

./fbpush/PATENTS

./fbshipit/PATENTS

./fbtftp/PATENTS

./fbtorch/PATENTS

./fbtracert/PATENTS

./fixed-data-table/PATENTS

./flow/PATENTS

./flux/PATENTS

./fresco/PATENTS

./gnlpy/PATENTS

./hhvm/hphp/hack/PATENTS

./iTorch/PATENTS

./immutable-js/PATENTS

./infer/PATENTS

./ios-snapshot-test-case/PATENTS

./jest/PATENTS

./jscodeshift/PATENTS

./learningSimpleAlgorithms/PATENTS

./libafdt/PATENTS

./liblogfaf/PATENTS

./litho/PATENTS

./luaffifb/PATENTS

./mcrouter/PATENTS

./mention-bot/PATENTS

./metro-bundler/PATENTS

./mysql-5.6/fbson/PATENTS

./network-connection-class/PATENTS

./nuclide/modules/atom-ide-ui/PATENTS

./nuclide/modules/big-dig-samples/PATENTS

./nuclide/modules/big-dig/PATENTS

./nuclide/modules/nuclide-commons-atom/PATENTS

./nuclide/modules/nuclide-commons-ui/PATENTS

./nuclide/modules/nuclide-commons/PATENTS

./ocpjbod/PATENTS

./openbmc/common/recipes-connectivity/lldp-util/lldp-util/src/PATENTS

./osquery/PATENTS

./planout/PATENTS

./pop/PATENTS

./pose-aligned-deep-networks/PATENTS

./prepack/PATENTS

./prop-types/PATENTS

./proxygen/PATENTS

./puewue-backend/PATENTS

./puewue-frontend/PATENTS

./react-devtools/PATENTS

./react-native-applinks/PATENTS

./react-native/PATENTS

./react-vr/PATENTS

./react-vr/ReactVR/PATENTS

./react-vr/react-vr-cli/PATENTS

./react/PATENTS

./rebound-js/PATENTS

./rebound/PATENTS

./redex/PATENTS

./regenerator/PATENTS

./relay/PATENTS

./remodel/PATENTS

./screenshot-tests-for-android/PATENTS

./shimmer-android/PATENTS

./sparts/PATENTS

./stetho/PATENTS

./thpp/PATENTS

./treadmill/PATENTS

./wangle/PATENTS

./wdt/PATENTS

./xcbuild/PATENTS

./xhp-lib/PATENTS

./yoga/PATENTS

./ztorch/PATENTS

2017-08-18

エロサイトアンテナサイト作ってみた

こんにちは

こちらに投稿するのは3回目ですかね。

過去に書いた記事

二次元系のエロサイトを作ったからいろいろ書いてみる 編集

https://anond.hatelabo.jp/20160225062051

自動更新エロサイトを作ったから自慢させて 編集

https://anond.hatelabo.jp/20150519124614

エロサイトばかり作ってます

懲りずにエロサイトアンテナサイトシステム含む)を作ったので投稿してみました。

作ったサイト

エロ萌えアンテナ
https://eromoe-antenna.link/

こりずにエロサイトです。

しかも今回はアンテナサイトという・・・

サイトを作ったきっかけとか

アンテナサイトは以前から作ってみたいとは思っていたのですが、何しろ情報が少ない。

既存無料システムなどは使い勝手が悪かったり、そもそも(私が思う)アンテナサイトの体をなしていなかったりと、不満がありました。

なら「私が思う」アンテナサイトを作ってみようと思った次第です。

また、1度作ればシステムを流用でき、昔はやった2chアンテナサイトなども簡単に作れるという打算もありました。

(今は下火ですがそれでも収益を上げることはできるので)

※このシステムは実は数年前に完成させたのですがバグだらけで一度頓挫したのを、1から作り直したものなのです。

使った技術

PHP

CSS

JavaScript

MySQL

これだけです。

かれた技術だけで作りました

仕様など

正直「アンテナサイト仕様」という情報はあまりネット上にも書籍などにも落ちていません。

なので私が思う仕様実装しました。

(有名サイトをみて「こうかな?」というのを整理しました。

ですかね。

あとはDBにいろいろ情報をぶち込んだので、後々の仕様変更にも柔軟に対応できるようにしました。

今回のアンテナサイトつくりで、だいぶSQL文の勉強になりました。

DB構造とかもWPなどのCMSを参考にリレーショナル?にしたとり、いろいろカスタマイズやすしました。

IN/OUT比率に応じてアクセスを返す処理についてはかなり悩み、これはみんな情報を出さないはずだなーと思いました。

秘伝のタレ的なものですよ・・・結局「こんなかんじかなー」というのを他サイト経験を元に推測して実装しました。

都度様子を見て変更するかもです。

こだわりの点など

お気に入り機能や、検索機能については結構実は力を入れています

検索機能は実は一番時間をかけています。世の開発者様はすごいですね。

https://eromoe-antenna.link/search.php?page=2&category=3

例えばカテゴリ3の2ページ目を表示、といった複数パラメータを持つ検索条件をどうやったらMySQLで取得するか、といったことや、

それをページャーにどうやって落とし込んでやれば良いのか、といったことがわかりませんでした。

普段WPを使っているので意識してなかったのですが、こういうところも自作システムの悩みどころですね。

あとはIN/OUTでの処理をするにあたり、一通りの情報DBに保存することで、後々いろいろ応用を利かせられるように設計しました。

その他には管理画面を設けることで、サイト更新やお知らせの投稿などを、WP並にとはいいませんが簡単に行えるようにしました。

デザインについて

完全自作です。

もともとPhotoshopで作っていたものがあったのですが、数年前に作ったものだったのでそれを基に開発を進めながら調整していきました。

スマフォサイト対応もしています

エロサイトっぽく?ピンクを使ってますが、正直もう少しやりようはあったかなーって思っています

システムさえできてしまえばデザインは後から変更し放題なので後々の課題ですね。

その他

作るのに1年以上かかってしまいましたが、何とか1システム完成させることができました。

おかげでだいぶ力がついたのではないかと思っています

今まではWPサイトを作ることが多かったので、1からシステムを作り上げて完成させるといった経験は実は皆無だったので、楽しかったです。

今は沢山のOSS無料ツールがあるので、自作する必要性も減ってきているかもしれませんが、実は自分がほしい機能ってピンポイントで無かったりすることも多いのではないでしょうか?

そういったときには是非皆さんも自作ツールを作ってみてはいかがでしょうか

以上、宣伝がてら、普段お世話になっている匿名ダイアリーにいろいろ書いてみました。

意見、ご感想などあればコメントとかくれるとうれしいです。

サイト登録申請もお待ちしています

https://eromoe-antenna.link/register/

2017-08-14

web系の専門用語多すぎ問題

門外漢からするとこんな風に聞こえてる。(所々適当に書いてるし書いてる内容は嘘デタラメ

「gulpでbowerしてsassgruntビルドすれば、cssストリーミング形式でデタッチされるから便利だよ。それにgulpはCoffeScriptとかtypescriptみたいな流行りのサードパーティも従来のJSみたいに変換してくれるしウォータフォールじゃなくてアジャイル的なプロジェクトでも使いやすい。スクラッチから書かなくてもいい感じにアジャストしてくれるよ。あと、OSSとしてgit上に上がってるんだけど、DLなんかもAWS連携させてWebGLTensorflowやらchainerやらと組み合わせればブラウザDQNとかA3CとかDCGANも動かせるスクリプトリリースされてた、バックエンドではDNNを走らせてフロントで表示する分をNode.jsカスタマイズしたりタスクランナープロセスマネージメントできるからもはやjstensorflowを含めたpythonラッパーみたいな感じで使えて便利。最近ではbluemixがBitcoinマインングをサポートしていてブラウザ上でウォレットからマイニングセットアップまでできるんだってブロックチェーンの仕組みを拡張して社内のタスクマネージャーとかNAS上のデータ分散してサーバーに保存できるみたいなこともあるんだって。」

どうしてweb系は専門用語肥大化するんだ。

2017-07-26

はてぶに変わる情報収集ツール

はてブノイズで溢れてきて辛い。

フロントエンドやってるんだが、ブロガーHTML/CSSネタはいらないし、

下世話な話題も知りたい。

RSSと違ってコメントでなんとなく内容を察せるのがありがたかったんだけど…

誰か教えてくださいです。

追記:

| 下世話な話題も知りたい。

すまん。間違えた。知りたくない!だ。

2017-07-25

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2017-07-16

プログラマデザインがひどすぎる

プログラマにはデザインも拘る人もいれば、「デザインとかみれればどうでもよくね」って人もいる。

ウチでは後者の人が多い。

企業向けシステム受託で作ってるんだが、これを売るのかってレベルで醜い。

webシステムなんだが、ボタンテキストボックスマージン0でくっついて並んでたり、

テーブルは枠に収まらないのではみでて全体にスクロールバーがついてたり、

フォントフォントサイズマージンは揃ってないし、

ユーザ入力によってはさらに崩れるし、

ある程度までウィンドウリサイズすると崩れるのに最低幅を指定もしてない。

マージンは揃えないのに、同系統は同じで別系統別になるように作っていたところを全部同じに統一しろ言ってたりもする。

見た目には影響ないが、9割のタグがdivでできているプロジェクトもあった。

公開するwebサービスだったら一瞬で叩かれるだろってレベル

勉強仕立ての学生に無茶な納期押し付けてできたものと言っても信じられるほど。

私自身でも使わないだろう。

動作チェックなどで使っているときに見た目でストレスを感じていた。


もちろん納品先からもっと統一してとか幅がおかしいとかマージンがどうとか言われてる。

ただ最低限の言われた部分しか対応しないし、言われたことに「こんなの別にいいだろ」なんて言ってる。

いや、どうみてもおかしいしこれでいいとか美的センス大丈夫なのかと言いたい。

結局、納品先からの注文も途中でどうしようもないと思ったのか最低限見れる程度、になってる。

受託といえど、使うのがその会社だけでなく一般の人という場合もある。

それでもいつもどおりの残念な見た目だった。

自分で作るところは上記のようなものだと気持ちいからどうにかするが、全体で読み込まれCSSのせいでどうにもできないこともある。

そこだけ上書きで何かしようとすると、一部だけ特殊なことはしないでと言われる。

プロジェクト管理する人兼全体の枠を作る人がデザインに対するこだわりなんて全くない人だからどうしようもない気がする。

せめてマージンくらい揃えたいと思っても全体的にひどい(もちろんできるかぎり揃えてる人もいるが)ので他人担当箇所まで直してられない。


たまたま見つけてデザイン的なズレのせいでバグにも見える挙動があったので、直すべきでは?と提案してみてもそのスタイル使ってるところ多いから全体的に影響多いし、とそのままにするらしい。

デザイナはいないのか、と思う人もいるだろうが、少し前まではいた。

いたところで、デザインを作ってという仕事が来たら担当していただけで、webシステム場合は基本関わってこない。

プログラム書くひとがCSSもできるということでデザイナはそもそもプロジェクトがどういうものか知ってるのか不明というくらい。

ところで、プログラマについての愚痴を書いたが私も職業プログラマ側だ。

ただwebデザインが好きで、もとはwebデザイナになろうと思っていた(就活中に日本だとCSSスキルじゃなくてフォトショ画像作るのばかり求められていてやりたいことと違ったのでプログラマにした)。

今でも頻繁にこういうデザイン作りたいなと思ってはHTMLCSS書いてるし、技術文書を読んで次に使えるようになる新しい機能を調べてたり、一部ブラウザで使えるようになればすぐに試したりしている。

デザインセンスについても、昔は絵を書けば何らかの賞はもらったし、学生時代ポスターでは、数百人の中からデザイン系で最優秀となったことがあるので、平均以上にはデザインもできるとは思ってる。

なので、デザイン苦手なら任せてくれればやるつもりだった。

しかし、そういった先輩方がいうにはおまえはデザインセンスがない、らしい。

「え、あなたがそれ言うの?」ってすごく言いたかったが仮にも先輩なので、「そうですか」とだけ言っておいた。

まあ、プログラマとして入社したんだし、変なセンス上司からあれこれ言われながら作らなくて済むから別にいい。


ただ、センスない人が管理してるばかりにエンドユーザになる人達がかわいそうだなと思う。

デザイナがいなかったり重要視されてない会社ならどこもこんなものなんだろうか。

これで思ったのは、プログラマとして優れててもデザイン的な理解がない人を上にしてはいけないということ。

社長が取ってきたプロジェクトだと社長がチェックするからこういったひどいデザインだと厳しく指摘されてる。

ただそれ以外までチェックはしていなくて、プロジェクト管理する人はあの見た目でOKしてる。

こういう人が上だとだめだなって思った。

2017-07-13

ホームページ公開はどのサービスおすすめ

ブログだとライブドアFC2アメーバはてなに、と有名どこで安定してるのがいろいろある。

無料でも十分に使えて、急にサービスやめますとか言われる心配ほとんどない。

私はライブドア増田の2つを使ってる。

昔はFC2ちょっと使った。

最近ブログだと流れていくから日記みたいのじゃなくて情報まとめるようなページはホームページ形式にしたいと思ってる。

ただ、ホームページ公開する無料サービスってブログほど安定してるのがぱっと出てこない。

求めてる条件はこのあたり

  • 無料
  • 広告控えめ
  • 容量が最低でも 1GB、 5GB10GB あれば嬉しい
  • 単に公開するだけでいい
  • 10年は続きそう

質を求めるとレンタルサーバとかになってきて、お金がけっこうかかる。

ブログでアフィもやってるが、アフィのためのブログじゃなくて隙間の寂しさを埋める程度においてるから年間5000円も稼ぎない。

から有料はNG

広告コンテンツ邪魔するレベルに主張するのは無料でもNG

FC2使ってるサイト広告で見づらいとよく感じてる。

ライブドアブログだと500MBのFTP領域あるからそこを使うこともありだけどちょっと容量小さい。

最近CMでみるWIXみたいなマウス操作でかんたんデザインとかは要らなくて、1からHTML/CSS/JavaScriptで好きに作れるのがいい。

FTPなどでファイルあげてそのまま見れるようなもの

github などのホスティングも基本はいいけど、バージョン管理不要だし、フォークしたりみんなで作っていくものじゃないから求めてるのとは違う感じがする。

実際に10年使うかはわからないけど、それくらいは大丈夫そうって思うところがいい。



最初にあげたブログたちのサービスからすれば無理ってほどじゃないと思うけど、ホームページだと同等程度のが全然ない気がする。

あと、お金からない前提だから海外でも問題ない。

web hosting比較系を見ていると日本と違って、GB/月とか無制限はみかけるけど信頼性がわからないのが問題

使っていてここおすすめと思えるところあったら教えてください。

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-10

増田の textarea 見づらすぎ

増田の本文書く textarea が見づらすぎない?

フォントサイズ小さすぎるし MSゴシックとかありえないんだけど。

増田はてな中の人はみんな Mac なの?

毎回開発者ツールフォントメイリオの14pxに設定してるだけどめんどくさくてカスタムCSS自動で当てるようにした。

でも、特殊デザインがいい人ならともかく、普通に見るのに難ありなレベル公式がどうにかすべきだと思うんだよなー。

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-06

はてブの新ユーザページ用ユーザスタイルシートを書いた

ずっと旧ページ使ってて、どうにも窮屈な感じがしたので。

.wrapper-container-inner {
    box-sizing: border-box;
    width: 100%;
    padding: 20px 20px 0;
    background-image: none;
}

#right-container {
    display: none;
}

#center-container {
    box-sizing: border-box;
    padding: 0 0 0 20px;
    width: calc(100% - 180px);
}

カラムは消した。

あくまで広くしただけ。

幅が広すぎる!って場合最後の width: calc(100% - 180px); にある100%の値を調整すればいい。

にしても、まさかレイアウトでfloat使ってるとは思わなかった。

いろいろ見ててCSSレガシーすぎて大変なんだろうなー、と思った。

https://anond.hatelabo.jp/20170706120144

PHPならJSCSSもincludeで1ファイル内に展開しちゃえばいんじゃね?

アーカイブ ヘルプ
ログイン ユーザー登録
ようこそ ゲスト さん