Perlベストプラクティスのベストプラクティスじゃないやつをまとめてみた | おそらくはそれさえも平凡な日々
Perlベストプラクティス Perlベストプラクティス(略してPBP)という良い本があります。僕自身もPerlを学ぶ過程で非常にお世話になった本なのですが、以下の様なことが度々指摘されています。 bestって書いてあるけど「著者の」bestプラクティスなので偏りがあることも 「決して」とか「必ず」とかが多いけどあんま真に受けてはいけない この本を書くために書かれたであろうCPANモジュールとかがあって、しかも公開されてないものまである 致し方ないけど現在の状況にマッチしない古い情報もある なので、PBPの何がベストじゃないのかについてまとめてみることにした。前からやりたかったんだけど、思い立ってやった。 まとめてみたら、思っていたほどには項目が上がってこなかったので、やっぱPBPは良い本だなと改めて思いました。なので、このエントリーがこれからPBPを読む人の助けになれば良いなと思います。
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
inuicon – pplogの中で使われているアイコンフォント（Web Font）
最近は画像でアイコンを表示する代わりにWeb Fontを使うケースが増えてきました。Font Awesomeをはじめとして、公開されているものを使うのは容易ですが、自分のために新規で作成するというのは難しい印象があります。 そんな中、参考にしてみたいのがinuiconです。pplog.netの中で使われているアイコンフォントになります。 inuiconの使い方 こちらがフォントです。かわいいアイコンですね。 下にあるのがすべてのフォントです。 種類はそう多くありませんが、pplogの中で使う分には十分なのでしょう。今後、pplogの中で使いたいアイコンが増えたら、IcoMoonが拡充されていくと思われます。自分たちのWebサイト、アプリで使うアイコンをフォントとして管理するというのは面白いアイディアですね。 また、inuiconはRailsでも使えるgemも公開されています。Railsプロ
Trumbowyg - A lightweight WYSIWYG editor by Alex-D / Alexandre Demode
A lightweight WYSIWYG editor Light, translatable and customisable jQuery plugin Beautiful design, generates semantic code, comes with a powerful API <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, <strong>some text bold</strong> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea co
OSHIRASE - 告知サイト用HTMLテンプレート
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました イベント告知をオンラインで行うことが増えてきました。むしろイベントをオフラインだけで告知する方がありえないかも知れません。ソーシャルメディアを使って広め、イベントを盛り上げていかなければなりません。 しかしWebサイトを作る知識、ソーシャルメディア対応、スマートフォンやタブレットなども考えたりすると告知サイトを作るのも大変なことです。そこで使ってみたいのがOSHIRASEです。 OSHIRASEの使い方 OSHIRASEはイベント告知サイトのためのHTMLテンプレートです。 OSHIRASEはイベントの告知などで使える必要な要素をすべて備え、さらにFacebookのOpenGraphなど技術的に難しい作業も簡単にできるようにテンプレート化されています。スマートフォンももちろん対応し
Deb.js·JavaScriptのデバッグを効率化する小さなライブラリ MOONGIFT
最近のWebブラウザの進化によってJavaScript開発はとても便利になっています。ブレイクポイントを差し込んだり、コンソールを使うことでどんどん開発が進められるようになっているでしょう。 そんなJavaScript開発をさらに便利にしてくれそうなソフトウェアがDeb.jsです。ごくごく小さなデバッガーです。 Deb.jsの使い方 Chrome ウェブストアで公開されていますので、インストールします。 こちらがインストール画面です。 インストールされるとDebアイコンが追加されます。 こんな感じでURLに?debjsを追加すると自動で読み込まれるようになります。 任意の関数に.deb()を追加するとスタックとレースされるようになります。 引数や返り値、実行時間などもとれて便利です。 色分けもされるので分かりやすいですね。 開発効率向上を考えると、デバッグ方法は色々知っておいて損はないでし
Agile Css3 Engine – JavaScriptを使って高度なCSS3アニメーションを実現
CSS3を使えば簡易的なアニメーションや回転もサポートするなど、より高度な表現が自由にできるようになります。とは言え、タイミングをずらしたりするのをすべてスタイルシートで行うのは大変です。 そこでJavaScriptを使ってCSS3を出力しようと言うライブラリがAgile Css3 Engineになります。アニメーション系に強いJavaScriptライブラリです。 Agile Css3 Engineの使い方 Agile Css3 Engineはクロスプラットフォームに対応し、デスクトップからスマートフォンまで幅広く動作します。またキーフレームベースのアニメーションもサポートしています。Agile Css3 Engineを使えばCSS3を使った（CanvasやSVG、WebGLは使っていません！）アニメーション処理が手軽に実装できそうです。 Agile Css3 EngineはJavaScr
JenkinsOnDesktop - デスクトップ用Jenkinsさん
オープンソースのCIサーバとして有名なJenkins。エラーが起きた際には通知が出るのでメールでチェックしたり、フィードで読んでいるという人が多いのではないでしょうか。 そんなJenkinsの通知をデスクトップアプリケーションで受け取れるのがJenkinsOnDesktopです。アニメーションやジョブのカスタマイズなど様々な設定が可能です。 JenkinsOnDesktopの使い方 JenkinsOnDesktopではJenkinsサーバのURLを設定し、後はサーバのステータスに応じてアニメーションや表示をカスタマイズして使います。ビルドエラーが起きたら般若のJenkinsさんが飛んできたりできます。 JenkinsOnDesktopはWindows用のオープンソース・ソフトウェア（MIT License）です。 ototadana/JenkinsOnDesktop
Intense Images
Intense Image Viewer A javascript library for viewing images in a fully full screen. Click the images to see it in action!
Check GZip Encoding with curl
Last week I detailed how I enabled gzip encoding on nginx servers, the same server software I use on this site. Enabling gzip on your server exponentially improves the site load time, thus improving user experience and (hopefully) Google page ranks. I implemented said strategy and used another website to check if the gzip encoding worked, but little did I know, you can use the curl utility check
ウォール検索 - Facebookのウォール、タイムラインを検索 MOONGIFT
Facebookの大きな不満の一つは検索機能が弱いことです。せめて一度自分のタイムラインに出てきたステータスを後で見返したり、検索したいと思うことがあるはずです。タイムラインはフローなデータでどんどん流れていってしまうだけに検索があると便利です。 そこで使ってみたいのがウォール検索です。Facebookのタイムライン、自分のアクティビティから全文検索できるようになります。 ウォール検索の使い方 こちらがメイン画面です。 検索ボタンを押すと、JavaScriptでデータを随時取得して検索します。 友だちのウォールからも検索できます。 ウォール検索はサーバサイドの検索ではなく、Facebookからデータを取得しながらJavaScriptでフィルタリングする方法になるようです。そのため、データを逐一取得する分、時間がかかってしまうのが難点かも知れません。しかし最近のデータの中から探したいと言った
Bosonic – 再利用性の高いWebコンポーネント集
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました HTMLは自由度が高く、何でも描ける割に標準で用意されているコンポーネントはとても貧弱です。フォームのエレメントなどもあれしかないのかとがっくりするほどです。HTML5で多少リッチになってきましたが、それでも物足りなく感じるのではないでしょうか。 そこでBosonicでは再利用可能なWebコンポーネントを作成、公開しています。さっそく見てみましょう。 Bosonicの使い方 様々なコンポーネントを見ていきましょう。 BosonicではこうしたWebコンポーネントを公開し、Webアプリケーションで使えるようにしています。単純にHTMLを埋め込むのではなく、専用のタグを使って記述することでJavaScriptとの連携も容易にできるようになっています。 BosonicはJavaScrip
Web Starter Kit - Googleが提案するWebアプリケーション高速開発環境
Webアプリケーションを開発しようと思ったら、まず何をするでしょう。HTTPサーバを立てるでしょうか、Bootstrapのダウンロードを行うかも知れません。さらにjQueryやBackbone.jsやAngularjsなどを設定するかも知れません。 しかし今後はそんな面倒ごとをせず、Web Starter Kitをセットアップしましょう。これだけですぐにWebアプリケーションの開発がスタートできます。 Web Starter Kitの使い方 実行は gulp コマンドで行います。ビルドを実行します。 ここからUIを見ていきます。 Web Starter Kitの主な特徴はレスポンシブ、クロスデバイス同期、ライブブラウザリロード、パフォーマンス最適化、ビルトインHTTPサーバ、Sassサポートなどとなっています。 Web Starter KitはRuby/node製のオープンソース・ソフトウ
gifken – Web上でアニメーションGIFの解析&生成
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました HTML5になって俄然面白くなってきたのがアニメーションGIFではないかと思います。バイナリとして読み込むことで、単純な再生だけでなく再生を変化させたり、動画から新しいアニメーションGIFを作ってしまったりできます。 そのベースとして使えそうなライブラリがgifkenです。アニメーションGIFの解析はもちろん、作成までサポートしたライブラリです。 gifkenの使い方 また、コードで新しいアニメーションGIFの作成ができます。 <div id="content"></div> <script type="text/javascript"> window.onload = function () { var newgif = new gifken.Gif(); newgif.widt
jQuery fontIconPicker - Web Fontを使ったアイコンピッカー MOONGIFT
Web Fontを使ったフォントアイコンはデザイン上で色々な場面で使えますが、さらにユーザに選ばせたりする上でも便利な代物です。しかし元々はテキストであり、Web Fontが入っていないと豆腐になってしまうため、そのUIが問題になります。 そこで使ってみたいのがjQuery fontIconPickerです。ドロップダウン、入力によるフィルタリングまで使える選択ライブラリです。 jQuery fontIconPickerの使い方 ドロップダウンの一例。フォントアイコンが綺麗に並んでいます。 インクリメンタルに絞り込みができます。 カテゴリから絞り込むこともできます。 ダークテーマもあります。 HTMLでの記述は次のようになります。 <select id="myselect" name="myselect" class="myselect"> <option value="">No icon
RBeautify - Rubyのコードを見やすく整形
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 汚いコードは読みづらいですよね。行の折り返しをどこにするか、空の行の使い方などでぐっと可読性はあがってきます。そうした書き方も慣れてくると経験で分かってくるのですが、最初はなかなか難しいものです。 そこで使ってみたいのが機械的にコードを読みやすくしてくれるソフトウェアです。今回はRubyのコード整形ソフトウェア、RBeautifyを紹介します。 RBeautifyの使い方 インストールは Rubygemsで簡単にできます。 $ gem install ruby-beautify 後は rbeautify で使えます。 $ rbeautify filename そうすると奇麗になったコードが出力できます。例えば整形後で比べることもできます。 235,236c235,236 < @ar
Parallax Sound Waves Animating on Scroll
Scrolling animations are fun. They are fun to create and fun to use. If you are tired of bootstrapping you might find playing with scrolling animations as a nice juicy refreshment in your dry front-end development career. Let's have a look how to create animating sound wave using Skroll.js. The HTML Firstly we'll create a container with all our parts. <div id="soundWave"> <div class="part p1"></di
Sassでの色管理
Sassでは色を変数として定義でき、また様々な関数でそれを操作することが可能になっている。そのため色を論理的に管理することが可能になっているが、これといった手法が確立されているわけではない。このウェブサイトでは少しややこしい形で管理するようにしている。どういう目的でこういう複雑な構造になっているのかを簡単に書いておきたい。 基本色の定義 基本色、つまりテーマカラーであったり、本文の背景色や文字色といった見た目のイメージを決定する色は、色コードを直接指定して定義する必要がある。これはほぼ間違いなくみんな同じように書いているだろう。 $color-dark: rgb(60, 51, 48); $color-light: rgb(252, 249, 240); $color-accent: rgb(17, 136, 187); これらは背景色であったり文字色、そしてリンクの文字色として使っている
Matz氏語る「今ソフトウェアはソフトじゃない」 - Engine Yard Blog
先日Rubyビジネス推進評議会主催の第3回Rubyビジネスフォーラムが大阪で開催されました。 Ruby言語開発者、まつもとゆきひろさんが、『インターネットが変えるソフトウェアとビジネス。Rubyを例として』と題した基調講演を行いまいした。 その内容を紹介します。 計算機としてのコンピューター IBMの初代社長トーマス・ジョン・ワトソンの有名な言葉に、「コンピューターは全世界で5台くらいしか売れないと思う」と言ったとされています。 その数字は当時の計算技師の人数とENIACの計算性能から導かれた数でした。 ところが、今ではその数百万倍の処理能力をもつコンピューターが何億台もあります。 去年だけでPC出荷台数は3億台。スマートフォンとタブレットはそれを超える出荷がされています。 コンピューターは計算機としてのみ使われているわけではありません。 インターネットとの接続 今日、大阪まで松江から飛行
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to Check for Dependencies in Sass Libraries | Envato Tuts+
https://qiita.com/kenokabe/items/13ea8d2da6adce1b3b9a
Epoch by Fastly
6 Tips for Designing Crisp, Readable Icons
Prevent WordPress Comment Spam