スキップしてメイン コンテンツに移動

投稿

ラベル(Opera)が付いた投稿を表示しています

個人サイトの死

個人サイトの死 2019年は、個人サイト作成という文化が死去した年だと思っている。 かつては多くの人が個人サイトを作成していたと思う。個人サイトなんて言い方よりも、ホームページとかほめぱげとかそういった言葉の方が心に刺さるかもしれない。 Yahoo!ジオシティーズサービス終了のお知らせ 2019年の3月に最大手とも言うべきジオシティーズのサービスが終了した。 これが決め手になったが、そのずっと前からすでに個人サイトを作成することはコストの割にリターンが少ないので、多くの人が手を引いていたのではないだろうか。 個人サイトの最盛期はいつ頃だったのか覚えていないが、肌感覚では2005年の前後3年くらいが最盛期だっと思う。 ブログの台頭と入れ替わりの形で個人サイトは徐々に衰えていった。 そのブログ自身も衰退して、SNS(TwitterやLINE)に押されまくり、最終的にたどり着いているのがYoutubeのような気がしている。 現代Webで一番稼げるのはYoutubeである事に異論を唱える人は少なくないであろう。 個人サイト→ブログ→SNS→Youtubeといった流れだ。 もちろん、今でもすべてのサービスは平行で稼働していて皆様々な活用をしているが、以前のような激しい変化は減っている。 個人サイトは、構築するのが非常に大変である。HTMLとはなにか、CSSとはなにか、JavaScriptって何?クロスブラウザ?サーバ?FTP?BASIC認証??ドメイン??SSL証明書?? そう、Webのあらゆる基本を学ぶことが出来た。 ローカルで確認する際に、file:/// みたいなURIで作成して表示していたのは非常に懐かしい話だ。 C++オンリーで開発していた自分が今ではJavaScriptオンリーで開発するような環境に変わるとは、当時欠片も知らなかった。 個人サイトが死ぬ事で、Webの基本的な事柄を知らなくても簡単に情報発信できるようになった今の時代は実はとても恵まれているのかもしれない。 しかも、パソコンなしでも全部出来るようになっているのが大きい。 Youtubeの動画を撮影して、編集して、文字入れして、サムネイル作っても、スマホがあれば(時間が掛かるが)出来ないわけではない。 私がフロントエンドエンジニアとして働くきっかけになったのは、初めての転職がきっ...

LDR用の拡張をちょっとだけ作ってみた

LDR用の拡張をちょっとだけ作ってみた 既に、 mono 君が LDR open in background tab という拡張を作っているので、それをforkして、昔書いたuserjsからコピペして貼り付けたのをコミットしてプルリクした。 何をしたいのかというと、 Lキーで購読解除←これが一番欲しかった機能 Wキー、Qキーでレート変更 という機能が欲しかっただけ。 尚、最近の Opera Extension は Google Chrome のソレと全く同じ構成なので、そのままビルド(?)すれば、使える。 一応、ローカル内で使えていて個人的には超便利。 もし、Opera使っていて、LDR使っていて、バックグラウンドでタブ開きたいんじゃーっていう人が居たら公開しますよ(非公式の方法で) 自力でビルドするわボケーって人は https://github.com/ArcCosine/ldr-open-in-background-tab から適当に git clone してビルドしてくだしぁ。 どうでも良いこと そういえば、僕の環境だと mintty から git push 出来ないんだよね、何故か。 多分設定が悪いんだと思う。 あとで調べる。

Amazonを便利にするスクリプト書いた

Amazonをより快適にするUserScriptを書きました。 http://userscripts.org/scripts/show/174373 Userscriptsにアップするのは久々ですね。 上記の画像から分かる通り、Amazonのリンクに、読書メーターやらなんやらのサービスへのリンクを追加するだけのスクリプトです。 動作確認したのは下記のブラウザです。 Opera 12 Vimperator 3.7.1(Firefox 22.0) Google Chrome 28 コード // ==UserScript== // @name book support // @namespace http://looxu.blogspot.com/ // @include http://www.amazon.co.jp/* // @author Arc Cosine // @version 1.6 // @LICENSE Public Domain // ==/UserScript== (function(){ var bookLogList = { "Bookmater" : { "url" : "http://book.akahoshitakuya.com/b/{ASIN}/", "favicon" : "http://book.akahoshitakuya.com/favicon.ico" }, "booklog" : { "url" : "http://booklog.jp/item/1/{ASIN}/", "favicon" : "http://booklog.jp/favicon.ico" }, "bukkupe" : { "url" : "http://bukupe.com/book/{ASIN}/", "favicon" : "http://buku...

Opera Next 15 Coming!!!!

Opera Next出ましたね。 Opera Next 15が出ました。 Opera Desktop Team - Opera Next 15 Released! 以前から予告されていた通り、ChromeベースのOperaになりました。僕らの愛したPrestoは死んだ!なぜだ! まあ、レンダリング部分とか別に僕は何でも良いので、Webkitベースだろうがなんだろうが、普通のCSSで普通にレンダリングしてくれれば何でもいいっすよ。

100個以上ブラウザタブを開いても平気な理由

最近は、30個ぐらいしか開かないライトユーザ(笑)です 10個以上ブラウザタブを開いてはいけない理由 : ライフハッカー[日本版] ブラウザタブを一度に10以上も開いていたら、PCが不安定になるのは当たり前です。生産性が下がる無意味な行動なので、今すぐ止めた方がいいでしょう。これはChrome、Firefox、Internet Explorer、Safari、Operaのどれでも同じです。 この文を読んで思わず、んなことねーよwwwwと思ったので、何も考えずに、とりあえず100タブくらい開いてみた。

はてブ拡張のデザインがオカシイことになってる

Operaのあれなんですけど edvakfさんが作ってくれたはてな拡張なのですが、最新版(?)のOperaだとwidth:100%だとやけに長く表示してくださいますので、修正しました。僕のgithubに修正したソースアップしました。1行だけの修正なのに、そんなに修正すんのかwww って感じですがね(白目 gitおもしれー ArcCosine/hatena-bookmark-googlechrome-extension at opera https://github.com/ArcCosine/hatena-bookmark-googlechrome-extension/tree/opera どんどん遊ぶことにしましょう。

wasavi導入してみました

wasaviとは 拡張機能「 wasavi」 - Opera アドオン Operaの拡張機能で、TEXTAREAでViライクな入力が出来るという(一部の)キーボード愛好家を喜ばせるExtensionである。実は、αバージョンくらいからチェックしていたので、この度正式リリースされたのは非常に嬉しいです。akahukuさん、開発お疲れ様でした。 問題点 導入してるけれども、まだ実は実用段階には至っていないかなーというのが僕のイメェジです。 導入して嬉々としてCtrl+Enterしてゴリゴリ入力してひゃっはー!ってやる予定が、タグ入力しようとした瞬間Operaクラッシュ。お、おぅとか思いながら再起動して、今度はタグ入力せずに日本語入力しようとすると日本語が反映されない。つまり、実質的には英語しか入力出来ない状態なのでした、まる まだ全然試していないのでなんとも言えないけれど、ひとまずOpera強制終了はやばいなーと思ったので、バグレポしてきました。いやぁ、ユーザってのはホント我儘で自由気ままな立場だから何でも適当な事が言えて良いですね←暴言 という訳で、これはwasaviではなく、普通にtextareaに入力して書いてるというあれです(´・ω・`)。 あ、でも全体的に修正したい時とか役に立つかも! 今後のwasaviのレヴェルアップに期待しています!

neo ondemand scrollbar作った

スクロールバー消した上でさらに僕が幸せになれるコードを書いた 超俺得コードなので、公開はしないけれど、欲しい人いる? ondemandscrollbar.jsとの違い Operaでしか確認してない 横スクロールバーがある 横スクロールバーの上でマウスホイールを回転すると横にスクロールする 微妙に重い iframe内にscrollbarが表示されない なんだか色々問題ありそうだけど、案外へーき 後、コードをコピペっただけでリファクタしてないのでアレ。 githubにあるondemandscrollbar.jsではなく、userjsのondemandscrollbar.jsを改造したのでmiyaさんの思想は反映されてない可能性が非常に高い そんな超俺得コードだけど、欲しい人いる? 誰でも分かるQ&A Q「先生、なんでそんなに俺得コードの概要だけを書いたブログ記事書くんですか?」 A「Twitterやってないからこういう下らないこともいちいちブログに書くしかないんだよ!!!」 Q「Twitter禁断症状?」 A「ある意味」 Q「うわ、私の先生Twitter廃人すぎ……」

KeyActionCancelarのソースコードを公開しました。

いままで超便利超便利としか言ってなかったけれど Opera使いの方なら、きっとその便利さを理解してくれるであろうKeyActionCancelarのソースコードを公開しました。 適当にgit cloneして、適当に圧縮して、適当にoexすれば誰でも使えます。 URLはこちら https://github.com/ArcCosine/kac Gooogle ReaderやGoogle Calendarで1,2キーでタブ切り替え出来なくて辛い思いをしてる方は是非導入してみてください。 え? さっさと固めて公開しろって? いや、その、アイコンが無くて……(^^) 誰か、良いアイコンください。そうすれば固めて公開します(ぁ

今日からあなたも使える!? uupaa.js入門!

前書き JavaScript Advent Calendar 2011(フレームワークコース)  8日目担当 ArcCosineです。 JavaScriptのフレームワークは数多く存在しますが、国内産で優秀な機能を持つuupaa.js(Ver0.8)についての解説もどきを書きたいと思います。 本エントリでは最後のTipsにHTML5のCanvasを用いているため、IEでは正常に表示できない可能性がありますが、仕様ですのでご了承ください OperaかGoogle ChromeかFirefoxかSafariでの閲覧を強くおすすめします。 excanvas.js?(∩ ゚д゚)アーアーきこえなーい

Keyaction cancelerを更新しました。

必要は発明の母 数日前に書いたkeyaction cancelerに対するはてブコメントで id:hokorobi あぁ、勘違いしていた。Operaのキー設定を優先するんだと思っていたけど逆だ。Googleリーダーでも 1, 2 をタブ切り替えのまま使いたいんだけどどうやるんだろう? というのがありましたので、ああ、なるほど。デフォルトアクションを優先させたいのね。よしよし。と思って書きました。 発想は単純です。Webでキーアクションを割り当てる場合、大抵keydownイベントにイベント関連付けしてますので、Web側のkeydownイベントをpreventDefaultすればいいのです。 ちゃんと賢いOpera好きなプログラマがいれば、そんな適当なコードは書きませんが、それで9割のブラウザの場合、Web側の想定の動きをするので、それで満足しちゃうサービスが多いのも仕方がありませんね keyupにイベントつけてるサイトもありますが、そこまで変態的なイベント操作は知りません>< お待ちかねのコード // ==UserScript== // @name keyaction canceler // @namespace http://looxu.blogspot.com/ // @include http://www.tumblr.com/* // @include http://www.pixiv.net/member_illust.php?mode=manga* // @include http://mail.google.com/* // @include https://mail.google.com/* // @include http://www.google.com/reader/* // @include https://www.google.com/reader/* // @author Arc Cosine // @version 2.0 // ==/UserScript== (function(win,doc){ //You can add more domain and key. var PressConf = { 'www.tumblr.com': ...

Colorful favstarのaddonが公式に登録されました。

https://addons.opera.com/addons/extensions/details/colorful-favstar/ userjsや俺俺アドオン等で公開していたColorful favstarですが、今回無事に公式に登録されましたので、ご報告致します。 英語で書いてあるけれど、クリックしてインストールするだけで使うことが出来ます。 機能は全く変わっておりません。 今後は、こっちを優先的に更新していきます。 以上です

Opera Dragonflyが始まっていた

いつもの前振り 全世界の1兆6千万のOpera愛好家の皆様、ごきげんよう。 今日、(というか昨日)、Operaの新機能に気づいてしまったので、思わずその情熱をここに書き綴りたいと思います。 Operaでも console.log ( たぱーん ) ってしたかった 今日、Twitterで 「operaのdragonflyはいつになったらconsole.logで中身がたぱーんって出来るようになるんですか?」 って呟いたら、edvakさんから数秒後に、 「@ArcCosine 既に見られるよー。Error Console っていうタブだと見られないけど Scripts っていうタブだと見える。」 って返信がありました。

KDDI版iPhoneだとっ!? ※これはコラ画像です。

左上に注目! KDDIって書いてあるー?! ついに、KDDIにもiPhoneが来たか!!! うひゃっほぅ! ちょっとKDDI解約してくるわー! アホか。 本日の元ネタ ついにKDDI au版iPhoneのようなものの写真を発見! 画像をちゃんと見ると分かるのですが、一部元ネタ画像を加工してあります。 どこか分かるかな?

ふぁぼったーのアレを解消するスクリプト書いた。

これは何? ふぁぼったーの&を解消するコードです。 Opera限定だけど、ちょっと修正すればどのブラウザでも動くと思います。 ちなみに、先人が既に似たようなコードを書いていますので、無理に入れる必要はありません。 コード

今まで拡張機能に頼って来なかった人がOperaにいれている拡張機能

大分拡張機能も増えてきましたね とはいえ、基本的には今までUserJSでなんとかなってきたので、僕はあまり拡張機能を入れていません。 そんなOpera好きな僕が厳選して入れている拡張機能機能を紹介します。 厳選拡張機能一覧 GMail Checker - Opera extensions Gmailの新着チェックをしてくれる拡張です。Opera Mailを使用しない僕には必須機能です 逆に、Opera Mailをメインで使ってる人は入れても仕方が無い拡張とも言えます。 そもそも、メールはGmail使ってないよという人にもあまり意味が無い拡張と言えるでしょう 一言メモ:音が可愛いです Image Preview Popup - Opera extensions リンク先のイメージをマウスオーバーするだけで表示してくれる拡張です たまに邪魔になる時があるのが残念ですが、慣れれば問題なし。 一々リンクをクリックしなくても良いので便利です。 一言メモ:アイコンのOperaたんが可愛いです AntiBrowsniffer - Opera extensions Operaで正常表示されないページをかなりの確率で正常表示してくれる拡張。 所謂「大手」のサイトで「Operaは対象外ブラウザです(キリッ」みたいな事を書いてる所を躱すためのツールとも 筆頭はGyaoですが、YoutubeやPicasaといったGoogle先生の不具合にも対応してます。 ちなみに、Pixivでもこの拡張が有効になってしまうので、www.pixiv.netをexcludeを追加した俺俺AntiBrowsnifferを使っているのは内緒の話 一言メモ:Gyaoが普通に見れたことにちょっとびっくり Coloful_favstar 手前味噌で申し訳ないのですが、favstar.fmをふぁぼったーみたいに色反映する拡張です。 ふぁぼったーのあの赤文字をfavstarで見れるようになります。 ふぁぼられが気になってしょうが無い方は是非インストールしてみて下さい 一言メモ:最初のバージョンはExtension Makerでビルドしました 最後に 実際、拡張機能は最低限で十分なのです。 20個も30個も入れないとまともに使えないブラウザは意味が無いわけでして。 初めてOpera...

ブラウザの拡張をつくろう!

いつもの前振り 初めましてもそうでない方もお元気ですか。 元気があれば何でも出来る!出来ません。 JavaScript Advent Calender 、13日目担当のArc Cosineです。 今回はJavaScriptのネタを何か書こうと思いましたが、どうせならツールの一つくらい作ったほうがいいだろうと言う事で土日に突貫工事で作ってみました。 Extension Maker http://www.tunsns.net/ExtensionMaker/ 時間切れで間に合いませんでしたが、Opera拡張だけは作れるようになっていますので、試してみてください。 チュートリアル トップヘアクセスしたら右下にある「今すぐ試してみる」をクリックしましょう。 そうしますと、基本情報を入力する画面が出ますので、必要な情報を入力してください。 今は入力チェックしていませんが、将来的にはちゃんとチェックするようにします。 次に、コードを入力する画面が出てきますので、ここにコードを貼り付けましょう。 Operaで動くUserScriptを試しに貼ってみると良いでしょう。 例えば、僕が昔書いたcolorful_favstarとかね! コード貼っておきますね。 コピペする場合は、view plainをクリックすると楽にコピペ出来ますよー。view plainの文字、薄くて見づらいけれど。 // ==UserScript== // @name Colorful Favstar.fm // @namespace http://moco.nond.es/ // @description Change tweet color and font size by favourites count like Favotter.net. // @version 0.1.1.20100808 // @include http://favstar.fm/* // @include http://ja.favstar.fm/* // @include http://de.favstar.fm/* // ==/UserScript== (function(doc){ ...