「Bootstrap」を含む日記 RSS

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

2017-11-15

anond:20171115000746

全く正しい! だからクソ案件にはBootstrapクラス命名しかしない。ある種究極のカプセル化、そこしか絶対に壊れないからな。

2017-11-14

CSS設計云々言えるのは恵まれ環境いるからだろ

Web制作において持論がある。CSS設計云々で議論できるのはまともな営業が居てまともなクライアントをつかまえてきてまともに意見を言えるからだ、そうでなければCSS設計云々は話にならない、お話にならない。

OOCSSにBEMにSMACCS、そんなもんできるかよ。クソみたいな、デザイン破壊する修正が大量に来て統一性もなにもあったもんじゃないし、セマンティック? 知るかくたばれ。アニメーションすらバラバラ指定されてっからAnimate.cssすら使えねえ。そもそも統一させてもらえないかクラス意味ほとんどねえ、全部IDでも変わんねーよ。

頑張ったよ。SASSで綺麗に書こうとしたし、Smartyみてーなテンプレートエンジン効率良いってのも分かってるよ。でもヘッダーすら変えろとか言われたらどこを共通化すればいいんだよ。

俺は確信した。Bootstrapの"mt-2"とか"display-inline-block"みたいにクラスを付けてってそれにスタイル適用してくのが正解だって。ってかBootstrapクラスばっかりでスタイル作ってる。だってクラス見るだけでスタイルが分かるし、共通化は一切されてねーからな。

あいつら、グラフィックデザインと同じだと考えてやがる、くたばれ。ポスターじゃねーんだよ。

俺はもう闇のWeb製作者になり客にはバキバキに嘘をつくようになった。SEOがだとかデバイス保有率のデータだかなんかを持ち出して出来るだけ頑張らなくて良いサイトを作る。だって頑張ったってそれはカオスを作るだけの技術が上がるだけでコーディング技術が上がる訳じゃ無いからな。

かと言って外注に出したらクソみたいに思いCSSフレームワーク使ったサイトが上がってくる、くたばれ。しかグリッドシステムぐらいしか使ってねーじゃねーか、skeletonでも使っとけ、ふざけんな。

おかげで俺は毎日Web2.0的なデザインレスポンシブ対応が混合した、パラレルワールドみたいなサイトを作ってる、スチームパンクだろ、お前営業やめろよ。単価安いんだよ。俺が営業行くから。元営業からお前より喋れるから

とにかくモジュール化だとかクラス命名手法だとか議論出来るお前らは幸運だ。全部の国がそれぞれ違う大陸にいるようなもんだ、クラスいらないからな。誰かWebpackであいつらの前頭葉をパッキングしてくれよ。

2017-10-15

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-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-05-31

まず、Web制作Web開発は業界が違う

Web制作会社はもともと広告印刷業界から出てきた人たちで、デザインは得意だがプログラムはムリ

Web開発会社システム開発業界の人たちで、デザインよりプログラムが得意

レスポンシブだUIUXだとお熱を上げてるのはWeb開発会社さんの方

開発屋が静的Webを片手間で請けることもあるが、基本的に50万以下の仕事を請けることは稀

例に出てきたのは制作屋だろうし、その単価としては正直普通

bootstrapで作れって言われても、たぶんスキル不足で無理だろう

http://anond.hatelabo.jp/20170531180401

2017-02-16

http://anond.hatelabo.jp/20170215123151

暇ならばWP+AWSWEBアプリ的なものを作ってみるとか、GitHub.io+Bootstrap+JSフレームワークSPA的なものを作ってみるとか。

俺は在職中で暇がなかったので、Adobe Portfolioを使ったけど。

2016-10-14

Bootstrapの div class="col-md-4" って font color="red" とどう違うの?

表示にの関係するclassって意味と見た目の分離も何もなくね?

classと別のstyleclassみたいな属性があってCSS適用させたいだけならそっち使うみたいにするのが理想

2016-09-19

Webサイト作るのめんどくさい

仕事ポートフォリオサイト作らなきゃいけないんだけど、すっげえめんどい

過去仕事画像を集めるのはフォトショちょちょいと出来るけど、HTMLを書くのがめんどくさい。

Bootstrapテンプレートを探してみたけど、どれもお洒落すぎて日本人きじゃないし。

あーめんどいめんどい

でもブログダサいデザインカスタマイズするのめんどくさい。

2016-06-18

Twitter Bootstrapを使ってる奴に物申す

画像リンクが左右の空白領域にまで広がってる奴。

マジファックだからやめろ。

2016-05-21

http://anond.hatelabo.jp/20160521163144

React.js界隈の人に聞きたい

http://anond.hatelabo.jp/20160521163144

最近某所で、React使うとjQuery不要だ的なタイトル記事を書いちゃた気がするので一応反応しときます。長文ごめんね。

えーととりあえず、あのタイトルは実際のところ省略しすぎであり、もちろん本来は「場合によってはjQuery不要」「jQueryは要らないこともある」と長く書いた方が正確です(本文ではちゃんとReactが万能ではない説明をしてる)。でも多少釣りっぽいタイトルの方が読まれるようなので反省はしていない。

そもそも世の中にそんなにSPAがあるのか

世の中の絶対数は知りませんが、自分脳内ではもう「ページ遷移しない方がずっと楽に開発できてユーザ体験も向上するのに、敢えてそうしない理由がない」という至極単純な話なので、そこは悩むところではないです。ページを複数作り、<input type="hidden">とかセッション変数とか駆使する面倒ごとは、書かないでいいなら二度と書きたくない。

というか、ちゃんと書かれたSPAは使っていてSPAであることにそもそも気づかないので、「SPAから使いづらい」という主張はよく分かりません。GitHubTwitterサイトSPA的なことをしている故に使いづらいでしょうか。偶然タブを開いてたので調べたらそうだったから紹介しますが、例えばWebpackのドキュメントサイトは(Reactではないけど)SPAで、ブラウザMarkdownレンダリングしていますhttp://webpack.github.io/docs/ )。サーバサイドで動くスクリプトタスクゼロ個人的にはこういう使い方で十分嬉しいです。

何にせよReactのメリットが真に活きるのはある程度の規模以上だと思うので、小規模で導入してjQueryより短くならないことは普通にあります自分中の閾値としてはJSコードが数百行超えるならもうReact使う。

JSXを使うことに抵抗ないんですか?

んー、要するに「別物であるDartCoffeeScriptは許すけど、ES6で書く以上はES6外の独自構文を混ぜるのは許さん」という主張だと解釈したのですが、そういうことですか? 正直その主張を聞いたのは初めてです。歴史的JSXとES6は完全に独立して発明されました。最近になってBabelが両方同時に扱えるようになりましたし、Babelはまさにそういう拡張性を重視しているツールです。それは「ああ便利になったね」というだけの話であり、なぜ「ES6とJSXは混ぜるな危険」となるのかよく分かりません。現にこれが最も標準的で人気の組み合わせです。

JSXを使うことへの抵抗」ということなら、とにかく見た目にコレがキモいと感じる人が非常に多いのは事実です。現に、JSXより見た目がキモくないことを売りにしている仮想DOM実装一定の人気を博していたりします。でもそういうライブラリは「キモさ」軽減のために結局新たな構文やら独自コンパイラやらを編み出して柔軟性を犠牲にしていますJSXは「関数呼び出しのシンタックスシュガーJavaScriptに1個導入するだけで問題を概ね解決する」というシンプルかつ一番表現力の高い解決方法だと思います仮想DOM思想に逆らわない最も素直なやり方であり、将来長持ちする気がしています

はい所詮JSXシンタックスシュガーなので、使いたくないなら使わず本来関数スタイル仮想DOMを書いてReactを使ってもいいです。タイプ量が増えて若干見づらくなるだけなんで。

それと、JSXじゃなくてテンプレートでいいじゃん的に思っているようですが、テンプレート仮想DOMでもなければJavaScriptでもないので、速度や機能の面でReactがやっていることに遠く及ばないと思います

5年後のビジョンがありますか?

Reactはもう登場して3年経過して未だに勢いが増していますし、日常で困らないレベルコンポーネント集も揃っています。React-Bootstrapはいいぞ、心が豊かになる。そろそろ採用してもアーリーアダプターとも言えんでしょう。むしろ真に先端を見るのが好きな人に言わせりゃ、2015年なんて「Reactが淡々成熟していくのを見ているだけの、つまらない年だった」みたいな感じらしいですし。

Reactは現時点で既に3年に1回レベルのビッグウェーブであることは疑いようがなく、「これが10年に1回、つまりjQuery以来のビッグウェーブなのかどうか」については、そう信じている人と懐疑的な人がいる、という状況です。私はAngularもCoffeeScriptも「3年に1回」レベルに感じたのでスルーしましたが、Reactには「10年に1回」の方になりうる素質を感じています個人の感想です)。将来もっと凄いものが出るとしたって、それは「ベターjQuery」ではなくて「ベターReact」でしょう。通常は「3年に1回」レベルでも試したり仕事に使ったりして構わないと思いますが、10年に1回の技術でなければ使わない主義の方は、あと2~3年待てばよいと思います

保守性に関して言うと、Reactは典型的な「ひとつの事だけをとても上手くやる」系のライブラリです。考え方のコツさえ掴めば、記憶すべき要素はjQueryやAngularと比べても圧倒的に少なく、むしろそこらのテンプレートエンジンを覚える方が面倒なくらいです。10年後に見ても何をやっていたのか30分で思い出したいというのであれば、むしろAngularとかよりReactを採用すべきだと思います

jQueryからReactに移ろうとしてる自分個人的理由

http://anond.hatelabo.jp/20160521163144

内容から誰が書いてるかわかるかもしれんけど、まぁスルーよろしく。

jQueryもそんなにガッツリ使ってるわけでもないし、Reactはまだリリース前の調査下地作りの段階だけど

正直言ってjQueryに戻るつもりは毛頭ないぐらいReact便利だと思ってる。

でもjQueryを捨て去れるかというとそれも無理だと思ってる。

その辺のことを適当に書いてみる。


用途

社内サポート的なことやってて、サポートテンプレート対応を省力化するために

Webツール作って人が対応するコストを減らすために使ってる。

チーム組んでガッツリ大規模ツール開発ってわけでもない。

jQueryで一つツール作ってリリースしてそこそこ人的コスト削れたのはよかったと思ってる。


jQuery脳内DOMリーとの格闘に疲れ果てた

最大にして一番の理由がこれ。

そんなに大規模なアプリケーション作ってるわけでもないし、関係者も俺一人だけど正直DOMリー脳内でくみ上げるのに疲れた

500行もいかないようなショボいコードでも脳内DOMリーと格闘するのしんどい。

DOMリー触るほうが楽ってみんなどの程度のコードでそんなこと言ってんの?

そんなスーパーハカー揃いなの?信じられないんだけど。


React-Bootstrapかいう神コンポーネント出会った

オリジナルbootstrapはどうしても頭に入ってこなかったし、手を付ける気にもならなかったけど

React-Bootstrapマジで楽だし、スッと理解できる。マジ最高。

Bootstrapってこっちを本筋にすべきじゃね?と割とマジで思ってる。

まだ触って3日も経ってないけど。


ページのほぼすべてがjsに集約できる

これはちゃんとしたWeb界隈の人は利点と思わないのかもしれないけど

一人でいろいろ賄わざるを得ない俺みたいな人間にとってはマジで楽。

ベースHTMLにはベースのdiv一個載せとくだけで後は全部js

レイアウト大元コンポーネントでReact-Bootstrapで組んで、あとは各コンポーネント

個別に作っていけばいい。

HTML見て、CSS見て、JS見て、っていちいち記述方式の違うコードを見る必要がないのは

少なくとも俺にとっては一番楽。


でもjQueryも完全には捨てられない

やっぱまだReactはコンポーネントがそんなに揃ってないんだよね。

からjQueryも使わざるを得ないけど、それも一つのコンポーネントに閉じ込められるから

管理が楽。

極力なくす方向で行くつもりだけど、今はまだ両方使ってる。


JSXは汚くて気持ち悪いけど、コードで書くのはもっといから仕方なく使う

あの気持ち悪いコード考えた人はマジでいい意味でも悪い意味でも頭イカレてると思う。

気持ち悪くて仕方ない。いまだに大嫌い。

でも書くコード減らせて楽なんだよね。だから仕方ない。

どんなに気持ち悪くても、結果が伴う以上使う。


5年後なんて自分の姿すら思い描けないことは考えない

5年後も自分がこの仕事やってるかどうかもわからんからそんなこと気にしたことない。

今ある仕事をなるべく早く簡潔に実行するために最適だと思ってるツールを使ってるだけ。

それがかつてはjQueryだったし、今も一部jQueryだし、大半がReactになろうとしてるだけ。

将来まだこの仕事やってて、もっと有用ツールがあればそっち使う。

別にツールにこだわるつもりは毛頭ないから。

Web界隈の人はもっと真剣考慮すべきかもね。


ちゃんとしたWeb界隈の人のちゃんとした意見も見たい

俺みたいな一人前にすら届いてない奴の意見なんぞ必要ないだろうけど、

自分の今の考えを書いておくと後で見返せるかなと思って適当に書いてみた。

ちゃんとしたWeb界隈の人にとってこの辺の問題ってどんなもんなんだろうね?

みんなも増田ポエム、書こう!

2016-05-15

デザインが全くできない趣味プログラマー、辛い・・・

家でもアプリとかWebサービス作るのが趣味プログラマーだけど、

作ったものデザインが基本糞ダサくなるから本当モチベーション下がる

だってさ、どんだけ最新技術とか詰め込んだって時間つぎ込んで作ったって

アイディア面白かったってデザインダサいクオリティが低いってことじゃない

他の人が作ったサービス見てても法人が作ったサービス

個人プログラマーが作ったサービスって機能性は負けず劣らずでも

「あ、これはデザイナーを雇う金のある法人が作ったサービスだ」

「あ、これはデザイナーを雇う金のない個人が作ったサービスだ」

って直感にわかちゃうよね

こういう感覚って多分リテラシーがかなり低い人達でも割りと瞬時に感じ取ってると思う

最近デザイン用のフレームワークなんてものであるがそんなもの騙し騙し使ってもやっぱりダサいものダサい

たまーに設計からコーディングデザインまで全部一人でやってるっぽいのに

法人顔負けのデザインができてる人も見るけど、本当羨ましい

自分ゲームあんまり作らないけど、ゲーム製作趣味プログラマーなんて

もっともっとこういうデザインできない現象に悩まされてるんじゃないか?って思う

アプリWebサービスよりずっとクオリティデザインが直結して評価されそうだし

ツクール程度ならともかく下手するとデザインできない=作ることさえできない

みたいに技術はあってもスタートラインにすら立てないってことも結構あるんじゃないか

世の趣味プログラマーはこういう悩みをどう解消してるんだろう

BootstrapバリバリWebサービス作るのはもうやだよ・・・

2015-12-29

はてなブログランキングコメントが多かった順ソート

手持ちのプログラムちょっと手を加えれば作れそうだったので作ってみた(総工数0.5MH)。最下位2つが404になってたおかげでちょっと変なことになってるけど、だいたいこんなもんかな。いわゆるホッテントリーに上がる記事を大雑把に分けると、

  • オピニオン系
  • インフォメーション系

に分かれる(勿論ミックスもあるけど)。諸君が『くだらねー』と思っている、エクセルだの英語だの簿記だのは後者だな。ただ、はてブはSNSとして機能している側面もあるけど、SBMが本来の目的である以上、インフォメーション系の記事も当然上位に上がってくる。まあ、ブコメが盛り上がっている何か?を表示出来るようにしたいんだったら、日曜プログラミングでちょろっと書けば?と思う今日このごろ。

ブログに書くほどの話じゃないので、スペースお借りしますm(_ _)m

コメント順位ブクマ順位URLBOOKMARKCOMMENT
193居酒屋や焼き鳥屋でドリンクを頼まずにご飯だけを食べていく客が増えているらしい - 無職透明な日々はナニイロに染まるか1033673
24ドワンゴは大量退職に関する印象操作をやめろ - hiroki-uemuraのブログ2281631
330はてなTシャツ2015販売スタート!プレゼントキャンペーンも実施します! - はてな広報ブログ1396617
422UQWiMAXに対して3日で1000人以上が詐欺だと訴える現状、消費者の意思はどうすれば伝わるのか。株主である京セラ等。国の機関である経済産業省等。その他全てに連絡して得られたもの - モバイル健全化への一歩1476474
5122ルミネの働く女性たちを応援するCMが酷い内容だった - 田舎で底辺暮らし968472
6128ブレンディのCMマジで気が狂ってる。作った人頭大丈夫? - タコの卵951465
72まずはおめでとう。7億は人生を買えるお金で、あなたは賢く立ち回れば一生..2344463
8176はてな、国内初ソーシャルブックマークサービス「はてなブックマーク」開始 - プレスリリース - 株式会社はてな848462
917なぜドレスの色の錯覚はおきたか?-色の恒常性- - Sideswipe1528453
1034「童貞を殺す服」のブランドを集めてみた - あめ姫は友達が少ない1367451
1133某R社を5日でクビになった話 - Code.io1371449
1235佐野氏のこと1359448
1381本当に悲惨な独り身の最期1061438
1426消滅会社 AppBankGAMESを終えて・ゲーム作りで大事なこと - hotmiyacchiの日記1453429
1563元車掌が語る指定席問題1137417
1695追)無課金で数年続けていたソシャゲをやめて分かった、ただ1つの事実1030413
1757子猫を殺す仕事 - orangestarの雑記1188389
1871健康になろうと自転車通勤を始めたら、逆に不健康になった話 - 今日学んだこと1114383
1968大手飲食チェーンのクレカ導入に絡んだ事ある者だけど1123379
2088炎上したブレンディのCMを冷静に分析する - MistiRoom1044365
2139Yahoo!チャットって場所があったんだよ1304355
22152そんなにプライベートを犠牲にして大丈夫? - kurainの壺892351
2397なぜラノベ原作ヒロインは3分以内に脱ぐのか - 本しゃぶり1022347
24170「文庫女子」フェアが色々ひどすぎた - 田舎で底辺暮らし859347
2560父が子育て身代金を減額した話 - wHite_caKe1153332
265二次元画像を拡大したいと思ったことはありませんか? - デー2136323
2748「ドラゴンボールはフリーザ編で終わってたら名作だった」とかのたまう輩に鉄槌を下しブウ編がいかに最終章として素晴らしいかを力説するための覚え書き - 銀河孤児亭1253323
28134ライブによく行く人(特に女性)は耳栓を買ったほうがいい~ライブ難聴で耳が聞こえなくなりました~ - 二度漬け禁止940323
29169スーパーマリオメーカーとかいうゲームはヤバイ860322
3075「ラッスンゴレライ」はどこが面白かったのか - 日々の音色とことば1090318
317とにかく"デカい肉"を買え! 元肉屋が教える「肉のハナマサ」徹底攻略法 - みんなのごはん1948316
32187大人になるのが怖い、またはマジメ系クズについて - orangestarの雑記839315
33171http://anond.hatelabo.jp/20150305021937 はあああああああ!!!????? 貴方のこ..854313
3415新卒で就職する以外の選択肢 - shi3zの長文日記1553311
35148はてなブックマークは「RSSリーダー」の開発に取り組んでいきます - はてなブックマーク開発ブログ897311
3672長年医者に見落とされ続けた体調不良が難病だと判明した - Soyのブログ1108301
37118いま失敗すれば、日本終了。 - デマこい!973299
38150仕事ができず、技能もない俺が会社で生き残っているやり方892298
3980俺が小学2年生のとき書いた『おこるとどれだけそんするか?』がヤバい。 - 日々、とんは語る。1072288
40108ユーザーを馬鹿にし続けた「UQ WiMAX」に対する集団訴訟を起こしませんか?※追記あり - モバイル健全化への一歩997284
4138「銀行から1万4000件の情報流出」を当事者目線で解説したい1305277
42131オッケー、キリスト。ところで、あたしの誕生日の話も聞いとく? - 私の時代は終わった。943273
4383凄すぎて意味不明の最強超人OS Windows10が爆誕!!! - shi3zの長文日記1054266
44471261262
45133澤なんて大したことない。 - Yukibou's Hideout on Hatena939260
4685IT業界でありがちな説明下手について - 文系プログラマによるTIPSブログ1053256
47160バグをドラゴンと呼ぶ運用を始めて1ヶ月くらいたった - Konifar's WIP876255
4845君は批判する権利があるか? 批判のマナーを教えてくれた教授の一言が人生でめちゃくちゃ教訓になっている - 人生かっぽ —佐藤大地ブログ1268254
49117第三次ブラウザ戦争がそろそろ閉幕します - latest log975250
50144ゲーム内チャットが諜報機関にとって悪夢である理由904246
5196資生堂ショック報道への反応のズレ1026245
5258列管理の難しさとコツ1181240
53641137237
54151個人店に大切にされる1人飲み食いの仕方について - ベンチャー役員三界に家なし893235
55195娘が生まれて思ったこと820233
56129ITエンジニアの私が漁師の嫁になって離島に引っ越した結果... - hayashi_77のブログ958230
5728起業支援者なんだけど、普段は言わないことを書く。酔ってるから。1442229
58186開発途中で退職したエンジニアの責任 東京地判平27.3.26(平26ワ12971) - IT・システム判例メモ839222
5942小学校高学年に読んでほしい50冊。いや、「子どもと一緒に読みたい本」。 - いわせんの仕事部屋1279219
6021( ・3・) クラシック好きの上司がジャズを聴きたいと言いだして1483218
61180若い君へ845215
6276 日本年金機構の情報漏えいについてまとめてみた - piyolog1085209
6353勉強ができる人とできない人の、ノートの取り方における決定的な違いについて - さようなら、憂鬱な木曜日1205208
6456一人暮らしを始めた新入学生・新入社員へ、服が雑巾臭くならない方法1195205
65137写真はモテるよ933205
6674 Superfish/eDellRootが危険な理由 - めもおきば1094202
6716年150万は食費に突っ込む女が本気で薦める、20代で通っていたお店 - 外資系OLのぐだぐだ1535197
68158たかがレシピサイトに何故こんな技術力が必要なのか - クックパッド開発者ブログ881196
69109一歩踏み出してよかった990195
7069あるシステム屋さんが平均残業時間一桁を実現した方法 - ゆとりずむ1119193
7189やりたいことだけやって生きていきたいなら、人の言うことは、一切、聞くな【ロボット工学者 石黒浩さんの仕事論】 - リクナビNEXTジャーナル1038193
7214「持ち家」がいいか、「賃貸」がいいか。 - それ、僕が図解します。1591190
7325【永久保存版】地元・大阪人が選ぶ「大阪で絶対に食べたい厳選たこ焼き8店」 - みんなのごはん1459190
74164一人暮らしだワッショイ868190
7537年働いた時点での私の仕事の極意 - Kengo's blog2365189
7636アメリカの大学で受けたソフトウェア工学の授業が実践的ですごかった話 - すてにゃんのガチ勢日記1349184
7765 AWS で不正アクセスされて凄い額の請求が来ていた件 - yoyaのメモ1133184
78182リーマンショックの時にFXで大きな損失出した俺がどうやって立ち直ったか書く842179
79174「フジロックの行方」と「すべてのジャンルはマニアが潰す」という話 - 日々の音色とことば850177
80189OLの事務vim日記 - 藻ログ834174
818安定寄りの零細IT会社を作って1年ちょいで得た知見 - terurouメモ1856172
8220SEの僕が業務でバリバリ使うExcel術14選+おまけ - 技術を磨くだいぱんまん1482171
83200僕がアクセンチュアを辞めた理由 - 元外資系コンサルタントがなぜ鎌倉で自給的生活をはじめたか?817169
8459「30過ぎたら利息で暮らせ」を意識しないと人生が詰んでいく - 太陽がまぶしかったから1171163
851753万円以上する靴を大切にする費用対効果の話 - ベンチャー役員三界に家なし851163
867730代で部長になった私が泣かされた「年上の部下」の実在サンプル7人衆とその上司としての接し方 - ひかる人財プロジェクト1082161
8751英語で「宜しくお願いします」をどう書けば?"ニュアンス語"を簡単に伝える英文メールの書き方 - 外資系OLのぐだぐだ1223160
88197人気ライターのヨッピーさんにオウンドメディアやPR記事について聞きました「大事なのは目先のお金より面白さ」 - はてなビジネスブログ820158
89103科学的調理法で作ったお手軽一人鍋がやばかった1010153
90166大企業で働くために必要なこと863152
9162これが大規模SIerな弊社のデファクトスタンダードな開発スタイルだ!! - そこに仁義はあるのか(仮)1143151
929826年間童貞だったぼくが彼女をつくるために学んだ4つの教え - 人生いつも三日ボーズ1023151
93198ディープラーニングでおそ松さんの六つ子は見分けられるのか 〜実施編〜 - bohemia日記822151
9410簿記の基礎と基本について10分くらいで分かるようにまとめてみる - ゆとりずむ1796148
95172何故、余っていたはずの会計士が足りないのか。854148
9623詳細PDF入門 ー 実装して学ぼう!PDFファイルの構造とその書き方読み方 - プログラムモグモグ1479145
97142プログラミング上達するためにだいじだなぁとおもったこと一覧907144
98105IT屋必見! 『コマンドプロンプト』のストレスが少し減る小技集 - ゆとりずむ1009143
9991無線LANは、素人は手を出さない方がいい - 中小事業所のオフィスインフラを考える - なからなLife1040140
10073修繕費を追加で払わなくて済んだ話1102136
101191「、」の打ち方ご存知ですか? だれも教えてくれない作文の技術 - モノよさらば832134
102132 「自分の考えがない」という人は考えたことを言語化していないだけかもしれない - 発声練習941133
103119[リスト]日常のいろんな現象972132
10466将棋の初心者がたった10ヶ月でアマチュア1級を取る方法 - コスパ最強!!一人暮らしの簡単節約料理レシピ1133130
1051【無料】最強のオンライン英会話学習サイトVerblingをなぜ誰もオススメしないのか - きりんの自由研究2614127
106199gumiという錬金術に群がった人々と、日本のスタートアップ業界の暗部【1】820127
10711もう全部パワポで良いや!PowerPoint魔改造アドイン7+1選 - リクナビNEXTジャーナル1695126
10841 プログラマ向けに書かれた「Soft Skills」という本がすごいという話 - サンフランシスコではたらくソフトウェアエンジニア - Higepon’s blog1290121
10961ジャズは古臭いと思ってるあなたに捧げる10曲1146121
110126行きつけのバーにあるウイスキーを全種飲んだ僕が初心者にオススメのスコッチを20本選んでみた。 - 道しかひかない堀江くらはのブログ961119
111141帰宅10分システマチック晩ごはんのススメ - glasstruct log912118
112372015年Webサーバアーキテクチャ序論 - ゆううきブログ1334117
113163そろそろ「プログラマー35歳定年説」を徹底論破しとくか - 書架とラフレンツェ869117
11484若者の保険の入り方を教える1052116
11554ジャズで食ってる俺がジャズ聴き始めたい人にオススメするTOP 101201115
11646意外と知られていない、はてブの神機能 - 誰も知らない世界がある。1265114
11749仕事が丁寧で遅い人に共通する、たった1つの問題点とその対策。 - プロジェクトマネジメントの話とか1241114
118183家庭にプロジェクト管理ツールを導入してみた - Mana Blog Next840114
11982子どもに「相対性理論って何?」と聞かれたときのために概要を分かりやすく簡単に解説してみた - Yukihy Life1060113
12090まるでモッツァレラ!? 塩と豆腐だけで作る「自家製塩豆腐レシピ」を絶対に試すべき - みんなのごはん1038110
121188リーダーをやって見えたこと、メモ836110
122168コレより主婦に優しいレシピを私は知らない…白菜と豚肉の味噌鍋 - 今日、なに食べよう?〜有機野菜の畑から~862109
1236799%減資とは何か? - ゆとりずむ1133105
12440WEB系各社で使われている監視ツールまとめ - mikedaの日記1295103
125127「仕事ができる」「仕事ができない」って要するにどういうことなん? - ひかる人財プロジェクト958102
126123エンジニアが左うちわでホクホクする。AmazonEC2を使い月額1000円程度で24時間FX自動売買環境を整える方法 - 電脳ミツバチのコンピュータ広報室96599
127155暇だったからValveの新入社員用マニュアルを2万字ぐらいで翻訳してみたよ - ゲーマー日日新聞88799
12812高速で論文がバリバリ読める落合先生のフォーマットがいい感じだったのでメモ - 書架とラフレンツェ166298
129185今更だが公認会計士がシャープの99%減資をざっくりと解説する。83998
130107夏の技術職インターンシップ講義資料公開 - クックパッド開発者ブログ100097
13178鶏胸肉のパサパサがやわらかくジューシーに?魔法の水を使った我が家の人気メニューとは。 - 家計とお買いモノと。108295
13218ご飯2合ぐらいならすぐに食べてしまう美味しさ「ネギ塩チキンライス」 - オレシピ - 俺のレシピはお前のレシピ-153194
133178【中毒性注意】えのきの旨味を爆発的に引き出すやみつき廃人飯レシピ - みんなのごはん84594
134181私はコレのおかげで結婚できたのではないか?…と思っているレシピ - 今日、なに食べよう?〜有機野菜の畑から~84393
135114新卒ソフトウェアエンジニアのための技術書100冊 - クックパッド開発者ブログ98192
136177日本語Webフォントの革命 - 3846masa's memo84792
13750ブログ収益が月10万円を越えたので、SEO対策とアフィリエイトについてまとめてみる - Literally123690
1381254か月分のエリ袖汚れが本当にきれいになった - AR LOG96289
1399Excelの本気!作業効率をアップする衝撃のアドインとツールまとめ - リクナビNEXTジャーナル181787
140106副業としてウェブショップを経営して1年100785
1416ある程度パソコンが使える人が「Excelが使いこなせるようになりたいぞー」と思ったときに独学できるサイト4個。 - おしい県でWebに携わって働く人のブログ203184
142120はてなブログでの収入が10万円を超えたので色々とまとめてみるよ - ゆとりずむ97383
143124プログラミングが捗りすぎる!コーディングに最適なフォント12選 - paiza開発日誌96282
14432誰にでも物語を作れる方法をアドバイスする番組がもの凄く良かったのでメモ!! - 強火で進め138081
145101本当に洒落にならない99%治る腰痛の治し方 - ドラねこ読書日記101381
146146Webシステムにおけるデータベース接続アーキテクチャ概論 - ゆううきブログ89977
14752「世界文学ベスト100冊」は、どの1冊から読み始めればいいか - キリキリソテーにうってつけの日120976
148190ビル・ゲイツ絶賛!Microsoft澤円氏の「結果を出すビジネス会話」6つの極意 - リクナビNEXTジャーナル83376
149100みんなで行くと間違いなく盛り上がる“インパクト肉”の名店7選 - リクナビNEXTジャーナル101574
150140世界で1番美味しいトマトソースの作り方 - コスパ最強!!一人暮らしの簡単節約料理レシピ91474
151196無印良品を愛するMUJIラーが選ぶ、本当に買ってよかったモノと活用事例を紹介します。 - 家計とお買いモノと。82174
152145Mac の開発環境構築を自動化する (2015 年初旬編) - t-wadaのブログ89973
153149ブログを始めて1年で毎月9万円稼げるようになった超具体的な方法 - やぎろぐ89273
154153俺の知ってるアイロンと違うんだが・・・洗濯王子の魔法のアイロン術 - BLUE PLANET89173
15555英語初心者がたった3ヶ月でTOEICで800点取る方法 - コスパ最強!!一人暮らしの簡単節約料理レシピ119772
156159絶対に喜ばれる!一流出版社の編集者が実践する差し入れ術と接待の鉄板店【中川淳一郎の「今も飲んでいます」第八回】 - みんなのごはん88272
157173はてなで大規模サービスのインフラを学んだ - ゆううきブログ85271
15843データサイエンティストというかデータ分析職に就くための最低限のスキル要件とは - 東京で働くデータサイエンティストのブログ127470
159112「もう少し面白い文章を書きたい人」に、読んでみてほしい7冊 - いつか電池がきれるまで98668
1601301/2個ぐらいならペロリと食べられる。白菜大量消費におすすめ「白菜のナムル」 - オレシピ - 俺のレシピはお前のレシピ-94767
161147Backbone.JSからAngular2まで、全9大JavaScriptフレームワークを書き比べた! - paiza開発日誌89764
162121満足できる物件を探すために僕がした事 - 文字っぽいの。96963
163167営業出身の30代おっさんがプログラミングで人生を変えた話86363
164193【瞑想】一流企業が続々導入!脳の究極メンテナンス術を分析・実践しよう。 - プロジェクトマネジメントの話とか82862
16513催促・お詫び・お断り…送りにくいメールをスマートに送る プロの具体文例集 - リクナビNEXTジャーナル163260
16631株式投資をやるなら絶対読んでおきたい本 - クソログ138560
16724メールで使える英語のつなぎの言葉147559
16844資料作成スピード3倍?本当に使えるパワポ&ワードの厳選高速化テクまとめ - リクナビNEXTジャーナル126858
16919【永久保存】人生を最高に楽しくするTEDおすすめ10選 - コスパ最強!!一人暮らしの簡単節約料理レシピ150857
17029「わかりやすい説明をする人」と評価されるプレゼン術。作り方と話し方。 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】141156
17170LCC格安航空券セール情報を見逃さないための3サイト - きりんの自由研究111556
172136アフィリエイトで月100万円稼ぐための考え方と手法 - 冒険の書93556
173102英語を辞書なしですらすら読めるリーディングスキルは、こう勉強して身に付けた - こんにゃくマガジン101355
17479ITエンジニアなら知っておきたい、今更聞けないアルゴリズムの種類一覧 - paiza開発日誌107454
17527英語勉強中なら絶対読んでおくべき、2014年話題の記事ベスト50 - enticle144451
176165ネットで簡単にプログラミングが勉強できるProgateが凄すぎる件について - タコの卵86551
177156アフィリエイトサイトを制作する時に見本にしたいサイト11選+αとサイトをチェックする際の注意点 - 冒険の書88450
17894勉強で最も重要な「反復訓練」の手順。これ無しに熟練者になることはあり得ない。 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】103548
179110「考えが浅い」「発想が平凡」なのは、"考えるステップ"を実践していないから - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】98945
180143Bootstrapよりキレイ!Googleのマテリアルデザインキット - ku-sukeのブログ90845
181161このクオリティで全部無料!?語学学習Youtubeチャンネル55選! - ただの妄想87442
18286たった4ヶ月でTOEIC350点から日常英会話が出来るようになった英語勉強方法 - TAKULOG 3104940
18399英語を学ぶのに最適! おすすめのYoutubeコメディ番組チャンネル5選 - 大阪でベンチャーやってます102040
184138集中力と記憶の定着率が高まり、体系的な知識が身に付くアウトプット勉強法 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】93240
185162はじめてでも爆速でCentOS6.6(さくらのVPS)をセキュアにセットアップする方法まとめ - 憂鬱な世界にネコパンチ!87340
186154読みやすくて分かりやすい会計入門書三選(簿記・財務会計・管理会計) - ゆとりずむ89139
18792独学に最適!初心者が短期間でプログラミングを学べるサービス11選 - paiza開発日誌103637
188104もっとお金について詳しくなれる記事まとめ(2015年版)!住宅や税金などの家計に関するお金から、経済、金融、投資まで幅広く紹介。 - クレジットカードの読みもの101133
189135データサイエンティストを目指すというかデータ分析を生業にするなら読んでおきたい初級者向け5冊&中級者向け12冊(2015年冬版) - 東京で働くデータサイエンティストのブログ94333
190179【常備菜】作り置きできるおかずのレシピ15選 - やぎろぐ84632
191192英語の勉強に超役立つ!絶対におさえたいおすすめの良記事・良書・良アプリ51選 - Appism83032
192111提案書や企画書づくりが驚くほど捗る!無料で入手出来る統計データ総まとめ。 - 髪の毛がフニャフニャすぎて泣きたい。98931
193157初心者でもほぼ無料で楽しくRubyを学べるコンテンツ12選 - paiza開発日誌88231
194184勉強に役立ちそうなエントリの一覧 - 大人になってからの再学習84331
195115初心者でもほぼ無料でJavaScriptを勉強できるコンテンツ17選 - paiza開発日誌97729
196194TOEICは教えてくれない、日常英会話のざっくり学習法 - やじーのブログ82729
197116株式投資の初心者向けまとめ(入門者用の自薦記事) - 株式、FXのまとめ解説ブログ97725
198113WEB界隈で働く人が重宝しそうな「WEBマーケティング」と「SEO」のチートシート6+2個まとめ。 - おしい県でWebに携わって働く人のブログ98222
199139はてなブックマーク - 【悲報】NHK の『おかあさんといっしょ』が残酷な格差社会の現実を描写! - この世の果てブログ54
20087はてなブックマーク - だいたいひとりで、あんまりお金をかけずに株式会社を作る方法。あと必要な費用とか。 - Pythonでも金融工学でもない。30

2015-10-19

WEBページでPOSTされないよ~

PHPHTMLコーディングしていて、とあるフォームのあるページからさっぱりPOSTで送信されない。formのmethodをGETに変えてみてもだめ。

print_r($_REQUEST) としても、 Array() と表示されるだけで中身が空っぽ

bootstrapを使っていたのでそれ絡みかなとか、いろいろ悩んでしまった。結局inputタグname属性指定を忘れていたからだった。id属性だけは指定していたんだよね。ありゃま...

調べている途中で、IEのあるバージョンでは、form中にinputタグが1個しかないと、その内容がPOSTされないらしい。とんでもないなぁ...

2015-07-14

童貞プログラマーエロサイト作ってみた

作ったサイト

AV女優検索

http://pornstar.jp/

かつて好きだった人の写真好きな芸能人写真から顔が最も似ているAV女優検索するサービス

既に好きなAV女優から新たなAV女優を発掘するという利用もできます

動機

僕はAV女優を顔重視で選ぶのですが、いろんなエロ動画サイトを見ていると、有名ではないが、自分の好みな顔のAV女優を見付けることがよくあります

既存エロ動画サイトテキスト検索することは可能ですが、もしかしたら、まだ自分の知らない自分好みなAV女優がたくさん存在するかもしれないと

もし顔で検索できれば自分AVライフもっと楽しくなるだろうと一念発起して開発しました(開発期間は半年くらい)。

システム構成

レンタルサーバーGMOクラウド Public
WEBApache
DBMySQL
プログラミング言語PHP
フレームワークCakephp
UIBootstrap
認識Face++

簡単に仕組みを説明すると、

①DMMのサイトスクレイピングしてAV女優基本情報名前スリーサイズなど)を登録

②DMMのAPIを利用して、それぞれの女優作品を取得して、パッケージ写真中の顔面積を測り、最も面積が大きいパッケージ写真登録

ユーザーアップロードした画像からFace++のAPIを利用することで顔検索して、最も似ているAV女優を8人表示

終わりに

今はまだ、顔認識を他のサービスに頼っているので、いずれ内製化して全て自分で開発したいと考えています

また、今は静止画でとどまっているので、動画範囲を拡げて、画像アップロードすると、

自動的画像に似た女優が出演する動画を表示する仕組みも開発したい思います

2015-05-05

GWで暇なのでWEBエンジニアエロサイトを作ったがアクセス0な話

GWで暇なので、エロサイト作りました。(宣伝です)

これです。

エロ動画マガジンエロマガ」

http://www.eromaga.me/

よく「エロサイト作ってみた記事でバズったりしていたので憧れていました。

ので書いてみます。(興味ない方はすみません

スペック

20代後半

WEBエンジニア

Rails開発 または iPhoneアプリ開発がメイン

コンセプト

GWを使って、効率よくエロ動画サイトを立ち上げる

使用したもの

言語 → Ruby, HTML, CSS, java script

フレームワーク → Ruby on Rails

サーバー → Heroku

デザインテンプレート → Bootstrap(Bootswatch)

やったこと

さて、仕事エンジニアということもあり、技術的に苦労したわけでも、勉強時間がかかったということでもありませんので、

今どきのエロサイトを作るために、効率よく作れるポイントを書いていきたいと思います

AV女優一覧APIを使って8000人分の女優情報を取得する

http://apiactress.appspot.com/

このAPIで、簡単にあいうえお順に8000人のAV女優名前顔写真といったデータを取得することができます。コレを活用して、収集した動画データタイトルマッチングさせて、「◯◯の出演する動画」といったデータを作ることが出来ました。

RSSリンクの検出プログラムを書くことで初期から500サイト巡回が可能に

大手エロ動画アンテナサイトなどでは、数百サイトクローリングをしていますしかし、1件1件、RSSリンクを調べていては日がくれてしまます

ある大手エロ動画サイト巡回先をリストにして表示していてくれましたので、これを整形して、サイト名、URLリスト作成しました。そして、この

URLからRSSリンク抽出するプログラムを書きました。それにより、一瞬で数百サイトRSSリンクリストを手に入れることができました。

ユーザービリティを高めるために、重要タグリストを作り、タイトルマッチングさせ、「巨乳検索を可能に

人妻熟女ギャルといった重要キーワード検索できることも重要です。そこで、ここでも大手サイトトップページに表示されていた50個ほどのタグ

重要タグとして位置づけ、タイトルマッチングをさせました。こうすることで、巨乳動画貧乳動画などが探しやすくなりました。

また、URLからmeta keywordsを取得して、それを単語に分解してのタグ付けも実施しています

デザインテンプレートを使うことで、そこそこイケてるサイト作る

Bootstrap流行りましたが、そのままでは、流石にダサいということで、https://bootswatch.com/デザインテンプレートを使用しました。

うーん、そこそこイケてるデザインが簡単に作れますね(汗)

結果

こういった流れで約5日で、

・500サイトから情報収集、10000本の動画情報

8000人のAV女優情報

巨乳ギャル人妻などの主要キーワード検索

・もちろんスマホ対応も済

といった主要な機能を備えたエロ動画を立ち上げること出来ました!

が、しかし、・・・

まだアクセス自分しかいません。。。是非、皆様ご利用下さいm(_ _)m

エロ動画マガジンエロマガ」

http://www.eromaga.me/

2015-04-06

WEB製作している人に聞きたいんですが。

今年で社会人2年目です。

皆さんは、社会人になっても勉強し続けていますか?

どうやったら、日々新しい知識や技術を学ぼうという姿勢が持続すると思いますか。

当方webデザイナーを名乗っています

小さい会社WEB担当当方一人で、WEB製作のこと以外でも業務はあり、兼任で色々やっている感じです。

全部の時間WEB製作には使えないので、主要部分のコーディングを外部に委託するなどして、

なんとか日々の業務をこなしています

DTPデザイナーとして入社して、WEBデザインもこれから学んでいきますという時に

直属の上司web担当)が辞め、初心者同然の自分が、小さな会社web担当として、

自社のHP製作や他社のHP製作管理などを行っている状態です。

デザインしてもコーディングしても、毎回これでいいのかな、正しいのかなと思うことばかりです。

WEB製作で、自分ができることといえば、

html,

css(animationとか、あいまいな部分も多々あります),

jqueryプラグインを利用する程度),

eccube(全体のざっくりとしたいじり方、更新、ページの詳細編集)

php少し(worpressが少し編集更新できる程度)

seo(アナリティクスが少しいじれる程度)

×できないこと、これから学ばなきゃいけないこと

PHP、レシポンシブデザインec-cube/wp対応させるように)、bootstrap等、

WEB担当者が身につけるべき技術・知識を、恥ずかしながらまだもっていません。

くらいです。見ての通り、知らないことや、できても浅い知識、ばかりです。

もうどこから手をつければよいのでしょう。WEB製作者として一人前になりたいのに、

現実自分が追いつきません。周りの社員の方々はWEBについて疎いので、

その若さですごいねといわれますが、そのたびに心が痛んで仕方ありません。

もっと技術も知識も積むには、ひとつずつこなして毎日毎日勉強するしかないんですよね?

どれからやっていけばいいんですか?どうやって身に着けていけばいいんですか?時間の作り方は?

モチベーションの保ち方は?

追記;yahoo知恵袋で聞いたら常識にうるさい人々から揚げ足ばかりとられそうなのでここで聞きました。

2015-03-17

グリッドシステムってどれが一番強いん?

やっぱ無難Bootstrap使うのが安定なのかなぁ。

2015-02-02

結構まじめにエロサイト作ってみた

Twitter Bootstrapの使い方を覚えるのを兼ねて、無駄に持っている技術を使ってエロサイト作ってみた

サイト

三代目アナル将軍

http://anal.tonight-dish.com/

コンセプト

環境

サイト機能

検索タグ検索等々まだまだありきたりなエロサイト構成です。

ngx_pagespeedでCSS圧縮したり画像最適化してくれたりdefer_javascriptしたりと、

ページの表示速度を優先したつもり。

Twitter BootstrapレスポンシブWebデザイン

裏側で動画タイトル入力したり、掲載掲載操作できるCMSも作って

スマホからいつでもどこでもサイト更新できるようにした。

更新してもキャッシュ残りで残念な感じにならないように、キャッシュパージ機構も作った。

ついでにpubsubhubbubへPublishも作ったけどいまいちうまく行っているかわからん

アナルについて

人間が産まれから初めて感じる快感は、排泄によるものらしい。

やっぱり男女問わず誰しもアナルが好きなんじゃないかな。

アクセスについて

リリースしてから1週間ほどだけどGoogleインデックスイマイチ

100/日ぐらい。

2014-12-18

元週6フリーターWEBサービス作ってみました。

こんにちは。2年前に『はてブ1000users超え記事アンテナ(´・ω・)』というWEBサービスを作って記事を書いたものです。

当時はWEB業界で働くことを目標にしていましたが、いろいろあって今はまったく関係ない業界会社でお世話になっています

※カーちゃんには温泉じゃないけど一応孝行出来ました。

 2年前に応援してくださった方々、ありがとうございました!

以前作ったサイトと説明記事がこちらになります

当時1000ブクマ取って感激していた記憶があります

サイト:『はてブ1000users超え記事アンテナ(´・ω・)』

 http://hatebu-1000users-over.com/

・説明記事:『週6フリーターWEBサービス作ってみました。 』

 http://anond.hatelabo.jp/20120914214121

おかげさまで少し時間が空くようになったので久々になにかWEBサービス作ってみたいなあと思って今回新しくWEBサービスを作ることにしました。

以前今回ははてなユーザーに絞って作ったサービスでしたので、今回は反対に万人受けするものを目指して作ってみましたので、ひっそりとご報告したく思います

といっても相変わらずif文を書くのがやっとのPHP初心者なので大したことは出来ないですが。。。

下記が今回の製作物になります

今回の製作

 『@漢字の読み方(β)』

 http://kanjinoyomikata.com/

 ・このサイトについて

 タイトルのまんまです。難読・人名地名熟語などの読み方を提供するサービスになります情報の取得元については、後述しますがYahoo!さんから頂いております。また、それとは別に下記二つのページへの直リンクを貼らせて頂いております

①他サイト様で同キーワード検索した場合の結果

検索したワード翻訳サイトでの翻訳結果

今回のサイトでは、descriptionタグ自動的に該当の漢字の読み方を表示する仕様にしてあるため、例えばGoogleで『鬱』と検索した場合、ページタイトルの下に『鬱の読み方:うつ/utu』まで表示されるようになっています。要するに別にサイトのページをクリックしなくても読み方自体は調べ終わるようになっています。ですのでクリックしてくださった方への付加価値意味を込めてこれらのメニューを用意しています

サイドメニュー

ニコニコ大百科(β) / weblio(類語辞典) / 人名漢字辞典 / Wikipedia / NAVEまとめ / OKWave / はてなキーワード / goo辞書 / Twitter検索 / GoogleMAP /

流行サービスからちょっとヲタものまで。

この部分に関しては今後の評判を見て取捨選択していければと思います

例えば当サイトで『破面』と検索しても『アランカル』とは表示されませんが、ニコニコ大百科さんやwikipediaさんならユーザーが満足のいく反応を返してくれるだろう、といったように、当サイトではどうしてもカバーしきれない単語の補完をしたいという目的があります

GoogleMAPについては、例えば『竜胆(りんどう)』『小鳥遊(たかなし)』といった珍しい地名検索する機会があった場合せっかくだからどこにある地名なのかもすぐに見てもらえればと思って貼らせて頂いてます

翻訳については完全に友人のアドバイスで、

アニメマンガ流行りで海外の人も漢字の読み方や意味に興味を持ってる人が多いと思う。もちろん翻訳ソフトを使って確認とかもしてるとは思うけど、簡単に調べられるに越したことではない』

とのことだったのでそれは面白そうだと採用させて頂きました。

インスパイア

・『人名漢字辞典 - 読み方検索

 http://kanji.reader.bz/

・『読み方は?』

 http://yomikatawa.com/

・『漢字辞典オンライン

 http://jiten.go-kanken.com/

・『漢字辞典

 http://kanjitisiki.com/

『読み方』サイトの先輩サイト様方。今回の製作物では大きな違いは文字を大きめにしたことや、先述のとおりdescriptionタグ漢字の読み方を組み込んでネタバレ式にしたことなどが大きな違いになります

先述とは別の友人からは『読み方系のサイトなんていくらでもあるから今更参入しても意味ないよwww』と笑われましたが、それでもまずとにかく作ってみる、やってみるというのが大事だと思います

使用した技術

①ルビ振りWeb API

 公開URLhttp://developer.yahoo.co.jp/webapi/jlp/furigana/v1/furigana.html

 ・解説:

 「漢字かな交じり文に、ひらがなローマ字ふりがな(ルビ)を付けます。」(該当ページより引用

 「そもそも漢字の読み方サイトなんてどうやって作るんだよ?」という問題を解決してくれるのがこのAPI。これがないと始まりません。知らない人に説明すると、APIというのは、

APIとは、アプリケーションプログラムインターフェイス略語で、プログラミングの際に使用できる命令規約関数等の集合の事を指す。 ソフトウェア開発の際、いちから全てを作ることは困難だが、APIを利用すればもともとあるプログラムをもとにして、自分プログラミングすることなくそ機能を利用したソフトウェア作成することができる。

というもので、これで他所からサービスデータの一部を借りることで新しいサービス製作の助けになってくれます。いろんな所から出ているのでぜひ探してみてください。

 ・参考サイト

  『Yahoo!デベロッパーネットワーク』 : http://developer.yahoo.co.jp/sitemap/

  →公式サイト

twitterbootstrap

 ・解説:前回も使用したものTwitter社が提供するCSSフレームワークサイトデザイン(外見)に使用。

  自動レスポンシブ、適当に組んでもそれなりの今風サイトになるので便利。

 ・参考サイト

  『Twitter Bootstrap』 : http://twitter.github.com/bootstrap/

  →公式サイト

  『Bootstrap 3.0入門 (全18回)』: http://dotinstall.com/lessons/basic_twitter_bootstrap_v4

  →超有名な初心者向けプログラミング学習サイトドットインストール様。

   HTML,CSS,PHPの基礎習得もこちらで。PHPhtml素人自分でも何とか今回も乗り切りました。

忍者ツール

 ・解説:前回も使用させて頂いていますソーシャル要素はやはり外せないので今回も採用しました。

 ・参考サイト

  『忍者ツールズ』 : http://www.ninja.co.jp/

  →今回使用させていただいたサービスの他にも便利なツールが盛り沢山です。

Favicon

 ・解説:前回も使用させて(ryお気に入りとかの横に出る画像のあれですね。

 ・参考サイト

  『Favicon Japan!!』:http://www.favicon.jp/favicon_auto_create/ :

  →前回も(ry 任意画像自動Faviconに変更してくれます。便利。

⑥その他

 ・使用サーバー

 『エックスサーバー』 : http://www.xserver.ne.jp/

  →前回も(ry やっぱり信頼出来るレンタルサーバー様です。

もし良かったら一度使ってみてくださると嬉しいです。ご意見感想頂ければなお幸いです。

読み方を複数表示したいのにどうしても1パターンしか出せませんでした。今後改善していければと思います

自分PHPはif文がギリギリ書ける程度の力量しかないので今回もヒーヒー言いながら作ってました。もし『WEBサービス作ってみたいけど敷居高そう』って人がいたらとにもかくにも作り始めてみてください!まずはじめるのが大切だと思います

それではありがとうございました!

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