Welcome to Startups Weekly — Haje‘s weekly recap of everything you can’t miss from the world of startups. Sign up here to get it in your inbox every Friday. Well,…
ブログや開発者向けのWebサービスなどで、ソースコードのハイライトを行うケースはよくある。言語があらかじめ決まっている場合は良いが、言語がよくわからない場合や、JavaScriptとHTMLのように埋め込みで複数の言語が重なる場合もある。 各種言語に対応したハイライター そのような、特定の言語に依らずにソースコードをハイライト化したい場合に便利なのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはGoogle Code Prettify、JavaScriptによるソースコードハイライターだ。 Google Code Prettifyの使い方は簡単だ。prettify.jsとprettify.cssを読み込んで、<pre class="prettyprint">または<code class="prettyprint">タグの中にコードを書き込めば良い。後はprettyPrint
「オープンソースカンファレンス2009 Sendai」が1月24日、宮城県仙台市の東北電子専門学校で開催された。公式サイトのタイトルには「来ないとお仕置きだっちゃ☆」との追記が見えるが、アットホームな雰囲気の中で進行するカンファレンスであった。 本稿では、NEC OSSプラットフォーム開発本部 エキスパートの姉崎章博氏による講演「OSSをライセンス的に正しく使う/プロプラだけの製品とするための11のチェックポイント」を紹介する。なお、特に断りがない限り、全て日本の著作権法について説明している。 オープンソースソフトウェアをライセンス的に正しく使うために 姉崎氏が挙げたチェックポイントは次の11点。 その社製プログラム、すべて自社の著作物ですか? 商用プログラムを同梱している場合、必要な手続きはお済みですか? 他人の著作物を使用していないことを確認するためコード検査をしていますか? OSSの
AstroでPandaCSSを使ってみるAstroを触ってみようかな? と思い、まずは公式のチュートリアルを一通り終わらせてみました。以前から気になっていたPandaCSSの勉強も…と思ったので、AstroでPandaCSSを使ってみることに。PandaCSSのインストールマニュアルを見ながら各種設定を終え、npm run devしてみても、CSSが反映されず。原因は単純なミスでした。 LaravelでjQueryを使ってみるデータベースに登録、更新、削除を行なった際に、簡単なflashメッセージを表示させてみようかと。一定時間が経過 or ボタンクリックでメッセージが消えるアニメーションを、jQueryで実装してみたいと思います。npmを使ってインストールしたjQueryを使うと、javascriptの実行順が意図しないものになってしまい、jQueryが実行されなくなってしまいました。色
AstroでPandaCSSを使ってみるAstroを触ってみようかな? と思い、まずは公式のチュートリアルを一通り終わらせてみました。以前から気になっていたPandaCSSの勉強も…と思ったので、AstroでPandaCSSを使ってみることに。PandaCSSのインストールマニュアルを見ながら各種設定を終え、npm run devしてみても、CSSが反映されず。原因は単純なミスでした。 LaravelでjQueryを使ってみるデータベースに登録、更新、削除を行なった際に、簡単なflashメッセージを表示させてみようかと。一定時間が経過 or ボタンクリックでメッセージが消えるアニメーションを、jQueryで実装してみたいと思います。npmを使ってインストールしたjQueryを使うと、javascriptの実行順が意図しないものになってしまい、jQueryが実行されなくなってしまいました。色
リスト要素をフロートさせて作成したナビゲーションをブラウザの中央に配置するスタイルシートをCSSplayから紹介します。 ナビゲーションのwidthは指定無しの成り行きです。 Centering Float Left Menus デモでは、CSSハックやinline-block, table/table-cellを使用せずに実装されています。 下記に、それをシンプルにしたデモをアップしました。 シンプルにしたデモ IE6/7/8beta2, Fx3, Op9.5, Safari3, Chrome1で正常に動作しました。IE5.5, Fx2はダメでした。 追記:その1 リストを内包するdivに「text-align:center;」をしたら、上記ブラウザ+Fx2に対応できました。 なんで、きくのだろう、、、? シンプルにしたデモ(Fx2対応) 追記:その2 「ふ」さんのコメントにより、Saf
Beautiful datepickers and calendars for web developers とても洗練されたUIの日付ピッカー&カレンダー集のエントリが紹介されていましたのでピックアップ。 日付入力も便利だけでなく、クールに行えます。 datepicker シンプルだけどクールなカレンダー jquery datepicker From〜Toが指定できるカレンダー Calendar 立体的でクールなUI jPint iPhoneっぽいUI 全部見る たくさんありすぎて迷いますが、サイトのUIや、用途に応じて使い分ければ便利そうですね。 関連エントリ 超クールなカレンダー型日付入力補助用JSライブラリ カレンダー、バルーンなどWEBアプリに使えるハイクオリティアイコンセット「pinvoke」 日付入力を便利にするカレンダー/日付ピッカー集
as310分で書ける、お手軽パーザー にて C++ での数式パーサーが50行ほどで実装されていたので、これを AS3 で書き直してみた。これが完成品。数式を書き換えたらその場で計算してくれる。簡易 eval みたいな感じ。再帰下降法と聞いてもピンと来なかったんだけど、移植する過程で理解が深まっていった。本家の説明が大変分かりやすいので、詳しい仕組みについては 10分で書ける、お手軽パーザー のほうをごらんあれ。あ、オリジナルでは -3 などのマイナスのつく数字が扱えなかったので、自分で修正してみた。以下、AS3 版のソースコード(97行)。 // Simple Recursive Descent Parsing // see also: http://fxp.hp.infoseek.co.jp/arti/parser.html package{ import flash.displ
最近早いと噂のtweensyを試してみる。 Tweensy Zero Tweensy Original Tweensy FX と三つあるのですが Zeroは軽量版、Originalは通常版、FXはエフェクトなどが容易にできるタイプとなっています。 以下はオリジナルのサンプル。 import com.flashdynamix.motion.*; //tweensy import fl.motion.easing.*;//イージング でクラスをインポートしてさっそくテスト。 普通にアニメーションさせる場合は var tween:TweensyTimeline = Tweensy.to(mc, { x:200, y:200 }, 1, Sine.easeOut); みたいな感じで書くとmcを指定の座標へ1秒で指定したイージングで動かすことができます。 んで遅延を設定する場合は tween.del
よくブログやサイトで見る「固定リンク」。コピーしてどこかに貼り付けるためにクリックすることも多いですよね(じゃない?)。 そこでgridplaneでは、クリックするだけでその固定リンクがコピーされるというインターフェースを実装したようです。 ↑ GIFアニメでわかりやすくつくってみた。 なかなか使いやすそうと思うのは僕だけですかね。「固定リンクをコピー」というリンクがあってもいいかも?!わかりずらいかなぁ。 » Data Visialization
コミュニティブログ・コミュニティ掲示板では、新規ユーザーはブログ画面上からサインアップすることができます。 そしてサインアップしたユーザーは、管理画面ではなく、ブログのページ上からブログ記事の投稿やトピックの作成が行なえます。 その前段として、新規ユーザーがサインアップしたときに、自動的に必要な権限を与える設定を行なっておけば、管理者は登録ユーザーの権限を手動jで毎回与える必要はなくなります。 上記の権限の自動付与のために必要な設定を紹介します。なお、Movable Type のインストール時にメールの設定が行なわれていることが前提です(メールは環境変数を利用すれば後で設定することも可能ですがここでは割愛します)。 1.システムのメールアドレスを設定する まず、前提として、システム管理画面の「設定」→「全般」でシステムのメールアドレスを設定します。この設定を行なわないと、ユーザー登録時に、
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
Internet Explorer 8 Release Candidate 1 公開! Internet Explorer 8 Release Candidate Now Available IE8 RC1のダウンロードは、下記ページからできます。 IE8 RC1のダウンロード(日本語サイト) IE8 RC1のダウンロード(英語サイト) IE8を入れるのは避けたいけど動作確認がしたい場合は、下記がお勧めです。 IE NetRenderer(IE5.5/6/7/8beta2をオンラインで確認) IETester(IE5.5/6/7/8beta2を確認できるアプリケーション) ※現在のところ、両方共IE8beta2までとなっています。
携帯サイト用inputフィールドのデフォルトIME設定を3キャリア共通で得る関数を作ってみました。 特段、素晴らしいものでもないけれど、作ったのでシェアです。 前提としてUserAgentの判別をしておく必要があります。 $attr = mobileform("hiragana", "docomo"); // istyle="1" が返る $attr = mobileform("alphabet", "au"); // format="a" が返る $attr = mobileform("numeric", "softbank"); // mode="numeric" が返る <input type="text" $attr> のように出力すれば、3キャリアごとに違うinput属性を作ってくれるというもの。softbankがhiragana,alphabetなどになっていて一番分かりやすか
10 Most Interesting Upload Widgets | AjaxLine ファイルアップロードの際に便利なFlash/JavaScriptウィジェット集。 通常のアップロード機能を実装すると使えないと言われないくらい、Flickrなどのアップローダなんかは便利になっていますよね。 実装すると便利になりそうなウィジェットが色々と紹介されていましたのでご紹介。 Flash Upload Widget Flashを使って、アップロードの進捗を表示してくれるウィジェット XUpload Perlで書かれたリアルタイムアップロードウィジェット Uber-Uploader Perl or PHP + JSで書かれた複数ファイルアップローダー。進捗表示つき jqUploader jQueryアップロード用プラグイン Ajax Style File Upload ASP.NET用リアルタ
リスト要素のパネルをスムーズなアニメーションでスライドさせるスクリプト「Easy Slider」をcss globeから紹介します。 Easy Slider 1.5 demo パネルには画像やテキストなどを配置することが可能で、スライドのコントローラーはテキストベースのものやグラフィカルなものを使用することができます。 demo 1(スタイルは無し) demo 2(スタイルを適用) demo 3(スタイル無しで垂直方向に) demo 4(スタイル適用、自動スライド) demo 5(複数のスライダーを設置) スクリプトのオプションでは、スライドのスピード、スライドの自動・手動、ポーズの時間などを調整することができます。 Easy SliderはjQueryのプラグインのため、実装にはjquery.jsが必要です。
人間誰でもそうだけど、いいものも悪いものも含めて、僕にはいろんな癖がある。この間、あるクライアントのWebサイトに取り組んでいるとき、いつものようにXMLサイトマップを作って検索エンジンに送信したんだけど、そのときに考え始めたんだ。XMLサイトマップって本当にサイトの役に立っているんだろうかってね。XMLサイトマップを検索エンジンに登録すると、どんな効果があるんだろうか。 そこで、そこそこ人気のあるブログを運営していて、WordPressとGoogle XML Sitemaps Generator for WordPressというプラグインを使っているクライアントに頼んでみたんだ。僕が作ったトラッキング用のスクリプトをサイトにインストールして、検索ロボットの動きを追跡させてくれないかってね。Google XML Sitemaps Generatorがどんなものか知らない人のために説明すると
こんにちは、livedoor Blog担当の眞子裕介です。 今回は、ビジネス上のスキルとして注目を浴びている「フレームワーク思考」について説明いたします。 そもそも、みなさんは、「フレームワーク思考」という言葉をご存じでしょうか? 「フレームワーク思考」とは、情報分析、問題発見や、問題解決(*1)や戦略を立案する際に利用する「思考の枠」のことを指します。 (*1)All Aboutの「フレームワーク思考してますか?」から引用しました。 この「フレームワーク思考」を活用すると、自然と思考が論理的かつ客観的となり、思考の結果を人に説明しやすくなります。 私の経験をもとに言えば、「フレームワーク思考」を学ぶ以前に「機能の要望」を検討する時は、ユーザーの立場でユーザーが求めるであろう機能を考えていましたが、どうしても主観的な意見となりがちでした。しかしながら、「フレームワーク思考」を学んだ後は、「
ネット上には山のようにムービーがありますが、その中には「一体このファイルはどうやって再生すればいいのだろうか?」というようなものもあります。そういう場合には再生用の「コーデック」をインストールすればいいわけですが、どのコーデックをインストールするべきかがわからない場合があります。 そういった際に役立つのがこのフリーソフト「CodecInstaller」です。ムービーファイルを解析して必要なコーデックを特定したり、既に自分のPC内にインストールされているコーデックを一覧化し、バージョンアップが必要な場合にはダウンロードして更新する手助けを行うことが可能になっています。よくあるようなコーデックをまとめたまるごとパックをインストールするのはちょっとアレなので、自分で何のコーデックをインストールするかをきちんと確認しておきたいという人向けです。 ダウンロードとインストール、実際の使い方は以下から。
ホッテントリメーカーからタイトルを頂戴した。id:phaさんありがと。 社会人なら押さえておきたいフレームワーク思考 : LINE Corporation ディレクターブログが非常に人気で今年のアルファブロガー(というかエントリ大賞に見える)大賞にもノミネートされている。こういう記事はニーズがありそうなので、僕なりにフレームワーク思考についていくつかサンプルを用意し、僕が使うチャートのサンプルを紹介しておきます。 というか1000以上のブクマとか・・・嫉妬!激しく嫉妬!!ハンカチ噛んじゃう!!!! そもそも議論しちゃいけないこと 個人の価値観に依拠し、お互いの主張を出し合っても全体として合意が得られそうにないこと。例えば「浮気の定義」とか。こんなのは議論したって全体最適なんて導けるわけが無いので、ビジネスの場では全く持ってムダです。居酒屋でやりましょう。 仕事で議論することの意味 あなた
Papervision3D の新機能「SpringCamera3D」で飛行船らしきものを作ってみました。これは公式ブログによると物理演算を適用したカメラ機能で、3Dゲームのように滑らかに追随するカメラアングルが使えます。使い方も難しくないので、Papervision3DでFlashゲームを作ろうという方にはオススメな機能です。 (デモはステージを一回クリックすると、キーボードの上下左右で動かせます) demo (要Flash Player 10 / 720×480サイズ) lite demo (上のデモが重い場合は 320×240サイズのこちらを試してみてください) src (zip, Flex SDK) ゲーム風なマップは「void element blog」さんの「ドキッ!変態だらけのActionScript的超絶技巧発表会」のフィールドマップジェネレータから作成させて頂きました。 S
Movable Type に表示する dTree カテゴリーリストに、ブログ記事数を表示するカスタマイズです。このカスタマイズを行なえば、dTree のカテゴリーリストにブログ記事が公開されているカテゴリーにブログ記事数を表示します。 ご要望を頂きましたので、本エントリーにて紹介致します。なお、このカスタマイズは「dTree サブカテゴリーリスト + 新着表示 for Movable Type」のカスタマイズを元にしています。 以下、サブテンプレートのみ示します。 「dTree サブカテゴリーリスト + 新着表示 for Movable Type」のひとつめのリストは、次の内容に変更してください。 <script type="text/javascript"> d = new dTree('d'); d.config.useCookies=false; d.add(0, -1,'Categ
AS3になってサウンド周りが一気に高機能になってできることが増えたのですが 普段使う時は9割方がただ鳴らしたいだけ、ループしたいだけって程度で SoundChannelとかSoundTransformとか気にする意味ない事ばっかりなので、 くるっとラップしてお手軽にしてます。くるっと。 ・つかいかた var sound:Sound = new bgm();//ライブラリのやつ var SW:SoundWrapper = new SoundWrapper(sound); SW.playSound() ライブラリでサウンドをactionscript用に書き出しにしておいて、new。 あとはラップして、playSound()。 ・関数とかは playSound() 1回再生 stopSound() 停止 loopSound(n) 指定回数再生。0だとずっとループ setvol(n) ボリューム
遅かれ今年初エントリーなので、改めまして明けましておめでとうございます! 今回はデータの軽量化についての策を出していこうと思います。 アニメーションベースのサイトを制作すると、いつも頭を悩ますのが”重さ”です。 せっかくアニメを作って組み上げたはいいもの、サーバに上げてみると重くて観れたものじゃないってことがあります。 その原因は大きく分けて3つ… 【素材】 ①サイズの大きいビットマップ ②アンカーポイントの多いベクターデータ ③アウトラインが線 ④シンボルに変換せず素材を使用 【タイムライン】 ①モーショントゥイーンを同じ時系列で複数配置 ②フェイドイン・アウト ③キーフレーム 【フィルターの使用】 ①ぼかし・ドロップシャドウなど そしてこれらの問題を改善する方法とは… 【素材】 ① ・画質を若干落とし、劣化した場合にはスムージングで対処 (ビットマッププロパティで設定) ・GIF画像に
Adobe FlashにもFlashDevelopにもテンプレート機能があるのですが、設定が面倒でなかなか活用できてなかったりします。 特にFlashDevelopを利用しているひとはDisplayObjectのサブクラスとかProgressionのCastObjectやCommand派生のクラスをよく作ると思います。 FlashDevelop のテンプレートは以外に簡単だったので、いろいろ作ってみました。 MovieClipを継承したりといった超細かいところでも右クリック>Add>New ... .as でかなり効率化できたので、よかったらまだつかってないひとは試してみてください。 ファイル一式をアップロードしました。 特にProgression関連のものはProgressionSVNにコミットしておきました。(他の方もテンプレートをコミットされてますね) http://trac.pro
PNGシーケンスみたいな大量のビットマップなどをタイムライン上のフレームに並べたいときにつかうと便利なJSFLコマンドをつくりました。 レイヤーに配分にならって「フレームに配分」としました。 カーソルのあるレイヤー、フレームに配置してあるオブジェクトを取得 新しいレイヤー作成 タイムラインフレームを挿入 順番にカットアンドペースト 起動したときにダイアログが出て、何フレーム置きに分配するか指定できます。 起動時のフレームから、配置を始めるので何も無ければMCシンボルを作成してその中で作業を行うと後で部品としてつかうのに便利だと思います。 /src/doke/フレームに配分.jsfl (動作確認:WindowsVista, Flash CS3) 分配する量によってはしばらく時間がかかることがあります。PCやアプリケーションの状態によっては処理が重くなったり、ハングアップすることも考えられます
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
みなさんは携帯サイトの会員登録を行う際に以下のような経験はありませんか? ・入力エラーが発生した。 ・次ページの読み込み中に接続不良となった。 弊社のユーザ行動観察調査では、会員登録時に上のような状況に直面すると、多くの人が会員登録をあきらめてしまう様子が観察されています。 今回はこのようなトラブル発生を防ぎ、「離脱されないフォーム」を実現する上で重要となるポイントを2つご紹介します。 フォーム入力例を適切な位置に配置する フォーム内の各項目に入力例を明示することでエラー発生を防ぎます。ごくごく当たり前のことですが、PCサイトに比べてコンテンツスペースが少ないことを理由に、携帯サイトでは「入力例が省略されたフォーム」が多く見受けられます。 また、入力例の配置にも注意が必要です。たとえ入力例が配置されているフォームであっても、下図の左側のように入力欄の下に配置しているものは十分と言えません。
twitter facebook hatena google pocket カレンダーを表示したい時、月ベースで一覧できると便利です。 JavaScriptライブラリ「jQuery」のプラグインjMonthCalendarでは、お手軽にカレンダーを作成可能です。 sponsors 使用方法 jMonthCalendarからjMonthCalendar-1.0.1.jsをjQueryからjquery.jsをダウロードします。 <link href="jMonthCal.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="/test/js/jquery-1.3.js"></script> <script type="text/javascript" src="/test/js/jMonthCale
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く