仕事&求人ジョブボード掲載、料金についてヘルプMOONGIFTについてヘルプTwitter(MOONGIFT)Facebook(MOONGIFT)新規登録ID/PWでログインTwitterでログインFacebookでログインマイページ現在のポイントポイント購入ログアウトITエンジニア/デザイナ向けにオープンソースを毎日紹介プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。単語や行ごとにデザインを変える最近のWebサイトは多数のデバイス、多数の幅に合わせたレスポンシブデザインが求められてます。幅が変わるとデザイナーの意図した描画にできない場合もあります。テキスト量に依存した処理は行数が変わると面倒です。一例として使えるのがper-word-actionです。曲線を使ったアニメーションライブラリWeb上でアニメーションを描くのはとても面倒です。一度表示するだけであればこだわったリッチな描画も可能ですが、アニメーションとなると話が変わってきます。Canvasで描画している場合は、その内容を消す操作が必要です。文字が揺れるようなアニメーションを実現したかったらcurvejsを使ってみると良さそうです。VBScriptで実装したPHP関数群VBScriptやVBAは今なお根強く使われ続けています。進化はすでに止まっており、提供される関数なども古い形式のものが多くなっています。モダンな開発スタイルが欲しい方も多いでしょう。そんな方にお勧めなのがphp.vbsです。VBScriptやVBAの中でPHP風の関数が使えるようになります。Webサイトの一部をピックアップして再利用Webデザインはコンポーネント指向になってきています。componentsという仕様も作られており、さらにこの流れは加速するでしょう。Webサイトの一部を埋め込んだり、再利用性高い部品を使うのが当たり前になっています。マウスオーバーでテキストシャッフル映画などでよく見られるテキストがシャッフルされて徐々に表示されていくアニメーション。単純に文字を表示するよりもインパクトがあって思わず目を引きつけられることでしょう。そんな演出が簡単にできるライブラリがShuffleText.jsになります。自分で立てるコメントシステムブログやニュースサイトなどコメント機能が欲しくなることは多々あります。静的サイトにおいてコメントシステムのために全体をプログラマブルにするのは面倒です。そこで使えるのが外部のコメントサービスです。有名なところではFacebookのコメントやDisqusなどがあります。トゥームレイダー風のゲームエンジントゥームレイダーと言えば映画化もされたくらい人気のゲームです。3Dポリゴンがまだまだ粗い時代からあり、ゲームをやらない人でもその名前くらいは知っているのではないでしょうか。そんなトゥームレイダーをWebベースで再現したのがOpenLaraになります。ララはトゥームレイダーの主人公の名前になります。Keepアプリにインスパイアされた時間入力UI時間の入力インタフェースは意外と古くさくて面倒な場合が多いです。日付はカレンダーで入力できるのに、時間はドロップダウンでいちいち選択しないといけません。テキストで入れる場合も数字のみしか入力できないようにしなければならないでしょう。Timekeeperです。Beijingにて登壇するため数日間北京に行ってきました。いうグレートファイアウォール(金盾)がある国ですが、実際のところどんなものだったのかを紹介します。shellが公開されました。他のマンガを実写化した事例と同様、ツッコミどころはあるものの個人的にはそんな悪くないと感じています。IT系のプログラマであれば観た方も多いのではないでしょうか。中央に引用を表示するレイアウトHTMLはレイアウトの概念があまり強くありません。CSSを駆使すればできることもあるでしょうが、メンテナンス性が非常に悪くなったり、再利用性も低くなったりします。雑誌のようなレイアウトを再現するのは大変です。HTML5のQRスキャナーQRコードを使う機会は意外と多いです。スマートフォンでQRコードリーダーを使えばPCや雑誌などから情報を読み取るのは簡単です。そんな中にあってはPCでもQRコードを読み取りたいと思うことがあるでしょう。専用アプリケーションをインストールすればできますが、もっと手軽にできるのがInstascanです。HTTPリクエストを編集するセキュリティチェックWebのセキュリティをテストする際に、通常ではありえないリクエスト内容を送ったりすることがあります。一からリクエストを作成するのは大変ですし、毎回指定するのも面倒です。Chromeになります。実行したHTTPリクエストをベースとして、編集して実行できます。npmの高速化と容量削減を実現npmは優れたパッケージ管理システムですが、使っていると速度が遅くてストレスを感じることがあります。その挙げ句にエラーが出たら目も当てられません。それを解決するためにyarnも作られていますが、まだ機能的に十分でないこともあります。そこで使ってみたいのがpnpmです。高速かつディスクスペースを低減してくれるnpmです。みんなで共有する広大なキャンバスリアルの世界で無限のキャンバスを提供するのは困難ですが、デジタルの世界では簡単です。みんなでキャンバスをシェアしたら、どんな楽しい作品が生み出されるでしょうか。そんな楽しさを垣間見せてくれるのが8192pxです。みんなでピクセルアートが楽しめる、そんなプラットフォームになります。Chrome機能拡張かつて信望者が多く、そして使われなくなってしまったUMLですが、個人的には技術的には悪くないと感じています。問題はシステム開発と密接に(スケルトンコード出力など)しすぎたことでしょう。システムを可視化したり、図化するのは良いことです。秘密鍵/公開鍵を使ったパスワード管理パスワード管理と言えばマスターパスワードがあり、それさえ覚えておけば他のパスワードは覚えておかなくて良いというものです。マスターパスワードを簡単なものにしてしまったら意味がありません。そこで使ってみたいのがcryptoriousです。パスワードを入力する代わりに公開鍵/秘密鍵を使うパスワード管理です。MastodonにいるTwitterフレンドを探すお手伝い最近一気に人気が出てきたMastodonですが、他のソーシャルサービスと同様にいきなりネットワークの中に放り込まれても全く面白さが伝わりません。人と人のつながりができてはじめて楽しくなってくるものです。Twitterと似た仕組みのため、現在トライしているユーザもまたTwitterユーザが多くなっています。多彩なデータベースに対応した管理UIデータベースを使った開発や運用時においてGUIの管理インタフェースが欲しいと思うことは多々あります。プロジェクトによってデータベースの種類が違ったり、接続先があちこちに存在するとそう感じるはずです。そこで使ってみたいのがDBeaverです。多彩なデータベースに対応した管理UIです。指定したディレクトリを新しいタブで開くmacOSで便利なコマンドにopenがあります。ディレクトリを指定すれば、そこをFinderで開いてくれる機能です。ターミナルで移動しながら、そこをGUI側で開きたいという時に役立ちます。問題は常に新しいウィンドウで開くことです。何度も使っているとウィンドウが多数開いて煩わしくなります。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が730あります。blockworks。