「ページャー」を含む日記 RSS

はてなキーワード: ページャーとは

2018-07-02

はてなNG代替品 for Firefox も作った

anond:20180609124213

はてなフィルタ - Firefox 向けアドオン

https://addons.mozilla.org/ja/firefox/addon/%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF/

機能

[対象サイト]

URL概要ブロック対象
http://www.hatena.ne.jp/はてなトップブックマーク/ブログ
http://b.hatena.ne.jpはてブトップタイル/柱/レコメンド(人気エントリーもどうぞ)/特集
http://b.hatena.ne.jp/hotentryはてブホッテントリタイル/特集
http://b.hatena.ne.jp/entrylistはてブ新着同上
http://b.hatena.ne.jp/searchはてブ検索検索結果
http://b.hatena.ne.jp/entryはてブエントリ関連記事/今人気の記事/新着/ページャー/ブコメ/スター
http://b.hatena.ne.jp/$(user)ユーザーブックマークページスター

つれづれ

Firefoxアドオンについて調べてみたところ、いつの間にかWebExtensionに対応していて、ほぼそのまま移植できそうだったので対応してみました。

ソースもmanifest.jsonもほぼそのまま使えてとても楽ちんでした。いじったのはchrome.storageをbrowser.storageに変更したのと、それにともなうAddON-IDの追加くらいです。いい時代になりましたね。

公式(AMO)に登録するのに$5払う必要もしないないし。

なお、表示はFirefox57以上となっていますがVer55でも動いてます。明確に動かないのは52より前です(browser.storage.local.get不具合があるため)

Firefoxシェア10%を割ったということでどれくらい需要があるかはわかりませんが、Youtubeフィルタ(ユーザー数1)は超えてほしいものです。7月1日時点でChrome版が102人、6月9日時点ではてなNGが990人だったので、1020人くらいは…

アップデート予定

アップデートというか別アドオンになるようですが、FirefoxAndroid版でもアドオン使えるのでそちらの対応もできたらやりたいなという気持ちはあります

スマホサイトは表示が違うのでその対応ですね。うまくゆくといいのですが。

2018-06-09

はてなNG代替品作った

anond:20180323232608

はてなフィルタ - Chrome ウェブストア

https://chrome.google.com/webstore/detail/%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF/nogcpadcgpkonifnaagfghkaiiojdcap

はてなNGの代替品1.0.1を公開した

はてなNGの代替品1.0.2を公開した

はてなNGの代替品 for Firefox も作った

はてなNGの代替品 for Firefox の Android 対応

機能

[対象サイト]

URL概要ブロック対象
http://www.hatena.ne.jp/はてなトップブックマーク/ブログ
http://b.hatena.ne.jpはてブトップタイル/柱/レコメンド(人気エントリーもどうぞ)/特集
http://b.hatena.ne.jp/hotentryはてブホッテントリタイル/特集
http://b.hatena.ne.jp/entrylistはてブ新着同上
http://b.hatena.ne.jp/searchはてブ検索検索結果
http://b.hatena.ne.jp/entryはてブエントリ関連記事/今人気の記事/新着/ページャー

はてなNGにあるけどフィルタにはない機能

結果

疲れた

動機

連休なので、はてなNGフィルターを作ったらクソ快適になった話

連休(GW)が明けてもアップデートされなかったので。

6月までずれ込んだのは単にやる気が出なかったからです。

公式フィルタ機能くらい用意してほしいものです。

技術

はてなNGソース眺めながら作ったので特にないです。

HaxeBootstrapは使わずJavaScript(+jQuery)とポップアップhtml手書きしてます

アイコン適当に拾ってきたフリーのやつです。

$5は払いました。

一部サイト強制非表示をどうしても解除したければソースを直接修正して開発用パッケージとして読み込めば行けますよ。

難読化はしてないので5分とかからず外せるでしょう。アップデート適用されなくなりますが。

アップデート予定

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/

2016-12-09

http://anond.hatelabo.jp/20161209101721

表示されたものフィルタリングするだけだから増田の言うとおり「削除したぶんの補充」が出来ない。

なのでオートページャーを組み合わせるか、GoogleAPIを使って別にサービスを作るしかない。

ドメインNGは -site:xxx.com で出来るから、それを検索ボックス自動入力するとかはできるかもしれない。

でもどちらにしろ続々と登場するクズサイトを手動でブラックリスト登録していくイタチごっこなので効果は薄い。

2016-08-30

はてなブログ増田分かった事湖タッカ和田酢魔でグロ鮒手は(回文

ちょっと勉強してたの。

  1. 一日に投稿できる数は100。
  2. インポートした記事は、記事編集画面で一度更新しないとスマホで表示されない。
  3. 投稿時間がまったく同じ記事だと、記事ページ内に記事一覧やページャーが出てこない。
  4. エクスポートした記事データは順番が違っても、投稿日時で記事管理画面ではソートされる。

いろいろ勉強になるわ!

でも一番思ったのは、

はてなブログをもってしても

一日に投稿できる数は100でマックス決まってるのね!

ライドタイム

ライドン!ライドタイム

マックス姉さんに知らせなくっちゃ。

あと面白かったのは、

エクスポートしたデータは取り消せるってこと。

そして一番困ったのは

記事ページ内に「新しい記事」「古い記事」って出てこない理由が分からなくって

テンプレート問題かと思ったら、

調べたらそう言うことだったわ!

いろいろ勉強になったわ。

あと欲しいのは書いた増田エクスポート機能ね!

うふふ。

今日はいつになく真面目な話ね。

ブログマネー・タ・イズムよ!


今朝の朝ご飯リッチサンドウィッチよ。

厚切りハムサンド

彩り野菜サンド

三度拝んで召し上がれ!

デトックスウォーター

昨日は寒かったか

朝の麦茶ウォーラーちょっと寒いわね。

カーデガンをプロデューサー巻きで持って行きましょう。

オフィスの寒さ対策よ!


すいすいすいようび!

今日も頑張りましょう!

2016-04-25

http://anond.hatelabo.jp/20160419210029

届くかどうかわからないけど


最近このサイト通勤時に英語練習してて、楽しんでます

http://wordchunk.azurewebsites.net


自分の使い方はちょっと意図とは違っていて、

英単語に対して英語でどう説明するか、を練習するのにいいなと思ってます

単語レベルわけされているので、aからすべての説明を読んで、自分ならこう説明する、みたいな感じで進めています

なので実は絵は見てなかったりしま



ところで、最近アップデートで困ったことがあります

自分が見たい単語タップできなくなったように思います

PCでもスマホでも)

文字レイアウトが崩れていて、端の単語は見えません...

ページャー自分では送れないです...

単語を順に再生するボタンも追加されたようですが、これはどうやって止めたらいいでしょうか...



最低限期待することは、

です

機能や見やすUI/UXが追加されることは喜ばしいのですが、上記が使えなくなるとちょっとツライです...

おかげさまで英語勉強を楽しくできておりますので、どうぞお願いしま

2015-12-28

Vimキーバインドを忍ばせる人々

Vim(あるいはvi)のキーバインド提供する人がいる。

Vimの外でもVim風の操作ができたりするのは彼らのおかげだ。

デフォルトオプションプラグインアドオン、様々な手段提供されている。

Vimを使っている人でも使うかどうかは人それぞれだし、

どの程度Vim再現できているのかも実装によってまちまちなのだが、

なんだかんだで有名どころのテキストエディタ統合開発環境では何らかの形で提供されることが多くなったように思う。

以下は提供しているソフトウェアの一覧。

(一覧に無いものは私が知らないか忘れているだけなので、実際にはまだあると思う)

統合開発環境名称
Visual Studio VsVim
Xcode XVim
Eclipse Vrapper
NetBeans jVi
IntelliJ IDEA IdeaVim
MonoDevelopVi Mode
Qt Creator FakeVim
テキストエディタ名称
EmacsVIP
EmacsViper
EmacsEvil
AtomVim mode
Atomvim-mode-plus
Sublime TextVintage
Sublime TextVintageous
Bracketsvimderbar
Visual Studio Code Vim
Light TableVim

他にもブラウザ向けのアドオンとか。

ブラウザ名称
FirefoxVimperator
FirefoxVimFx
FirefoxVimium
ChromeVimium
Chrome Vrome
ChromeVichrome
Chrome cVim
OperaVimOperate
Opera wasavi
Safari sVim
Safarivimari

いくつかのコマンドでも。

コマンド分類
bashシェル
zshシェル
kshシェル
tcshシェル
yash シェル
tig gitインターフェース
less ページャー
cgdb デバッガ
LuaKit Webブラウザ

hjklでスクロールできるWebサービスとか。

名称操作
Twitterjk前後の項目に移動
TweetDeckjk前後の項目に移動
Facebookjk前後の項目に移動
Google+jk前後の項目に移動
Tumblrjk前後の項目に移動
GitHubjk前後の項目に移動
Pocketjk前後の項目に移動
Pixiv(複数投稿) jk前後の絵に移動
ニコニコ静画(漫画) jkスクロール
ニコニコ静画(電子書籍) hjklで前後のページに移動(wasdでも可)
はてなブックマークjk前後の項目に移動

ゲームも。

名称操作
nethackhjklで上下左右に移動(yubnで斜め移動)

追記

viのhjklは先行する何かの影響で実装された記憶があるので、操作共通からというだけで「viを忍ばせる」というのは言い過ぎではないかという気がする

> まして「vimを忍ばせる」というのは、ちょっとその、まあなんというか…

確かにVimではなくvi模倣だったりして無理があった…。hjklの大元を辿るとどこに辿り着くんだろう(ビル・ジョイの使っていたキーボードとは別?)

2015-02-03

突貫ではてな匿名ダイアリーChrome拡張作った

https://chrome.google.com/webstore/detail/masudalert/clkiaalhgfhgcllngddndbghoaahhnfa

当方デザインできないので見づらいのはご愛嬌

とりあえず自分投稿した日記トラバブクマがついたらわかるようになってます

現時点で申請後にいくつか修正したので、バージョン1.1を申請してます

できればバージョンを見て1.1であることを確認してからいれてください。



仕様は下記のような感じ



なんかフィードバックもらえると嬉しいです。

http://anond.hatelabo.jp/20150201190857



--

(追記):いろいろトラバブクマありがとうございます

火狐版は簡単そうならやろうかと調べてみました。どうやらFxバッジないんですね・・・

メールみたいに常にページを開いておいてもらって、タブで通知するとかはアリかもしれませんが、自分があまりFx使わないので正解がわかりません。

Githubソースもあげたので誰かがやってくれるのを期待します。

https://github.com/katsuren/masudalert



--

(追記2)

バッジがあがってきても、どの記事なのか、トラバなのかブクマなのかわかりづらかったので、

リンク見出しトラバ/ブクマ数を表示するようにしておきました。

version 1.3 にアップデートお願いします。

エンジョイ増田ライフ



--

(追記3)

ついでに各記事に返信リンクを追加する機能つけました。

トラバつけるときコピペするの面倒だったので。

こんな感じでよければ iOS とか Android とか作ります。多分。

2014-11-03

急募WEBディレクターエンジニア【60万円】

仕事内容

Pinterestもどき画像ソーシャルサイトgazou.comのディレクション&開発。

(ベーシック認証がかかっています。)

現在の完成度70%くらい。年内のリリース目標です。

サイトは以前制作した↓のサイトベースになってます

WEBサイト発注してみた。

http://anond.hatelabo.jp/20120318122617

応募要件

WEBサイトディレクション経験のある方(改善の指摘、提案)

WEBサイトリリースまで面倒を見てくれる方

発注者要望エスパーできる方優遇

開発環境:cakePHP

募集期間

一週間くらい

参考にしたサイト

Pinterest

tumbler

はてブ

はてなフォトライフ

ついっぷるフォト

報酬

600,000円(税込)

(内訳はディレクション20万、開発30万、リリース後1週間のサポート10万で見積もっています)

どんなサーバー構成にしたら良いか分からないのでサーバー構築を10万くらいで

外注しようと思っていますのでサーバーの構築も可能でしたらプラス10万になります

サーバー代は月5万円を想定。現在さくらの安いVPSを使ってます

ここがスゴイ

なんとドメインが激レアgazou.comです!

海外ドメインオークションで運良く15万で落札しました。(他に入札者がいなかった)

ドメイン名負けしないサイトを作りたいと思いますので宜しくお願いします。

資料

初期の企画書&ワイヤフレーム

http://oi.jpn.org/files/gazou2.xls

TOPページ

http://oi.jpn.org/files/top-page.jpg

今までの仕様まとめ

https://docs.google.com/spreadsheets/d/1Rg8Fosxw_qYO5MW6QTNMvuBzsZ2qkTRyGvI2Mux01Og/edit?usp=sharing

連絡先

twitter @hhungry

obinat2@gmail.com

普通サラリーマンで深夜帰宅が多いためレスポンスが悪いです・・・

とりあえずサイトを見てみたい方はお気軽にご連絡ください。

1年近く前からWEBサイト制作してるのですが、自分ディレクション能力が低く

なかなか完成の目処が立ちません。修正したい部分を外注エンジニアデザイナー

どう伝えたらよいのか、自分でもどう修正したら良いのか分からないことが多く難航しています

基本的機能(タグ画像投稿)はベースサイト実装してあったので2,3ヶ月で制作できると

考えていたのですが甘かったです・・・

100%の完成度をを目指してるわけではありませんが、リリース後に大きなシステム変更は

できないので破綻しないよう基本機能実装してからリリースしたいです。

なんで増田募集

ランサーズデザイン発注をしたのですがWEBサービスにあまり詳しくない方だったので

WEBサービスに詳しい人が多そうなはてな募集してみることにしました。

例えば一般的な通知ボックス実装

1.ボックスボタンの下に隠れるので最前面にする。

2.プルダウンが左端だとメッセージが見切れるので右端にする。

3.ボタンクリックトグルにする。

仕様の説明が必要でした。

↓1月にランサーズデザイン発注したとき案件です。

新規ウェブサービスデザイン UI設計

http://www.lancers.jp/work/detail/255520

実装済みの機能

ソーシャルログイン画像アップロードTaberarelooから画像投稿

ブックマークレットから画像投稿

修正したいところ

画像ページにコメント欄の追加。(ベースサイトコメント欄機能転用)

ユーザーページがなんか変。

サイト下部のページャーが変。

荒らし対策

アダルト画像対策

(特定アダルトタグが付くと「R-18タグが付いて、画像を表示・非表示する設定はできています)

タグの登録・削除がスマートじゃないので修正。(Gmailのラベルみたいな感じがいい)

URLスマートじゃない★重要

e.g. ttp://gazou.com/members/uploadlist/4309

サイトの細部修正

金額内に収まらない修正妥協可能です。

サイトリリースまでの道筋を作ってください!

2013-08-23

夏休みの宿題的にサラリーマンアンテナサイト作ってみた技術

とある日記の続き。というよりもより裏側。

サーバ構成詳細

nginx+php-fpm+Mysql作成

それぞれ、もっとも遅いとおもわれる構成になっています

nginxキャッシュつかってませんし、php-fpmインストール後のデフォルト状態、

Mysqlインデックス適当でQueryCacheもOFFの状態…

それでもシンプル構成であればそこそこ性能でますし、

前半で書いたとおり、サイトスピードは現状adsenseの表示スピード

引っ張られているので、このまま。

サイト遅くなったら鯖引越しするくらいの勢いじゃないと、

夏休み中に作成が終わりそうにありませんでした。

サイト構成

トップページ

 ->aboutとかその辺

 ->各ゲームカテゴリページ

  ->サイト一覧ページ

いろんなソシャゲのページを作りたかったので、

総合ページを作成して、そこから飛べるようにしてみました。

ただ、デザイン問題点に挙げられるんですが、

正直どうやって各ゲームカテゴリページへ行くのか、

また総合ページに戻るのかがわかりにくくなっちゃいました。

反省点というか、改善しないといけない点。

ページ構成

WPMTを見て、

1.ヘッダー

2.サイドバー

3.メインコンテンツ

3,5.ページャー

4.フッター

の4つのコンポーネントとして考えました。

またそれぞれ、総合ページからしか見られないコンポーネントと、

ゲームカテゴリからしか見られないコンポーネントがあり、

それぞれのコンポーネントユーザ関数ではなく、ファイルをincludeする形で

作成したことが反省点。

最終的なinclude用のファイルが18個…

正直ファイル分けすぎたorz

このあたりphpプロの方はどうやって対処してるんでしょう…

ファイル+functionで分けてるんでしょうか…

また、総合ページとゲームカテゴリページのトップページSQLの内容がぜんぜん違うため、

abbench(前半参照には情報だしてます)では秒間の処理可能数が倍(総合ページ100req/sec ゲームカテゴリ250req/sec)となっています

細かく見ると、総合ページではカテゴリー一覧をselectした後に、記事リストカテゴリーリスト別にselectしてますが、

ゲームカテゴリページでは1回のselectで終わっています

現在ゲームカテゴリは3つしか作っていませんが、将来的にはもちろん増やす予定ですので、

今後どんどん重たくなっていく見込み・・・

RSSフィードを取得するCronにあわせて総合ページのメインコンテンツ部分を静的HTMLにしていくのもありかなと。

そうすると負荷がかかるのは作成時の1回のみになるとおもいますので、ユーザさんから見たら早いページ表示になるかと。

ただし、総合ページってどれくらいの人がみられるんですかね…

機能について

巷のアンテナサイトさんは、ハテブのブックマーク数やtweet数などのSNSの評価数や、あとで読む機能

特定のサイト非表示にする機能など、結構いろいろな機能が付いてます

今回は夏休み終了に間に合わせるために、というのもあって、ばっさり機能を落としましたが、

こういう機能って必要なんですかね・・・? 個人的に使ったことがないもの・・・

そういうニーズがあればつけてもいいとおもっているのですが、現状遅いサイトさらに遅くはしたくないので、

adsenseを1個にして機能をつけるくらいなんでしょうかねー。

adsenseまったくなしだと、鯖代の維持がもったいなくてサイト閉めちゃう方向に動きたくなっちゃますし。

今後のサイト変更に関して

プログラムリファクタリングデザインの変更は必須だなとおもっています

とくにデザインは早いうちにどうにかしないといけないんですが、

これだけは自分スキルにないので、そのうちLancersお仕事一覧にのちゃうかも…

そのときは見られた方よろしくお願いします。

プログラムリファクタリングに関しては、

ちょっといろいろなサイトを見て回って、構想を深めたいのですが、

個人レベルでの大規模サイトって、なかなかノウハウないんですよねー。

ある程度たまったら、こうしてみたらいいじゃない?ってのをまたここに書ければいいなぁとおもっています

ブログを作るのは苦手だからね。放置ちゃうだろうし。

最後

以上、長々とサラリーマン日記を見てくださってありがとうございました。

(なんか規約違反通報されたので、サイトURLと前半の日記へのリンクはなしでお願いします。

 というより、ここまで書いててなんだけど、増田って書くの初めてだから正直どういうルールかわかんね

 サイトちゃんと完成したぜひゃっはー!!!な状態だし。これで艦これ、何も気にせず遊べるし。)

2013-01-20

ゴミ回収ドライバーが作るエロWebサービス

まったくの素人Nginx+Bootstrap+WordPressWebサービス作成しました。

影響を受けたサイト

オシャレエロサイト「h300」をリリースして、10PV/日を捌くためにやったこと

http://d.hatena.ne.jp/inouetakuya/20120410/1334058296

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

http://anond.hatelabo.jp/20120914214121

はてブもっと快適に!「みんなのはてブ」を公開しました

http://anond.hatelabo.jp/20120930171125

--------------------------------------------------------------------------------------------------------

35歳 今は事務系の仕事をしてます。たまに運転。限りなくパートに近い労働条件ですが、

仕事がないよりはマシですので、続けているわけです。

前(5年ぐらい前)からWebサービスみたいなもの自分自身で作ることができたら楽しいだろうなぁと。

TwitterとかFacebookとか数回利用したことはあるけど、詳しいことはさっぱり。


朝6:00から夜18:00まで車を走らせてゴミ回収をしていた者です。

パッカー車って知ってますか。街でよく見かけるゴミ収集車のことです。

産業廃棄物というのでしょうか。スーパーとか

ドラッグストアとか回るんですよ。休憩時間は15分ぐらいなんですよ。一日。馬車馬のように働いていました。

そのパッカー車で物損事故を起こしてしまい、会社に居続けることはできなくなり仕事をやめました。

エロはもともと好きだったのですが、車を運転する以外の技術は持っていません。

何か手に技術を身につけたいと考えるようになりました。ただ30歳も過ぎたおっさんにあまり時間はないので、

資源の集中を意識時代の流れはパソコンだということで、始めたわけです。

はじめはHTML,CSSの本で基本的なホームページ制作を学ぶ。

HTMLが骨組みで、CSSが装飾みたいなイメージを持つ。

作成したエロサイト

エロックス

http://panpanwatch.net/

サイト構成

-----------------------------------------------------------

MySQL

Nginx+PHP-FPM proxy_cache

Bootstrap

Smarty

WordPress

PHP SimpleHTMLDOMParser

FeedWordPressを使ったエロブログ更新情報

-----------------------------------------------------------

Webサービスを作るにはプログラミング必要なことは知っていたけど、初めてみて暗号のように思える。

プログラミングの中でもPHPは簡単なのでしょうか?最近の流れからすると、Rubyなのでしょうけど、

習得しやすいと,聞いていたPHPを始めることに。

PHP自分の実現したいサービスが組み立てやすい気がします。

参考にした本

西沢直木のPHP Webアプリケーション スーパーサンプル

http://www.amazon.co.jp/gp/product/toc/479733245X/

手を動かしてプログラミング入力することは重要だと知る。

PHPだけでは動かなくてMYSQLとかデータベース勉強

PHPMYSQLの知識で就職できるのでしょうか?

小さいプログラムからテストテストを繰り返すことで、

foreachやif,forなどの基本的な使い方を身につける。

プログラムは結局小さいプログラムの集まりだとどこかに書いてあった。ことを思い出す。

PHPベタプログラムだどセキュリティ的に弱いということでPEARを使うように。

データベース接続MDB2
ページャーはPager
PHPテンプレートエンジンSmarty

ほかのプログラミング言語は知りませんが、PHPerというらしい。

プログラムに慣れてくるとPEARライブラリなどのクラスに抵抗がなくなってきた。

それでも、オブジェクト指向という考え方を体で理解するまで時間がかかる。

PHPについて参考にしたサイト

----------------------------------------------------------

http://php.xenophy.com/index.html

  • 組長的PHP入門

http://kumicyou.sakura.ne.jp/php/index.html

オブジェクト指向PHP入門講座

http://www.objective-php.net/

http://www.amazon.co.jp/gp/product/toc/479733245X/

http://www.amazon.co.jp/gp/product/toc/4797367571/

----------------------------------------------------------

PHP以外にも参考になったサイト

ドットインストール

http://dotinstall.com/

----------------------------------------------------------

Simple HTML DOMParser メモリーオーバー?が発生するので頻繁には使えない。

正規表現って便利ですよね。(preg_match("/ab/", $string);など)

Webサイトのどんな情報でも切り取ったり、貼りつけることができるので。

Web上で特定の情報を好きなように集めてきて、加工することができるスクレイピング発見

PHPスクレイピングするにはどうしたらいいか考えるようになり、かなり時間を使いました。

スクレイピングするために考えた流れ

該当URLサイトマップからリンクページ(aタグ)をすべて取得する。

リンクページの中でエロ動画が含まれているページだけ抽出

ページの中にあるエロ動画URLサムネイル画像などをファイルへ出力。

ファイルへの書き込みは以下のようにしました。

$fp = fopen("/var/www/html/sample.txt", "a");
fwrite($fp, $title."\n");
fclose($fp);
}

出力したファイルの中で重複データなどないように一つにまとめて使えるように加工する。

あらかじめCronで時間を指定してファイル情報データベースへ投入。

これから欲しい情報は、著作権に気をつけながらスクレイピングして集めてくると楽しいなぁと思ってます

自分ホームページを公開するためにはサーバー必要なことは以前から知っていたのですが、具体的には手探り状態から

サーバーについて参考にしたサイト

CentOS自宅サーバー構築

http://centossrv.com/

サーバレンタルサーバとか専用サーバなどいろいろあるのですね。

全部自分管理しないといけないため、めんどくさい気がした。結局VPSサーバに。

エロサイトとは言え、web表示スピードにこだわりはじめる。

スピードアップのためにやったこと。データベースアプリケーションサーバを分ける。

データベース最適化、query_cache_sizeを設定したりなど。

参考にしたURL

自分WEBサービスを作りたいと思っている人へ

http://anond.hatelabo.jp/20101203150748

ウェブ開発者のための、1時間でできるLAMP環境構築術(CentOS編)

http://tanaka.sakura.ad.jp/2011/05/centos-linux-apache-php-perl-mysql-lamp.html

定番PHP MYSQL Apacheから調べていくとNginxというWebサーバが高速だという

記事が多いので、使ってみることに。

Nginx エンジンエックスというらしい。

NginxだけではPHPは動かない。php-fpmインストール

しかし、proxyサーバ設定がよくわからず。

Nginxについて参考にした記事

------------------------------------------------------------------------------------

http://d.hatena.ne.jp/yoshi-ken/20120205

http://kray.jp/blog/wordpress-tuning/

http://server-setting.info/centos/apache-nginx-2-php-fpm-install.html

http://hara19.jp/archives/5817

http://tech.aainc.co.jp/archives/3022

------------------------------------------------------------------------------------

以上の記事でNginxproxyを設定することができ、とても参考になりました。

PHPで作られたCMSを知る。WordPress

どうにか既存サイトWordPressで作れないかと考えていたら、

WordPressは固定ページとブログ用のページを分けるテンプレート構造だと知る。

WordPressindex.phpファイル一枚あれば動くらしく、ページを表示する優先順位があるらしい。

        優先順位 高い          優先順位 低い

メインページ front-page.php → home.php  →  index.php

そのため、fromt-page.php自分で作ったSmartyをそのままコピペして,なんとか既存サイトWordPressをミックスさせることに。

詳しくは以下の本が参考になりました。

http://www.amazon.co.jp/gp/product/toc/479736758X/

WordPressプラグイン

FeedWordPress 登録したサイト更新情報表示

WordPress奥が深いです。

Twitter Bootstrapを知る。

スタイルシートなどを含めたデザインセンスがまったくなく、

途方にくれていたところ、CSSフレームワークTwitter Bootstrapを知る。

HTMLに少し手を加えるだけで今っぽいデザインにできる。その分、余った時間web構築に集中することができる。

エロサイト各ページについて

http://panpanwatch.net/douga.php

データベースに登録してある動画すべて。

http://panpanwatch.net/newdmm.php

DMM動画の当日配信が開始されたコンテンツDMMapiから収集。

http://panpanwatch.net/?page_id=5382

ネット上のエロ更新情報を収集して表示。メインはWordPressで構築。

--------------------------------------------------------------------

常日頃からネットエロにはお世話になっていたので、なんか恩返しではないですけど、

形にすることができて、自分自身では満足してます

Webサービス作るまで、ずっとパソコンの前ばかりにいたので、

少しパソコンから離れたい気持ちです。

01/22 追記。

こんにちは。みなさまからブクマコメントを多数いただき、ありがとうございます

いろいろご意見あると思いますが、大げさな嘘などは書いていないです。

PHPを理解するのも、こちらの本を一冊やれば、それなりに理解できるようになりました。

http://www.amazon.co.jp/gp/product/toc/479733245X/

次のサービス作成するときは本格的なアプリケーションソーシャルゲームなどやりたいなぁと

野望だけは持っています。ですけど、ずっとこのサイトだけに集中してきたので、今はパソコンから少しだけ距離を置くつもりです。

恐らくですけど、本物のプロの方から見れば、このサイトは大したことないでしょう。

素人趣味でやっているんだと温かく見守ってください。

2011-09-03

はてブお気に入りに公式オートページャー付いてたんだね。「次の20件」のとなりの四角いボタンスイッチだよ。

2010-05-27

ウェブサイトでよく使われるデザインや機能の呼称のまとめ

「あちこちでよく見かける『あの機能』を実装するためにCSSのテクニックとかJSライブラリとか探したいんだけど、どういうキーワードで探したらいいのかわからない…」という人向け。

注意

※この呼称が正しいとは限りません

※この呼称に統一されているわけではありません

ブロック要素等の角を丸め

角丸

複数の画像を一枚にまとめてCSSbackground-positionで制御する(メニューのマウスオーバーなどでよく使われる)

CSSスプライト

フォームにうっすらと説明文が表示される & フォームにフォーカスすると消える

プレースホルダ

フォームに入力された文字にあわせて入力候補を表示する

サジェスト

ページ内リンク等をクリックした際に滑らかにスクロールさせる

スムーズスクロール

他のメニューを押しのけるようなアニメとともにサブメニューが表示される & 開いているメニューは常にひとつだけ

アコーディオンメニュー

メニューの横にある+マークなどをクリックするとその下にサブメニューが表示される & 複数のメニューを開くことができる

→ ツリーメニュー

水平メニューから垂れ下がるようにサブメニューが表示される

→ プルダウンメニュー

横一列に並んだアイテムスクロールバーでスライド表示 & アイテムが床面に反射したようなエフェクト

カバーフロー

水滴のように光沢のあるデザインボタン

→ アクアボタン

画像サムネイルクリックするとオリジナルサイズの画像が画面中央に表示される

ライトボックス

警告ウィンドウ等が画面中央に表示される & その他の操作を受け付けない(※指摘を受けて追記しました)

→ モーダルボックス

説明文等が書かれた小さな吹き出しをマウスカーソルの隣に表示させる

ツールチップ

タグアルファベット順に並べる & その使用頻度等に応じてフォントサイズや色を変えて表示する

タグクラウド

ひとつの記事を分割してページ番号を振る

ページャー、ページネーション

フッター部分が常に最下部に固定されている

→ フッタースティック

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